HTML的常用标签

本文最后更新于2022.04.08-14:55，某些文章具有时效性，若有错误或已失效，请在下方留言或联系涛哥。

标题标签（字体自动加粗 h1~h6字体逐渐减小）

<h1>标题</h1>
<h2>标题</h2>
<h3>标题</h3>
<h4>标题</h4>
<h5>标题</h5>
<h6>标题</h6>

 定义描述标签

<dl>
     <dt>标题</dt>
     <dd>描述内容</dd>
</dl>

段落标签

<p>这是一段内容</p>

列表标签（有序和无序）

<ol>
	<li>我是li</li>
	<li>我是li</li>
</ol>
<ul>
	<li>我是li</li>
	<li>我是li</li>
</ul>

水平线标签

<hr />

换行标签

<p>这是一段<br>文字</p>

表格标签

<table border="1"><!-- 表格（<teable border="" />） --> 
	<tr><!-- 行 -->
		<td>单元格</td><!-- 列 -->
		<td>单元格</td><!-- 列 -->
	</tr>
	<tr><!-- 行 -->
		<td>单元格</td><!-- 列 -->
		<td>单元格</td><!-- 列 -->
	</tr>
</table>

表单标签

<form action="提交地址" method="提交方法">一切标签</form>
提交方法：一般有post和get两种
作用：提交用户输入的信息
ps：h5新特性：
     1，autocomplete：表单是否自动补全（on/off）  
     2，novalidadte：在自动提交的时候，不进行h5标签的字段验证，值是自己表示不验证

 分区标签

<div>一切标签</div>

 图片标签

<img src="图片路径" alt="图片加载不出来的提示文字" title="鼠标移上去的提示文字">
图片路径：
    1，绝对路径：从盘符开始写的路径；特点：只要图片的位置不发生变化都可以加载图片
    2，相对路径：不从盘符开始写，从文件位置本身开始写的路径（是我们最常用的方法）
..\表示上一级  ..\..\表示上两级
ps：用于制作响应式图片，图片显示随分辨率变化而变化
<picture>
<source media="媒体查询" srcset="图片路径">
<img src="图片路径">
</picture>

范围标签：显示某行内的特殊样式

<span>文本等行级内容</span>

超链接标签

<a href="链接地址" target="目标窗口位置" >链接热点文本或图像</a>
锚链接的使用：
     设置锚点：<a name="标记名">目标位置</a>
     链接到标记位置：<a href=”#标记名“></a>

input标签

<input type="类型"  value="值” />