【HTML_标签大全】

2021-10-23 11:45:41

182

标签描述标签类型备注  定义注释 / 单标签 <!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却不产生边距效果。

行内块元素：

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

　　但是他可以改变宽度。

上一篇：Html常用标签下一篇：HTML标签大全