HTML常用标签

1.标题标签

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

重要性依次递减，h1重要性仅次于title，通常页面只会有一个h1

2.段落标签

<p>这是一段话</p>

每个标签之间自动换行，标签中的文字代表一个段落

3.换行标签

<br>

使文字进入下一行，换行之后段落之间没有缝隙

4.文本格式化标签

<em>斜体</em>
<strong>加粗</strong>
<ins>下划线</ins>
<del>删除线</del>
<sub>下标</sub>
<sup>上标</sup>

5.超链接

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

href	指定链接的url值 （必须属性）
target	链接页面打开方式，默认值(当前窗口打开页面)：_self; 在新窗口打开: _blank

常见链接：

<a href="http://www.***.com">外部链接</a>
<a href="***.html">内部链接</a>
<a href="#">空链接</a>
<a href="xxxx.zip/exe">zip压缩包或exe文件</a>

注意：文本、图片、表格、音频、视频都可以嵌套进超链接

6.锚点链接

<h1 id="top">顶部</h>
<a href="#top">点击返回顶部</a>

7.图像标签

用于向页面中引入一个外部图片

<img src="" alt="" title="">

src	图片路径，分为绝对路径和相对路径
alt	替换文本， 默认不显示，图片加载出错显示
title	提示文本，鼠标放上不动就会出现文字
width	图片宽度，单位px像素
height	图片高度，单位px像素

常见图片格式：jpg，png，gif，webp，base64
详见：https://blog.csdn.net/dazhaoDai/article/details/103010560

8.表格标签

<table>表格
	<caption>表格标题</caption>
	<thead>表头
		<tr>行
			<th>单元格</th>
		</tr>
	</thead>
	<tbody>表内容
		<tr>行
			<td>单元格</td>
		</tr>
	</tbody>
	<tfoot>表尾
		<tr>行
			<td>单元格</td>
		</tr>
	</tfoot>
</table>

rowspan	行合并（纵向合并）
colspan	列合并（横向合并）

注意：被合并的行或列一定要删除

align	规定表格相对周围得对齐方式
border	规定表格单元是否有边框。默认没有
cellspacing	规定单元之间的空白，默认2像素
cellpadding	规定单元边沿与其内容之间的空白，默认为1像素

9.列表标签

无序列表

• 列表1
• 列表2
• 列表3

<ul>
	<li>列表1</li>
	<li>列表2</li>
	<li>列表3</li>
</ul>

有序列表

1. 列表1
2. 列表2
3. 列表3

<ol>
	<li>列表1</li>
	<li>列表2</li>
	<li>列表3</li>
</ol>

自定义列表
文字
    文字解释

<dl>
	<dt>文字</dt>
	<dd>文字的解释</dd>
</dl>

注意：一个dt下可以有多个dd

10.form标签

<form action="" methon=""></form>

action	用于提交服务器地址
method	提交表单时用的http方法（get：表单数据在地址栏可见； post：比较安全，地址栏看不到表单数据）

输入框

<input type=""></input>

文本框

<input type="text" name="必须指定" 
 				   placeholder="提示字段，输入文字后消失"
 				   minlength="输入最小长度"
 				   maxlength="输入最大长度"
 				   required（必填项）></input>

密码框

<input type="password" name="必须指定" 
 				       placeholder="提示字段，输入文字后消失"
 				   	   minlength="输入最小长度"
 				   	   maxlength="输入最大长度"
 				   	   required（必填项）></input>

单选框

<input type="radio" name="不能相同" 
					value="提交的值，必须有"></input>

多选框

<input type="check" name="必须相同" 
					value="提交的值，必须有"></input>

选文件

<input type="file" multiple（选多个标签）></input>

数值输入框

<input type="number" max="最大值" max="最小值"></input>

下拉选项

<select name="必须有">
	<option value"必须有">下拉显示的选项</option>
</select>

文本域

<textarea name="必须有" id="" rows="行数" cols="每行字符数"></textarea>

按钮

<button type="submit">提交按钮</button>
<button type="reset">重置按钮</button>

更多标签详见：https://www.jianshu.com/p/0676fe569396