标题标签

<h1></h1>

h1~h6（双标签）

h1 标签一个网页只能用一次，用来放标题或者logo
h2~h6 没有使用限制

段落标签

<p></p>

独占一行
段落没有间隙

换行和水平线标签

有时候段落需要换行可以使用

换行：<br>
水平线：<hr>

文本格式化标签

为文本添加特殊格式，以突出重点，均为双标签

标签名	效果
strong / b	加粗
em / i	倾斜
ins / u	下划线
del / s	删除线

媒体标签

图像标签

<img src="图片地址">

属性	作用	说明
alt	替换文本	图片无法显示的时候显示的文字
title	提示文本	鼠标悬停显示的文字
width	图片宽度
height	图片高度

音频标签

<audio src="音频地址"></audio>

属性	作用	特殊说明
src	音频URL
controls	显示音频控制面板
loop	循环播放
autoplay	自动播放	浏览器通常会禁用自动播放

视频标签

<video src="视频地址"></video>

属性	作用	特殊说明
src	视频URL
controls	显示视频控制面板
loop	循环播放
muted	静音播放
autoplay	自动播放	浏览器通常会禁用自动播放

超链接标签

<a href="www.bilibili.com">B站</a>

href是用于跳转网页的属性，必须有
超链接默认是在当前窗口跳转页面，添加target="_blank"实现新窗口页面

列表标签

无序列表

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

无序标签前面会有一个点，使用list-style-type: none可以去除

有序列表

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

通常前面会有数字

定义列表

<dl>
	<dt>标题</dt>
	<dd>内容1</dd>
	<dd>内容2</dd>
</dl>

dl嵌套dt和dd，dl是定义列表，dt是定义列表的标题，dd是定义列表的内容

表格标签

table嵌套tr，tr嵌套td/th

标签名	说明
table	表格
tr	行
th	表头单元格
td	内容单元格
thead	表格头部
tbody	表格主体
tfoot	表格底部

可以使用border属性添加边框线

合并单元格：

保留最左最上的单元格，添加属性（取值是数字，表示需要合并的单元格数量）
跨行合并，保留最上单元格，添加属性 rowspan
跨列合并，保留最左单元格，添加属性 colspan

合并单元格不能跨（thead、tbody、tfoot）

表单标签

<input type="..." placeholder="提示信息">

单选框radio

常用：

name，控件分组，同组只能选一个（用于单选功能）
checked，默认选择

上传文件file

<input type="file" multiple>

默认情况下，文件上传表单控件只能上传一个文件，添加multiple属性可以实现文件多选功能

多选框checkbox

<input type="checkbox" checked> 前端代码

实现多选框
默认选择：checked

下拉菜单

<select>
	<option>北京</option>
	<option>上海</option>
	<option selected>广州</option>
	<option>深圳</option>
</select>

select嵌套option，select是下拉菜单，option是项目，selected是默认选中

文本域

<textarea>默认提醒文字</textarea>

可以多行输入文本的表单控件

label标签

可用于增大表单控件的点击范围

/*方法一*/
<input type="radio" id="man">
<label for="man">男</label>
/*方法二*/
<label><input type="radio">女</label>

按钮button

<button type="">按钮</button>

type属性值	说明
submit	提交按钮，点击后可以提交数据到后台（默认）
reset	重置按钮
button	普通按钮，配合JavaScript使用

语义化

无语义的布局标签：
作用：布局网页，划分区域

div：独占一行
span：不换行

有语义的布局标签：

标签名	语义
header	网页头部
nav	网页导航
footer	网页底部
aside	网页侧边栏
section	网页区块
article	网页文章