HTML 基本语法
日期：2013-08-12 浏览次数：21007 次
1.1普通标记
普通标记是由一个起始标记(Opening Tag)和一个结束标记(Ending Tag)所组成，其语法为：<x>受控文字</x>
其中，x代表标记名称。<x>和</x>就好像一组开关：起始标记<x>为开启(ON)的某种功用，而结束标记</x>(通常为起始标记加上一个斜线/)为关(OFF)功用，受控制的文字信息便放在两标记之间。例如：<i>这是斜体字</i>。
标记之中还可以附加一些属性(Attribute)，用来完成某些特殊效果或功用。例如：<x a1="v1",a2="v2",...,an="vn">受控文字</x>
其中，a1,a2,...,an为属性名称，而v1,v2,...,vn则是其所对应的属性值，属性值加不加引号，目前所使用的浏览器都可接受，但依据W3C的新标准，属性值是要加引号的，所以最好养成加引号得习惯。
1.2 空标记
虽然大部分的标记是成双成对出现的，但也有一些是单独存在的。这些单独存在的标记称为空标记(Empty Tags)。其与法为：<x>
同样，空标记也可以附加一些属性(Attribute)，用来完成某些特殊效果或功用。如：<x a1="v1",a2="v2",...,an="vn">，例如：<hr>,<br>等。
W3C定义的新标准(XHTML1.0/HTML4.0)建议：空标记应以/结尾，即：<X />
如果附加属性则为：<x a1="v1",a2="v2",...,an="vn" />
目前所使用的浏览器对于空标记后面能否要加/并没有严厉要求，即在空标记最后在/和没有加/，不影响其功用。但是如果希望你的文件能满足最新标准，那么最好加上/。
2. HTML标记分类
2.1文件结构标记(Document Structure Tags)
此类标记的目的是用来标示出文件的结构，次要的有：
<html>...</html>:标示html文件的起始和终止。
<head>...</head>:标示出文件标题区。
<body>...</body>:标示出文件主体区
2.2区段格式标记(Block Formatting Tags)
此类标记的次要用途是将HTML文件中得某个区段文字,以特定格式显示，添加文件的可看度。次要的有：
<title>...</title>:文件题目。
<hi>...</hi>:i=1,2,...,6,网页标题。
<hr>:产生水平线。
<br>:强迫换行。
<p>...</p>:文件段落。
<pre>...</pre>:以原始格式显示。
<address>...</address>：标注联络人姓名、电话、地址等信息。
<blockquote>...</blockquote>:区段援用标记。
2.3字符格式标记(Character Formatting Tags)
用来改变HTML文件文字的外观，添加文件的美观程度。次要有：
<b>...</b>:粗体字。
<i>...</i>:斜体字。
<tt>...</tt>:打字体。
<font>...</font>:改变字体设置。
<center>...</center>:居中对齐。
<blink>...</blink>:文字闪烁。
<big>...</big>:加大字号。
<small>...</small>:缩小字号。
<cite>...</cite>:参照。
2.4列表标记(List Tags)
<ul>...</ul>:无编号列表。
<ol>...</ol:有编号列表。
<li>...</li>:列表项目。
<dl>...</dl>:定义式列表。
<dd>...</dd>:定义项目。
<dt>...</dt>:定义项目。
<dir>...</dir>:目录式列表。
<menu>...</menu>:菜单式列表。
2.5链接标记(Anchor Tag)
链接可以说是html超文本文件的命脉，html通过链接标记来整合分散在世界各地的图、文、影、音等信息。此类标记的次要用途为标示超文本文件链接(Hypertext Link)，次要有：
<a>...</a>:建立超级链接。
2.6多媒体标记(Multimedia Tag)
此类标记用来显示图像数据。次要有：
<img>:嵌入图像。
<embed>:嵌入多媒体对象。
<bgsound>:背景音乐。
2.7表格标记(Table Tags)
此类标记用制造表格。次要有：
<table>...</table>:定义表格区段。
<caption>...</caption>:表格标题。
<th>...</th>:表头。
<tr>...</tr>:表格列。
<td>...</td>:表格单元格。
2.8表单标记(Form Tags)
此类标记用来制造交互式表单，次要的有：
<Form>...</form>:表明表单区段的开始与结束。
<input>:产生单行文本框、单选按钮、复选框等。
<textarea>...</textarea>:产生多行输入文本框。
<select>...</select>:标明下拉列表的开始与结束。
<option>...</option>:在下拉列表中产生一个选择项目。
HTML标记并没有大小写之分，即<BODY>和<body>是相反的。以下来分别引见这些标记。
3. 文件结构标记
一个html文件的结构基本上可以分为两部分，一部分称为标题区(Head Section)；另一部分称为主体区(Body Section)。文件结构标记就是用来标示出何处属于标题，何处属于主体。
3.1<html>：标示整份文件
用途：标示整篇html文件
说明：一个标准的html文件是一篇以<html>开头，而以</html>结束的文件。即：
<html>
... html文件全文
