HTML常用标签

• HTML是Hyper Text Markup Language 超文本标记语言的缩写。

• HTML是由一套标记标签（markup tag）组成，通常就叫标签。

• 常用标签：

• <h1>：表示标题，自动粗体，并带有换行效果。一般使用<h1>到<h6>分别表示大小不同的标题。

• <p>：表示段落，是paragraph的缩写，自带换行效果。

• <b>：表示粗体，是bold的缩写，并不暗示文字的重要性。

• <strong>：表示粗体，推荐使用，更强调语义上的加重，表示文本的重要性。在SEO（搜索引擎优化）的时候，也更容易找到重点内容。

• `在这里插入代码片`：表示斜体，是italic的缩写，并不暗示文字的重要性。

• <em>：表示斜体，是Emphasized的缩写，更强调语义上的加重，表示文本的重要性。常常用于引入新的术语的时候使用。

• <pre>：预格式，用于在网页上显示代码。

• <del>：删除线,delete的缩写，

• <s>：删除线，但很多浏览器不支持，不建议使用。

• <ins>：下划线，通常不要给普通文本加下划线，用户会认为是超链。

• <u>：下划线，不建议使用。

• <img>：图标标签，需要设置其属性src来指定图像路径。<img src=""/>。不能自动居中，可配合其他标签使用，如div。使用width和height属性来自定义图标尺寸。当图片不存在时，默认会显示一个缺失图片，使用alt属性可以在图片缺失时显示alt内容。

• <a>：标签可以用来显示超链接。<a href = “跳转地址”>超链接显示文本</a> 。target属性可以在新的页面打开超链。title属性可以添加鼠标提示文字。可以使用<img>标签来使用图片作为超链。

• <table>：表格标签。

• <tr>：表格里的行。

• <td>：表格里的列，又叫单元格。border=“1"可以使表格带边框。通过width设置单元格宽度，属性值可以为"200px"或"80%”。align属性设置水平对齐，属性值为"left",“center”,“right”。valign属性设置垂直对齐，属性值为"top",“middle”,“bottom”。 colspan属性设置水平合并，属性值为合并列数。rowspan属性设置垂直合并，属性值为合并行数。bgcolor属性设置背景色。

• <ul>：无序列表。前面没有序号

• <ol>：有序列表。前面有序号

• <div>：块标签，布局用。块元素，即自动换行。

• <span>：内联元素，布局用，不会换行。

• <font>：字体标签，设置字体。常用属性color，表示颜色。size表示大小。

• <iframe>：内联框架，可以在网页中插入网页。

• <input type=“text”>：文本框，只能输入一行，不需要<\input>。size属性设置长度。value属性设置初始值。placeholder属性设置背景文字，要与value区分开。

• <input type=“password”>：密码框，输入的数据会自动显示为星号。

• <form>：表单，用于向服务器提交数据，比如账号密码。action属性表示提交的地址。methor="get"是常用的提交数据的方式，如果from元素没有提供method属性默默然就是get方式提交数据，get方式可以在浏览器的地址栏看到提交的参数，即使是密码。method="post"也可以提交数据，不会在地址栏显示参数，如果要提交二进制数据，比如文件，必须采用post方式。

• get和post的区别：get是form默认的提交方式；如果通过超链访问地址，是get方式；如果在地址栏直接输入地址，是get方式；提交数据会在了浏览器中显示出来；不可以用于提交二进制数据。post必须在form通过method="post"指定；数据不会在浏览器显示出来；可以用于提交二进制数据。

• <input type=“radio”>：单选框。checked="checked"属性可以使默认选中。name属性可以用于分组，相同组的单选框同一时间只能选中一个。

• <input type=“checkbox”>：复选框。

• <select>：下拉列表。要与配合使用。size属性设置高度。multiple="multiple"设置可以使用Ctrl或shift多选。

• <option>：下拉列表的单项。selected="selected"属性可以设置默认选中。

• <textarea>：文本域。可以多行，可以有滚动条。cols和rows属性可以设置宽度和行数。

• <input type=“button”>：普通按钮。value属性设置按钮上的显示文字。普通按钮不具备提交form的效果。

• <input type=“submit”>：提交按钮，用于提交form，把数据提交到服务端。

• <input type=“reset”>：重置按钮，可以把输入框的改动复原。

• <input type=“image”>：图像按钮，可以把图像作为按钮进行form提交。

• <button>：按钮标签，按钮标签里的内容可以是文字也可以是图像。如果button的type=“submit”，那么它就具有form的功能。IE下button的type默认值是button不具备提交功能，其他浏览器type的默认值是submit。