最常⽤的HTML标签总结整理
body：在⽹页上要展⽰出来的页⾯内容⼀定要放在body标签中
html内容文本框
p：如果想在⽹页上显⽰⽂章，这时就需要p标签了，把⽂章的段落放到p标签中。标签的默认样式，段前段后都会有空⽩，如果不喜欢这个空⽩，可以⽤css样式来删除或改变它。
hx：标题标签⼀共有6个，h1、h2、h3、h4、h5、h6分别为⼀级标题、⼆级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。h1是最⾼的等级。
strong em：标签是为了强调⼀段话中的关键字时使⽤，它们的语义是强调。但两者在强调的语⽓上有区别:em 表⽰强调，strong 表⽰更强烈的强调。并且在浏览器中em 默认⽤斜体表⽰，strong ⽤粗体表⽰。两个标签相⽐，⽬前国内前端程序员更喜欢使⽤strong表⽰强调。
span：标签是没有语义的，它的作⽤就是为了设置单独的样式⽤的。
q：标签是对简短⽂本的引⽤，⽐如说引⽤⼀句话就⽤到q标签。⽤q标签的真正关键点不是它的默认样式双引号（如果这样我们不如⾃⼰在键盘上输⼊双引号就⾏了），⽽是它的语义：引⽤别⼈的话。
blockquote:blockquote的作⽤也是引⽤别⼈的⽂本。但它是对长⽂本的引⽤，如在⽂章中引⼊⼤段某知名作家的⽂字，这时需要这个标签。浏览器对
标签的解析是缩进样式。
br：在需要加回车换⾏的地⽅加⼊br /，br /标签作⽤相当于word⽂档中的回车。在 html 代码中输⼊回车、空格都是没有作⽤的。在html⽂本中想输⼊回车换⾏，就必须输⼊br /。没有HTML内容的标签就是空标签，空标签只需要写⼀个开始标签，这样的标签有br /、hr /和img /。
 ：在html代码中输⼊空格、回车都是没有作⽤的。要想输⼊空格，必须写⼊nbsp;。
