一.图片标签
<img>
注意：并不是在网页中插入图片，而是将页面链接到图片
<img src="地址" title="111" alt="222">
<!--
src表示图片的来源，在此填写图片的地址（相对路径/绝对路径/网络地址）
title表示将鼠标移动到图片上会显示的内容
alt表示图片显示失败时会反馈的内容(可替换文本)
-->二.音频标签
<audio>
注意：目前音频播放主流浏览器多不支持，可更换浏览器或更换音频格式多次尝试
<audio src="地址" autoplay="" muted="" controls="" preload="" loop="" poster="地址">
<!--
autoplay表示是否自动播放
muted表示是否静音
controls表示是否显示进度条等(操作界面/播放控件)
preload表示在页面被加载时进行加载，若使用了autoplay，此属性会失效(值可以为none-不加载、metadata-部分加载、auto-全部加载)
loop表示是否循环播放
poster表示音频播放错误时显示指定图片
注意：autoplay、muted、loop等的返回值属于布尔型，布尔型属性指只要你将属性写出来就默认你的选择是true并且无法修改，想要修改就只能移除此属性，即要么无值，要么等于它本身名称
-->三.视频标签
<video>
<video src="地址" autoplay="" muted="" controls="" preload="" loop="" poster="">
<!--视频标签属性表示含义同音频标签属性-->四.表格标签
<table>
<table border="2" cellspacing=0 cellpadding=10>
<tfoot>
<tbody>
<thead>
<!--内容由多个<td></td>和<tr></tr>组成，<tr>表示行，<td>表示列-->
</thead>
</tbody>
<tfoot>
</table>
<!--
border表示的是表格的边框为8；cellspacing表示单元格与单元格、单元格和边距之间的空白距离；cellpadding表示内容和单元格之间的空白距离（默认单位为px）
无论这三个标签（thead、tbody、tfoot）的书写顺序如何，都会按照thead—tbody-tfoot的顺序输出
-->行合并和列合并
<td rowspan="4">123</td> <!--表示在这一列内，合并4行，填充内容“123”，可以理解为竖向合并-->
<td colspan="2">456</td> <!--表示在这一列内，合并2列，填充内容“456”，可以理解为横向合并-->
<!--其余情况以此类推-->五.超链接标签（以<a>标签命名为例）
文字超链接：
点击提示文字跳转，target表示跳转方式，如果不写，target默认是self。self表示通过本身自带选项卡打开，blank表示开启一个全新选项卡打开
<a href="链接目的地" target="_self" >点击跳转</a>锚链接：
用于过长的网页便于浏览，可以在顶部创建标签绑定底部id或者在底部创建标签绑定顶部id
<a href="#bottom">直达底部</a>
<div id="top" style="height: 1000px;border: 1px solid red;"></div>
<div style="height: 1000px;border: 1px solid rebeccapurple;"></div>
<div id="bottom" style="height: 1000px;border: 1px solid green;"></div>
<a href="#top">回到顶部</a>图片超链接：在标签中填入img标签，点击图片跳转
<a href="链接目的地" target="_blank">点击图片跳转
<img src="图片地址" ></a>热区超链接：将图片分割为多个区域，这些区域可以是数学几何图片，可以通过点击不同的区域进行不同的跳转
<a href="链接目的地">
<img src="热区图片地址" usemap=""> <!---usermap是指映射映射图片名称-->
<map id="map"> <!--map标签定义map-->
<area shape="rect" coords="0,0,100,100" alt=""> <!--area标签定义可点击的热点,shape定义热区形状；coords定义热区坐标（从哪到哪，0，0只最左上角）-->
</a>
<!--
有如下参数：
shape = "rect"，coords——left/top/right/bottom，也可以换位坐标表示
shape = "circle"，coords——center-x/center-y/radius，表示圆心坐标和圆半径
shape = "poly"，coords按顺序取多边形各个顶点的（x、y）——"x1, y1, x2, y2, …… xn, yn"
六.表单标签（用于收集信息等）
重要属性：
1.action需要填入一个服务器的url（url是统一资源定位符，对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址），这个url指向转为处理表单的接口函数。
2.method是http的请求方式，主要使用get和post。
get——用户点击提交按钮后，提交的信息会被显示在页面的地址栏中，但如若密码等隐私信息提交后不太安全，因为此时会被提交到地址栏。
post——可以提交一些像密码等的隐私信息，数据会传送到后台，不显示在地址栏中，相对安全。
<form action="#" method="get/post" enctype="multipart/form-data">
<!--enctype指指定将数据回发到服务器时浏览器使用的编码类型；multipart/form-data指上传二进制数据，不对字符编码，在使用包含文件的表单时，必须使用此值。一般默认是类型是application/x-www-form-urlencoded-->