超文本标记语言,用来开发网页的语言,主要用标签对的形式为文本添加语义,或者放置文档的部件。
后缀名为 .html
html5骨架:
<!-- DTD:文档类型声明 -->
<!DOCTYPE html>
<html lang="en">
<!-- 网页配置 -->
<head>
</head>
<!-- 正式的内容 -->
<body>
</body>
</html>
DTD作用:表明当前书写的HTML文档,遵循的是HTML几代的规范
3种列表:
标签 | 语义 |
<ul></ul> | 无序列表,没有刻意顺序 |
<ol></ol> | 有序列表 |
<dl></dl> | 定义列表 |
无序列表:
使用场景:页面上要列出一些搜索结果,一些新闻条目,或者是导航条
<ul>的子标签只能是<li>,不能出现其他标签!<li>中可以放任何东西,但<li>不可以散着放!
错误示范
<ul>
<h2></h2>
<li></li>
<li></li>
<li></li>
</ul>
<li></li>
正确示范
<ul>
<li>
<p></p>
<ul>
<li></li>
</ul>
</li>
<li></li>
<li></li>
</ul>
有序列表:
使用场景:排行榜
<ol>的子标签只能是<li>,不能出现其他标签!<li>中可以放任何东西,但<li>不可以散着放!
<ol>的type属性:a、A、i、I、1
<ol>的start属性:必须是一个阿拉伯数字整数
<ol>的reversed属性:指定列表中的条目是否是倒叙排列。不需要值,只用写reversed即可。
<ol reversed></ol>
注意:写reversed属性时,尽量不要使用start属性。
定义列表:
需要逐条给出定义描述的列表。<dd>对<dt>进行解释说明
<dl>
<!-- data term 数据项 -->
<dt></dt>
<!-- data definition 数据定义 -->
<dd></dd>
</dl>