HTML5第一章文本元素-CSDN博客

本文链接：https://blog.csdn.net/weixin_39597587/article/details/79529374

第一章文本元素

元素名称	效果
br	换行
wbr	安全换行：当英文单词过长时使用安全换行会根据浏览器的宽度适当的裁剪换行
b	加粗
strong	加粗
i	倾斜
em	倾斜
s	删除线
del	删除线
u	下划线
ins	下划线
small	小号
sub	添加上标
sup	添加下标
code	在lang=”en”英文格式下:小号
var	在lang=”en”英文格式下:倾斜
samp	在lang=”en”英文格式下:小号
kdb	在lang=”en”英文格式下:正常
abbr	语义上时缩写,在效果上没有实际作用
dfn	倾斜
q	文本加双引号
cite	倾斜
ruby	汉语拼音
bdo	bdo必须使用dir属性才可以设置:有两个值：rtl从右到左、ltr从左到右
mark	添加一个黄色背景
time	元素没有实际作用
span	正常,表示一般性文本
a	链接

用法：

<body>
b标签 <b>html5</b><br>
strong标签 <strong>html5</strong><br>
wbr标签 html5 html5 html5 html5 html5<wbr> hello world!<br>
i标签 <i>html5</i><br>
em标签 <em>html5</em><br>
s标签 <s>html5</s><br>
del标签 <del>html5</del><br>
u标签 <u>html5</u><br>
ins标签 <ins>html5</ins><br>
small标签 <small>html5</small><br>
sub标签 html<sub>5</sub><br>
sup标签 html<sup>5</sup><br>
code标签 <code>html5</code><br>
var标签 <var>html5</var><br>
samp标签 <samp>html5</samp><br>
abbr标签 <abbr>html5</abbr><br>
dfn标签 <dfn>html5</dfn><br>
q标签 <q>html5</q><br>
cite标签 <cite>html5</cite><br>
ruby标签 <ruby>
    饕<rp> (< </rp> <rt>tāo</rt> <rp> >) </rp>
    餮<rp> (< </rp> <rt>tiè</rt> <rp> >) </rp>
</ruby><br>
bdo标签ltr <bdo dir="ltr">html5</bdo><br>
bdo标签rtl <bdo dir="rtl">html5</bdo><br>
mark标签 <mark>html5</mark><br>
time标签 <time>2017-html5</time><br>
span标签 <span>html5</span><br>
a标签 <a href="http://www.baidu.com">html5</a>
</body>