hr：在信息展⽰时，有时会需要加⼀些⽤于分隔的横线，这样会使⽂章看起来整齐些。
address:⼀般⽹页中会有⼀些⽹站的联系地址信息需要在⽹页中展⽰出来，这些联系地址信息如公司的地址就可以
标签。也可以定义⼀个地址（⽐如电⼦邮件地址）、签名或者⽂档的作者⾝份。
code：在介绍语⾔技术的⽹站中，避免不了在⽹页中显⽰⼀些计算机专业的编程代码，当代码为⼀⾏代码时，你就可以使⽤code标签了.如果是多⾏代码，可以使⽤pre标签。
pre：预格式化的⽂本。被包围在 pre 元素中的⽂本通常会保留空格和换⾏符。pre 标签不只是为显⽰计算机的源代码时⽤的，在你需要在⽹页中预显⽰格式时都可以使⽤它，只是pre标签的⼀个常见应⽤就是⽤来展⽰计算机的源代码。
ul:ul-li是没有前后顺序的信息列表。每项li前都⾃带⼀个圆点
ol：在⽹页中展⽰有前后顺序的信息列表，这类信息展⽰就可以使⽤ol标签来制作有序列表来展⽰。每项li前都⾃带⼀个序号，序号默认从1开始.
div：在⽹页制作过程过中，可以把⼀些独⽴的逻辑部分划分出来，放在⼀个div标签中，这个div标签的作⽤就相当于⼀个容器。什么是逻辑部分？它是页⾯上相互关联的⼀组元素。如⽹页中的独⽴的栏⽬版块，就是⼀个典型的逻辑部分。⽤id属性来为div提供唯⼀的名称，必须唯⼀.
表格
table:table…/table：整个表格以table标记开始、/table标记结束。
tbody:tbody…/tbody：当表格内容⾮常多时，表格会下载⼀点显⽰⼀点，但如果加上tbody标签后，这个表格就要等表格内容全部下载完才会显⽰。
tr:tr…/tr：表格的⼀⾏，所以有⼏对tr表格就有⼏⾏。表格中列的个数，取决于⼀⾏中数据单元格的个数。
td:td…/td：表格的⼀个单元格，⼀⾏中包含⼏对td…/td，说明⼀⾏中就有⼏列。
th:th…/th：表格的头部的⼀个单元格，表格表头。表头，也就是th标签中的⽂本默认为粗体并且居中显⽰
caption：添加标题和摘要，标题⽤以描述表格内容，标题的显⽰位置：表格上⽅。摘要的内容是不会在浏览器中显⽰出来的。它的作⽤是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容
a：实现超链接 a href=”⽬标⽹址” title=”⿏标滑过显⽰的⽂本” 链接显⽰的⽂本 /a .title属性的作⽤，⿏标滑过链接⽂字时会显⽰这个属性的⽂本内容。主要⽅便搜索引擎了解链接地址的内容（语义化更友好） a href=”⽬标⽹址” target=”_blank” click here! /a在新的⽹页中打开
mailto：使⽤mailto能让访问者便捷向⽹站管理者发送电⼦邮件，如果mailto后⾯同时有多个参数的话，第⼀个参数必须以“?”开头，后⾯的参数每⼀个都以“&”分隔。
img：插⼊图⽚,img src=”图⽚地址” alt=”下载失败时的替换⽂本” title = “提⽰⽂本” src：标识图像的位置；alt：指定图像的描述性⽂本，当图像不可见时（下载不成功时），可看到该属性指定的⽂本；title：提供在图像可见时对图像的描述(⿏标滑过图⽚时显⽰的⽂本)；图像可以是GIF，PNG，JPEG格式的图像⽂件。
表单
form：可以把浏览者输⼊的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。form method=”传送⽅式”
action=”服务器⽂件” . form标签是成对出现的，以form开始，以/form结束。action ：浏览者输⼊的数据被传送到的地⽅,⽐如⼀个PHP页⾯(save.php)。method ： 数据传送的⽅式（get/post）。所有表单控件（⽂本框、⽂本域、按钮、单选框、复选框等）都必须放在标签之间
<form method="传送⽅式"action="服务器⽂件">
input：当⽤户要在表单中键⼊字母、数字等内容时，就会⽤到⽂本输⼊框。⽂本框也可以转化为密码输⼊框。input
type=”text/password” name=”名称” value=”⽂本” / 当type=”text”时，输⼊框为⽂本输⼊框；当type=”password”时，输⼊框为密码输⼊框。name：为⽂本框命名，以备后台程序ASP 、PHP使⽤。value：为⽂本输⼊框设置默认值。(⼀般起到提⽰作⽤)
<form>
<input type="text/password"name="名称"value="⽂本" />
</form>
textarea：当⽤户需要在表单中输⼊⼤段⽂字时，需要⽤到⽂本输⼊域。textarea rows=”⾏数” cols=”列数” ⽂本 /textarea rows ：多⾏输⼊域的⾏数。cols ：多⾏输⼊域的列数。在textarea /textarea 标签之间可以输⼊默认值。
<textarea rows="⾏数"cols="列数">⽂本</textarea>
radio/checkbox：使⽤单选框、复选框，让⽤户选择,input type=”radio/checkbox” value=”值” name=”名称”
checked=”checked”/> 当 type=”radio” 时，控件为单选框，当 type=”checkbox” 时，控件为复选框,value：提交数据到服务器的值（后台程序PHP使⽤）,name：为控件命名，以备后台程序 ASP、PHP 使⽤,checked：当设置 checked=”checked” 时，该选项被默认选中，同⼀组的单选按钮，name 取值⼀定要⼀致，这样同⼀组的单选按钮才可以起到单选的作⽤。
<input type="radio/checkbox"value="值"name="名称"checked="checked"/>
option：下拉列表框，设置selected=”selected”属性，则该选项就被默认选中。
<select>
<option value="看书">看书</option>
<option value="旅游"selected="selected">旅游</option>
<option value="运动">运动</option>
<option value="购物">购物</option>
</select>
multiple：下拉列表也可以进⾏多选操作，在标签中设置multiple=”multiple”属性，就可以实现多选功能，在 widows 操作系统下，进⾏多选时按下Ctrl键同时进⾏单击
<select multiple="multiple">
submit：使⽤提交按钮，提交数据,input type=”submit” value=”提交”> type：只有当type值设置为submit时，按钮才有提交作⽤,value：按钮上显⽰的⽂字
<input type="submit"value="提交">
reset：重置按钮，重置表单信息,input type=”reset” value=”重置”>type：只有当type值设置为reset时，按钮才有重置作
⽤,value：按钮上显⽰的⽂字
<input type="reset"value="重置">
label：为⿏标⽤户改进了可⽤性。当⽤户单击选中该label标签时，浏览器就会⾃动将焦点转到和标签相关的表单控件上（就⾃动选中和该label标签相关连的表单控件上）。label for=”控件id名称”>标签的 for 属性中的值应当与相关控件的 id 属性值⼀定要相同。
<label for="控件id名称">

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。