一、文本格式化标签——双标签
注:编译于<body><标签名>文字</标签名></body>
效果说明 | 标签名1 | 标签名2 | 备注 |
文本加粗 | b | strong | 两标签效果相同,后者在语义上更重要 |
下划线 | u | ins | 两标签效果相同,后者在语义上更重要 |
文本倾斜 | i | em | 两标签效果相同,后者在语义上更重要 |
删除线 | s | del | 两标签效果相同,后者在语义上更重要 |
一般情况下,英文单词所表示的标签与单独字母所表示的标签相比,展示效果上并没有什么区别,只是在语义上英文单词标签要显得更为正式与重要。
练习代码:
<body>
<p><b>Web小白基础教程</b></p>
<p><strong>Web小白基础教程</strong></p>
<p><u>Web小白基础教程</u></p>
<p><ins>Web小白基础教程</ins></p>
<p><i>Web小白基础教程</i></p>
<p><em>Web小白基础教程</em></p>
<p><s>Web小白基础教程</s></p>
<p><del>Web小白基础教程</del></p>
</body>
效果如下:
二、图片标签——单标签
注:编译于<body><img src="图片文件存放地址" alt="替换文字" title=“悬停文字” width=“宽度数值” height=“高度数值”></body>
注:标签属性名用于修饰标签,放于标签<属性>之内。
标签属性名 | 标签属性值 | 效果说明 |
src | “图片文件存放地址” | 显示图片 |
alt | “图片因某些原因不能显示,此时出现的替换文字” |