【HTML_标签大全】

时间:2023-03-08 23:30:05
【HTML_标签大全】
HTML标签大全
标签 描述 标签类型 备注
<!--...--> 定义注释 / 单标签
<!DOCTYPE> 定义文档类型 / 单标签
<head></head> 文档标题以及其他不在WEB网页上显示的信息 块级元素 双标签
<body></body> 定义文档内容主体 块级元素 双标签
<title></title> 定义文档的标题 / 双标签
<header></header> 定义内容的页眉 块级元素 双标签  H5
<footer></footer> 定义内容的页脚 块级元素 双标签  H5
<nav></nav> 定义内容的导航 块级元素 双标签  H5
<style></style> 定义文档的样式信息 / 双标签
<link> 定义文档与外部资源的关系 / 单标签
<meta> 定义 HTML 文档的元信息 / 单标签
<h1></h1> 标题字大小(h1~h6) 块级元素 双标签
<b></b>  粗体字 行内元素 双标签
<strong></strong> 粗体字(强调) 行内元素 双标签
<i></i>  斜体字 行内元素 双标签
<em></em>  斜体字(强调) 行内元素 双标签
<center></center>  居中文本 块级元素 双标签
<ol></ol> 有序列表 块级元素 双标签
<ul></ul> 无序列表  块级元素 双标签
<li></li> 列表项目 块级元素 双标签
<a href=”…”></a>  超链接 行内元素 双标签
<font></font> 定义文本字体尺寸、颜色、大小 行内元素 双标签
<sub></sub> 下标 行内元素 双标签
 <sup> </sup> 上标 行内元素 双标签
<br />  换行 行内元素 单标签
<p></p>   段落 块级元素 双标签
<pre></pre> 预先格式化文本  块级元素 双标签
<map></map> 定义图像映射。 行内块元素 双标签
<table></table> 定义表格 块级元素 双标签
<th></th> 定义表格中的表头单元格 / 双标签
<tr></tr> 定义表格中的行 / 双标签
<td></td> 定义表格中的列 / 双标签
<form></form> 定义供用户输入的 HTML 表单 块级元素 双标签
<frame> 定义框架集的窗口或框架。 / 单标签
<img src=’”…” /> 定义图像 行内块元素 单标签
<hr />  水平线 块级元素 单标签
<aside></aside> 标签定义其所处内容之外的内容。 块级元素 双标签  H5
<button></button> 定义按钮 行内块元素 双标签
<input /> 定义输入控件。 行内块元素 单标签
<script></script> 定义客户端脚本。 行内块元素 双标签
<del></del> 定义被删除文本。 行内快元素 双标签
<rt></rt> 定义 ruby 注释的解释。 行内元素 双标签  H5
<ruby><ruby> 定义 ruby 注释。 行内元素 双标签  H5
 <textarea> </textarea> 定义多行的文本输入控件。 行内元素 双标签
<video></video> 定义视频,比如电影片段或其他视频流。 / 双标签  H5
<canvas></canvas> 定义图形,比如图表和其他图像。   双标签  H5
<fieldset></fieldset> 可将表单内的相关元素分组。 块级元素 双标签

块级、行内块、行内的区别

块级元素:

  *独占一行,宽度自动填满;

  *可以设置width、height属性;

  *设置了宽度也是独占一行,

  *可以设置margin、padding属性;

 

行内元素:

  *不会独占一行,相邻的行内元素在一行里,

    直到行排不下就自动换行

  *其宽度随内容而变化;

  *width、height属性则无效;

  *行内元素的margin、padding属性很奇怪,

    水平方向的left、rigtht都会产生边距效果,

    但是竖直方向的top、bottom却不产生边距效果。

行内块元素:

  *和行内元素相似,它也是根据内容改变宽度

     但是他可以改变宽度。