⒈文本标签:
①<em></em>
和<strong></strong>
em标签用于表示一段内容中的着重点。倾斜标记。表示语气上的强调。
strong标签用于表示一个内容的重要性。加粗标记。表示强调的内容,比em更强烈。
②<i></i>
和<b></b>
(没有语义)
i标签:倾斜显示。
b标签:加粗显示。
对于只是需要单纯的倾斜或加粗,不需要着重的内容,就可以使用i标签和b标签。
③<small></small>
small标签中的内容会比他父元素中的文字小一些。用来表示细则一类的内容。
④<cite></cite>
网页中所有的加书名号的内容都可以使用cite标签,表示参考的内容。
⑤<q></q>
表示一个短的引用。(行内引用)
q标签引用的内容,浏览器会默认加上引号。
⑥<blockquote></blockquote>
blockquote标签表示一个长引用。(块级引用)
⑦<sup></sup>
sup标签设置一个上标。
⑧<sub></sub>
sub标签设置一个下标。
⑨<ins></ins>
ins标签表示一个插入的内容,标签中的内容会自动添加下划线。
⑩<del></del>
del标签表示一个删除的内容,标签中的内容会自动添加删除线。
⑪<pre></pre>
预格式标签,会将代码中的格式保存,不会忽略多个空格。
⑫<code></code>
专门用来表示代码。
一般结合使用pre和code来表示一段代码
⒉列表:列表之间可以相互嵌套。
⑴无序列表:使用ul标签创建一个无序列表。
①使用li在ul中创建一个一个的列表项。一个li就是一个列表项
②语法:
<ul>
<li>列表项内容</li>
<li>列表项内容</li>
<li>列表项内容</li>
·······
</ul>
③通过type属性可以修改无序列表的项目符号。但一般不使用。
如果需要设置项目符号,则可以采用为li设置背景图片的方式来设置。
④ul和li都是块元素。
⑤去掉项目符号:在style标签里设置一个样式none。
例如:
ul{
list-style:none;
}
⑵有序列表:和无序列表类似,使用ol来代替ul。
①语法:
<ol>
<li>列表项内容</li>
<li>列表项内容</li>
<li>列表项内容</li>
·······
</ol>
②有序列表使用有序的序号作为项目符号。
③ol也是块元素。
⑶自定义列表:对一些词汇或内容进行定义。
①使用dl来创建一个自定义列表。dl中有两个子标签。
dt:被定义的内容。
dd:被定义内容的描述。
②语法:
<dl>
<dt>名词</dt>
<dd>解释</dd>
·······
</dl>