标签内容
- 一、标题标签
- 二、表单标签啊
- 三、段落标签
- 四、插入图片标签
- 五、换行标签
- 六、列表标签
- 七、超链接标签
- 八、容器标签
- 九、结构性标签
- 十、级块性标签
- 十一、行内语义性标签
HTML中的常用的标签
一、标题标签
<body>
<!--标题标签-->
<h1>h1标签</h1>
<h2>h2标签</h2>
<h3>h3标签</h3>
<h4>h4标签</h4>
<h5>h5标签</h5>
<h6>h6标签</h6>
<hr>
</body>
二、表单标签啊
<!--表单标签-->
<input placeholder="占位文字", value="默认文字">
<input value="默认文字">
<input type="date">
<input type="file">
<input type="radio">
三、段落标签
<!--段落标签-->
<p>段落标签</p>
<p>段落标签</p>
<p>段落标签</p>
四、插入图片标签
五、换行标签
<!--换行标签-->
<br>
六、列表标签
ul、ol
<!--列表标签-->
<!--无序列表-->
<ul>
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
</ul>
<!--有序列表-->
<ol>
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
</ol>
七、超链接标签
<a>标签
八、容器标签
容纳其它标签
<!--容器标签-->
<div></div>
<span></span>
九、结构性标签
复制web上下文结构的定义，却不HTML文档
- article 文章主题内容
- header 标记头部区域内容
- footer 标记脚部区域内容
- section 区域章节表述
- nav 菜单导航，链接导航
<!--结构性标签-->
<article>
<nav> 菜单导航 </nav>
<!--头部-->
<header>
<h2>标题</h2>
</header>
<!--主要章节-->
<section>第一节</section>
<section>第二季</section>
<!--尾部-->
<footer>
<h3>尾部</h3>
</footer>
</article>
十、级块性标签
完成Web页面区域的划分，确保内容有效分隔
- aside 注记、贴士、侧栏、摘要、插入的引用作为补充主体的内容
- figure 对多个元素组合并展示的元素，常与figcaption联合使用
- code 表示一段代码块
- dialog 人与人之间对话，包含dt和dd两个组合元素（dt用于表示说话者、dd用于表示说话者的内容）
十一、行内语义性标签
完成web页面具体内容的引用和表述，丰富展示内容
- meter 特定范围内的数值，如工资、数量、百分比
- time 时间值
- progress 进度条,可用max、min、step进行控制，完成对进度的表示和监听
- audio 音频，用于音频播放
- video 视频，用于视频播放
<meter value="30" max="100" min="0">浏览器兼容显示</meter>
<progress value="40" max="100"></progress>
