HTML

常用标签

标题

h1,h2,h3,h4,h5,h6,

段落

div标签

div(无语义，但是比较常用)

有序列表

ol,li

<ol>
    <li>我是有序列表项1</li>
    <li>我是有序列表项2</li>
    <li>我是有序列表项3</li>
</ol>

有序列表的type属性值
1 数字编号（默认值） A 大写的英文字母编号 a 小写英文字母编号 I 大写罗马数字编号 i 小写罗马数字编号 start属性 reversed属性

无序列表

ul,li

<ul>
    <li>我是无序列表项1</li>
    <li>我是无序列表项2</li>
    <li>我是无序列表项3</li>
    <li>我是无序列表项4</li>

无序列表的type属性 disc实心圆（默认） square实心正方形 circle空心圆

定义列表

dl,dd,dt,

<dl>
  <dt>Firefox</dt>
  <dd>
    A free, open source, cross-platform, graphical web browser developed by the
    Mozilla Corporation and hundreds of volunteers.
  </dd>

  <!-- Other terms and descriptions -->
</dl>

图片标签

src:图片路径 alt:alternate(替代者) 如果由于一些原因浏览器未能正确加载图片，则会在页面上显示alt的内容

超链接

互联网的关键之所在，互联网之所以能够互联互通，就是因为超链接的存在，可以从一个网页跳转到另一个网页

href:要跳转的路径 title:用户鼠标悬停时显示的文本
target属性 _blank/blank 表示在新窗口中打开链接 _self 表示在原本页面上打开超链接（默认值）
页面锚点设置href值为页面元素的css选择器
特殊链接下载链接:自动下载相对应的文件邮箱链接电话链接

音频

audio

视频

video

文本相关标签

span标签

标签是文本中的区块标签，没有任何显示的效果，可以结合 css 来定位区块的样式需要被特殊标记的元素也会使用 span 标签

文本格式化标签

标签	描述
<strong>	定义加重语气，表示特别重要的文字
<sub>	定义下标字
<sup>	定义上标字
<del>	定义删除字
<pre>	定义预格式文本。被包围在 pre 标签元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 pre 标签的一个常见应用就是用来表示计算机的源代码。
<mark>	一段需要被高亮的文本（HTML5 新标签）
<figure>	代表一段独立的内容，与说明 figcaption 标签配合使用。figure 标签规定独立的流内容（图像、图表、照片、代码等等）。
<figcaption>	一个独立的引用单元，标签为元素定义标题

html5新增区块标签

标签	含义
<header>	网页头部区域
<main>	网页的主体部分
<article>	网页的核心（文章）,搜索引擎关注的重点
<aside>	文章的侧边，一般放广告
<section>	网页的一部分
<nav>	导航条
<footer>	网页底部

表格

table 整个表格
caption 表格的标题
thead 表格的头部
tbody 表格的主体
tfoot 表格的页脚
th表头
th表格的行
td表格的每一个单元

表单

常见的有：单行文本框，多行文本框，密码文本框，按钮

老哥带你学前端之html5

HTML

常用标签