第3章 HTML5的行级元素3.1格式化元素_第1页
第3章 HTML5的行级元素3.1格式化元素_第2页
第3章 HTML5的行级元素3.1格式化元素_第3页
第3章 HTML5的行级元素3.1格式化元素_第4页
第3章 HTML5的行级元素3.1格式化元素_第5页
已阅读5页，还剩3页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

HTML的格式化元素包括字体样式元素、短语元素。第3章HTML5的行级元素3.1格式化元素目录第3章行级元素3.1格式化元素3.2图像元素img3.3超链接元素a3.4图像热区链接map、area3.5范围元素span3.6多媒体元素 3.7用HBuilderX编辑HTML文档3.8实训—制作广告板块习题33.1格式化元素3.1.1字体样式元素字体样式元素可以使文本内容在浏览器中呈现特定的文字效果。【例3-1】字体样式元素示例。本例文件3-1.html在浏览器中显示的效果如图3-1所示。<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>HTML5保留的文本格式元素示例</title></head><body><p><b>粗体文本</b><big>大号字体</big><big><big>更大号字体</big></big><b><big>粗体大号字体</big></b></p><p><i>斜体文本</i><small>小号字体</small><small><small>更小号字体</small></small><i><small>斜体小号字体</small></i></p><p><tt>打字机或者等宽的文本</tt>这段文本包含<sup>上标</sup>还包括<sub>下标</sub></p></body></html>3.1格式化元素3.1.2短语元素短语元素拥有明确的语义，用以标注特殊用途的文本，这类特殊的文本格式化元素都会呈现特殊的样式。3.1格式化元素【例3-2】短语元素示例。本例文件3-2.html在浏览器中显示的效果如图3-2所示。3.1格式化元素<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>短语元素示例</title></head><body><p><em>em标签告诉浏览器把文本表示为强调的内容，用斜体来显示。</em></p><p>strong强调的程度更强一些，<strong>用粗的字体来显示。</strong></p><p><code><pre>PI=3.1415926r=int(input('r='))//请输入<kbd>100</kbd>，其中变量<var>r</var>表示圆的半径

s=PI*r**2print('s=',s)</pre></code></p><p>Shesaid<q>Ididn'tknow.</q></p><p>一打有<del>20</del><ins>12</ins>件。</p><

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论