html常用标签大全（html常用标签及作用）

常用的HTML标签包括：a标签、table标签、img标签、form标签和input标签。

a标签

功能

跳转到外部网页跳转到内部锚点跳转到电子邮件或电话号码等属性

(1)链接

href是hyperreference的缩写，意思是超链接。

用于指定链接目标的ur地址，href属性应用于标签时，具有超链接的功能；

href="#"表示这是一个空链接；

如果href中的地址是文件或者压缩包，则下载该文件。

u0026lt;ahref=''u0026gt;指向Google网站主页的超链接u0026lt;/au0026gt;u0026lt;ahref=''u0026gt;指向Google主页的超链接u0026lt;/au0026gt;u0026lt;ahref='//google.com'u0026gt;Google主页的超链接u0026lt;/au0026gt;显示格式：

单击此链接可访问Google主页

标签href的值：

1、上面代码中URL的值

u0026lt;ahref='//google.com'u0026gt;指向Google主页的超链接u0026lt;/au0026gt;

由于该方法可以自动补全相关网络地址，前两者出错会导致错误，所以推荐使用。

2.路径

a/b/c当前路径下的/a/b/c或bina，cinb

index.html和./index.html在当前目录中查找index.html文件

3.伪协议

JavaScript：代码；u0026lt;ahref='_javascript:'u0026gt;点击后不会有点击或刷新动作u0026lt;/au0026gt;锚链接u0026lt;ahref='#当在id上点击链接时'u0026gt;u0026lt;/au0026gt;跳转到要跳转的元素的位置，会跳转到指定元素的位置。

mailto:电子邮件u0026lt;ahref='mailto:abcdefg@163.com'u0026gt;给我发电子邮件u0026lt;/au0026gt;tel：手机号码u0026lt;ahref='tel:'u0026gt;叫我u0026lt;/au0026gt;(2)目标

用于指定如何打开链接页面

a的目标值

1.内置名称

_blank在空白页上打开

_self在当前页面打开

_parent在父窗口中打开

_top在顶级窗口中打开

u0026lt;ahref='//google.com'target='_blank'u0026gt;超链接到Google网站主页并在空白页上打开u0026lt;/au0026gt;2.程序员的命名

窗口：名称

iframe的名称

(3)下载

下载页面，但目前很少使用。有些浏览器不支持，尤其是移动浏览器。

table标签

1.表标签语法：

thead:标头

tbody:表的内容用于定义

tfoot:桌脚

tr:表行，表中的行

在th:表的表头部分，文本内容为粗体且居中。

td:tabledata，表格数据，用于定义表格中的单元格

u0026lt;DOCTYPEhtmlu0026gt;u0026lt;htmllang='zh-CN'u0026gt;u0026lt;headu0026gt;u0026lt;元字符集='UTF-8'/u0026gt;u0026lt;元名称='视口'内容='宽度=设备宽度，初始比例=1.0'/u0026gt;u0026lt;metahttp-equiv='X-UA-Compatible'content='ie=edge'/u0026gt;u0026lt;标题u0026gt;文档u0026lt;/titleu0026gt;u0026lt;/headu0026gt;u0026lt;正文u0026gt;u0026lt;表u0026gt;u0026lt;头u0026gt;u0026lt;tru0026gt;u0026lt;thu0026gt;u0026lt;/thu0026gt;u0026lt;thu0026gt;小红u0026lt;/thu0026gt;u0026lt;thu0026gt;小黄u0026lt;/thu0026gt;u0026lt;thu0026gt;小兰u0026lt;/thu0026gt;u0026lt;/tru0026gt;u0026lt;/theadu0026gt;u0026lt;主体u0026gt;u0026lt;tru0026gt;026lt;tdu0026gt;90u0026lt;/tdu0026gt;u0026lt;tdu0026gt;60u0026lt;/tdu0026gt;u0026lt;tdu0026gt;80u0026lt;/tdu0026gt;u0026lt;/tru0026gt;u0026lt;tru0026gt;26gt;88u0026lt;/tdu0026gt;u0026lt;tdu0026gt;95u0026lt;/tdu0026gt;u0026lt;tdu0026gt;97u0026lt;/tdu0026gt;u0026lt;/tru0026gt;u0026lt;tru0026gt;u0026lt;thu0026gt;英语u0026lt;/thu0026gt;0026>u0026lt;tdu0026gt;95u0026lt;/tdu0026gt;u0026lt;tdu0026gt;97u0026lt;/tdu0026gt;u0026lt;/tru0026gt;u0026lt;/tbodyu0026gt;u0026lt;t脚u0026gt;u0026lt;tru0026gt;u0026lt;thu0026gt;总分u0026lt;/thu0026gt;026gt;266u0026lt;/tdu0026gt;u0026lt;tdu0026gt;250u0026lt;/tdu0026gt;U0026LT；TDU0026>>274u0026LT；/TDU0026GT；U0026LT;/TRU0026GT;U0026LT;/TFOOTU0026LT;/Tableu0026GT;/BodyU0026gt;u0026LT;/htmlu0026gt;

第一行第th标签为空

2.表格样式

表格布局：自动；自动计算每行的宽度和高度

表格布局：固定；通过列表的宽度确定平均宽度

边界崩溃：崩溃；合并边框

边框间距：0；边界为0。。

img标签

功能：发出get请求并显示图片。

u0026lt;imgsrc='1.jpg'width='400'/u0026gt;1.jpg在当前路径下，确保宽度为400，只写宽度和高度会自适应

属性

alt：alternate的缩写，意思是替换。将文本替换为无法在图像上显示的文本。

路径错误显示替代内容

标题：提示文字。将鼠标移到图像上即可显示文本。

回复

max-width:100%所有图片在手机上自适应宽度，最大宽度为100%。

事件

onload/onerror监控图片是否加载成功。如果加载成功，则使用onload。如果不成功，则使用onerror事件。确保onerror事件可以得到纠正。

u0026lt;正文u0026gt;u0026lt;imgid='xxx'src='dog.jpg'监控成功时，打印出成功

当监控失败时，首先打印监控失败并启动加载失败的救援图像。404.jpg文件执行

感想：

可以设置和清除a标签的默认样式。href属性可以有多个值。a标签的意义不仅是跳转到某个URL，还可以用来发送电子邮件、拨打电话。设置img标签的宽度和高度时，图像不能变形。table标签必须按照thead、tbody、tfoot的结构来写。先划分结构，再填写内容。即使前面写了tfoot，也会显示在页面上。文末文章为作者原创文章。版权归作者和饿汉谷所有。转载时须注明出处。