HTML标签

常用的HTML标签一般是成对出现且封闭的，称为双标签，如< body></body >，标签基本的语法格式为：<标签名属性1="属性值 1”属性 2="属性值 2"...>标签内容</标签名>。

也有部分空标签，如< br>和<hr>等可以不成对出现，称为单标签，基本的语法格式为<标签名属性1="属性值1”属性 2="属性值 2”>。例如：

<img alt="这是一个图片" src="ajpg">

不管标签是否成对出现，在书写时，标签名以及不同属性之间需要以空格分开。在实际开发中，需要在<head>内部的标签中对文档进行定义，以及在< body>标记中嵌入其他标签用于页面内容的显示。

head内部标签

(1)<meta>：定义页面的元数据信息。常用的属性包括 charset、name、http-equivcontent等。

charset：定义页面的编码格式，一般为了兼容性，选择 UTF-8。
name：提供元数据名称，如果没有定义，就使用http-equiv 属性值。
httpequiv：如果没有 name属性，就提供元数据名称。
content：设置元数据的值。例如：

<meta http- equiv="Content - Type" content = "text/html;charset = UTE-8"/>

表示该页面发送的类型为html格式的文本，页面编码格式为UTF-8。

(2)<title>：定义页面的标题，在<title></title>之间定义的名称将会显示在浏览器的标题栏上。

(3)<link>：引人外部文件，使用最多的是引人外部 CSS文件。例如：

内容标签

(1)<hn>：标题标签。n的取值为1~6。其中，h1为一级标签最大，h6 最小

(2)<br>：换行标签。在代码中直接换行，浏览器是无法直接解析并显示换行的，需要使用<br>标签表示换行。

(3)<hr>：横线标签。可以在页面中显示一条水平线，并通过 sizewidth、align 等属性设置宽度、长度以及对齐方式。

(4)<font>：字体标签。可以对标签<font></font>中包含的文字通过 size、face、color 等属性设置字体大小、类型及颜色。

(5)<p>：段落标签。可以在<p></p>标签内编写文字，用于段落显示，并通过 align属性的值(left、right或者middle)设置文本对齐方式。

(6)<ul>：无序列表标签。在标签内部通过嵌入<li>标签标识无序列表项，在项目前会加上或者的符号。

(7)<ol>：有序列表标签。在标内部通过嵌入<li>标签标示有序列表项，在项目前以数字进行编号。

(8)<a>：超链接标签。常用的属性是 href，表示链接的地址，可以是网站内部地址，也可以是外部网址。标签内容为超链接的显示文字。

(9)<img>：图片标签。常用属性为 src，用以标识图片的文件路径。

(10)<table>：表格标签。可以通过属性值 border 设置表格边框。在<table></table>标签体内部，<caption>表示表格的标题，一对<tr></tr>表示表格的一行，在<tr>标签内部再嵌人若干<td></td>标签，表示行中表格的单元列。另外，还可以通过<td>标签的rowspan和colspan 属性进行表格行或者列的拆分。

(11)<form>：表单标签。表单提交是网页中最常见的功能之一，表单标签< form></form>中由若干表单元素构成。<form>标签常见的属性有 action和method。

action 属性：其值表示表单提交后的地址。一般是处理用户表单提交的应用程序可以是一个servlet 或者JSP文件。

method 属性：表单提交的方式，取值为 post或者 get。

(12)<input>：表单元素标签。属性 type 的值定义不同的表单元素。常见的表单素如下所示。

text：文本框。文本框的内容由<input>标签的 value属性值决定
password：密码框。输人的密码内容不可见，以*号代替。
radio：单选框。此时<input>标签的内容为选项显示的名称，value 属性为选项对的值，name属性表示单选框元素名称，可以将多个单选项设置同一个 name 值，表示为组。checked 属性表示默认的选择项目。
checkbox：多选框。此时<input>标签的内容为选项，name、value 和 checked属值和单选框的含义相同。一般也是由多个多选框组合起来使用。
reset：重置按钮。单击该按钮，将表单中的所有元素设置为默认值
submit：提交按钮。单击该按钮，可以将表单提交。
button：普通按钮。可以通过 JavaScript 设置不同事件的响应处理函数。

(13)select：下拉框。在< select ></select >标签内部嵌人若于< option >标答<option></option>标签内容为选项值。< select>标签的 name属性表示下拉框元素称，size属性表示下拉框显示数目，multiple 属性表示可以多选。

(14)<div>：区块标签。该标签可以定义文档中的一块区域，< div></div>内部可以嵌入上述若干标签，可以设置<div>区块的高度、宽度、边距等。定义区块的作用是可以将文档分成若干部分，便于页面的设计和布局。

样式及动态脚本标签

(1)<style>：定义文档样式信息。属性 type的值为"text/css"。例如，

<style type="text/css">···</style>

CSS样式在标签内部进行定义。

(2)<script>：定义脚本文件。一般是引用JavaScript 文件，可以直接在标签体内部定义。例如，

<script type="text/javascript">...</script>

也可以通过src 属性引入外部JavaScript脚本文件。