HTML语法速成
HTML语法速成
所有HTML语句都是<abc></abc>结构，<abc>表示描述开始，</abc>表示描述结束。
文字abc的大小写不敏感。
有的语句只有描述开始<abc>，没有描述结束</abc>，如<P>，这没关系，当遇到下一个相同的<abc>时，重新开始。
所有语句都可以循环嵌套，但要注意嵌套对称。
一、结构
<HTML></HTML> 其间说明内容为HTML格式内容。
<HEAD></HEAD> 其间说明题头内容、文字。
<TITLE></TITLE> 其间包含的文字是该HTML的主题，会显示在窗口的TITLE栏位。
<BODY></BODY> 其间说明HTML文件的主体内容。其中：又包含下列参数项：
BACKGROUND=“图形名” 背景图形文件
TEXT=#RRGGBB 文字颜色（一般为黑 #000000）
LINK=#RRGGBB 链接标志文字颜色
VLINK=#RRGGBB 具有超连接部分显示的颜色，点过
之后为ALINK的颜色
ALINK=#RRGGBB 已经链接标志文字颜色
ONLOAD=“扩展函数调用串” 与<SCRIPT>一同使用
<- text -> text 是描述性文字，注释。
<SCRIPT></SCRIPT> 描述一扩展语言。其中：LANGUAGE=“JavaScript”描述以下为Java语言结构示例
二、字体
<Hy></Hy> (y=1～6)用于说明各级标题文字，y=1时字体最大，y=6时字体最小。其中：
ALIGN=缺省 对左(LEFT)
=CENTER 对中
=RIGHT 对右
<CAPTION></CAPTION> 显示标题文字（一般用于TABLE显示表格）
<FONT></FONT> 字体大小设置，其中：
SIZE=-4 ~ +4 将字体设置为BASEFONT的相对大小
COLOR=#RRGGBB 字体颜色（R、G、B三色）
<BASEFONT></BASEFONT> 设置基本字体，其中：SIZE=1～6
三、字型变化
Italic（斜）字体
<I></I> 斜体字
<EM></EM> 着重字
<CITE></CITE> 段落、书名的引用
<VAR></VAR> 表明可变内容(如文件名)
Bold（黑）字体
<B></B> 黑体字
<STRONT></STRONG> 加强字
Fixed width font（紧凑）字体：
<TT></TT> 紧凑字（打印机字体）
<CODE></CODE> 紧凑字
<SAMP></SAMP> 样本字
<KBD></KBD> 显示键盘上键名
其它字体修饰
<U></U> 下划线
<BLINK></BLINK> 闪烁字
四、段落
<P> 单独表示段落结束。
<P></P> 表示其间文字是同一个段落，段落显示分成若干行，在何处分行由浏览器的窗口宽度决定，可适应任何宽度的窗口。
其中：ALIGN=缺省 对左（LEFT）
=CENTER 对中
=RIGHT 对右
<BR> 在页面上加一个回车。
<HR> 显示一条水平分界线。其中：（以下Netscape Only)
SIZE=n 高度点数
WIDTH=n 宽度点数
=n% 宽度占屏幕百分比
ALIGN=缺省 对中
=LEFT 对左
=RIGHT 对右
<CENTER></CENTER> 表示其间内容显示向中间对齐。
<PRE></PRE> 预设文字格式（Preformatted Text)。
其中的文字间隔、跳行、空白照原始键入情形显示出来，常用于程序的表达。其它标注也允许存在<PRE>中。
<BLOCKQUOTE></BLOCKQUOTE> 区块引用设定。其中的文字内容会比其他文字缩进一些。
<ADDRESS></ADDRESS> 地址区域。通常放在最后，包含一个EMAIL地址，告知本页面作者。显示为斜体字。
五、链接
<A></A> 链接标记。其间文本（图像）将显示出来，并用链接颜色和下划线区别出来。其中:
NAME=“position”表示页面中position处
HREF=“#position”表示链接到本页面position处
NAME=“filename#position”链接到filename文件的position处
=“filename.html”链接到指定的filename页面
NAME=“filename.gif”显示指定的图形，图形格式包括GIF、TIEF、JPEG、RGB、HDF等格式
NAME=“scheme://host-domain［:port］/path/filename” 链接到指定主机的指定页面，scheme是http、ftp等，host-domain为服务器名，port为提供此服务的端口号，缺省为８０，可省略
六、图像
<IMG></IMG> 显示图像。其中:
ALIGN=BOTTON缺省 文本在图像下面
=MIDDLE 在中间
=TOP 在上面
SRC=“图像名” 图像文件
ALT=“text”图像别名，若图像不显示时，显示在虚框内
WIDTH=n 宽度点数
=n% 宽度占屏幕百分比
HEIGHT=n 高度点数
=n%高度占屏幕百分比
BORDER=n 立体边框厚度点数
HSPACE=“图像名” 水平空间
VSPACE=“图像名” 垂直空间
ISMAP 说明本图像为地图
USEMAP=“#name” 给本图像取一个地图名
<MAP></MAP> 对一幅地图进行操作。其中：NAME=“name”是由<IMG>中指定的地图名
<AREA></AREA> 区域选择。在<MAP>中使用, 其中:
SHAPE=RECT矩形区域，只需提供对角坐标(1,y1,x2,y2)
=POLYGON多边形，要提供多边形各顶点坐标(x1,y1,...,xn,yn)
COORDS=x1,y1,...,xn,yn坐标值(１０进制)
HREF=链接对象（参照<A>）
七、排列
以下各种排列可以综合嵌套排列，成为有层次的排列。
<UL></UL> 未标序的排列（Unnumbered Lists）
在其中的每一行文字前加上<LI>，起始会显示“●”或“□”或“■”等，具体显示什么由具体的浏览器决定。
<OL></OL> 标序的排列（Numbered Lists或Ordered Lists）在其中的每一行文字前加上<LI>，起始会显示数字编号。
<LI></LI> 每一行文字的起头。
<DL></DL> 陈述式排列（Descriptive Lists）。
<DT></DT> <DL>中显示陈述的主题。
<DD></DD> <DL>中显示叙述的内容，会比<DT>内容缩入一些位置。在<DT>和<DD>中，可包含其它链接内容。
<DIR></DIR> 显示清单，每行最多２０个字符。在其中的每一行文字前加上<LI>。
<MENU></MENU> 显示菜单。在其中的每一行文字前加上<LI>。
八、输入框（输入表格）
<FORM></FORM> 说明一个输入表格。这是从浏览器向服务器发回反馈信息或交互运行的重要方式。其中：
METHOD=GET 从服务器获取信息
=POST 发送表格信息到服务器
ACTION=“CGI-program” CGI-program是服务器上一个可执行程序，其接口标准为CGI (Common Gateway
Interface)，它将处理浏览器发送回来的填表信息。表格中可以使用多种元件，如输入框、列表、按钮等。
<INPUT></INPUT> 输入框或按钮选择，在<FORM>中使用。其中：
SIZE=n 输入框或按钮大小
NAME=“name” 便于CGI-program识别的变量名
TYPE=“type” 类型（见下）
=TEXT 文本输入框，只有一行
=PASSWORD 口令输入框，输入的信息不显示出来
=CHECKBOX 检查框（［ ］或［X］）
=RADIO 圆按钮，几个同名的RADIO只能按下一个
=SUBMIT 发送按钮，按动后发出已填好的表格
=RESET 重置按钮，按动后将所有元件重置为缺省值
=IMAGE
=HIDDEN
VALUE=“value” 缺省值（见下）
=字符串 对于TEXT和PASSWORD
=ON/OFF 对于CHECKBOX和RADIO
=显示字符串 对于SUBMIT和RESET
<TEXTAREA></TEXTAREA> 说明一个可以多行输入的文本输入框。其间的文本内容为缺省的文本输入框内容。其中：
NAME=“name” 变量名
ROWS=n 输入框行数
COLS=n 输入框列数
<SELECT></SELECT> 显示一个选择列表。在其中的每一行文字前加上<OPTION>。其中：
NAME=“name”变量名
SIZE=1 显示一个操作菜单（Option Menu）
>=2 显示一个滚动列表（Scrolled List）
SIZE为列表显示出来的行数。
<OPTION></OPTION> 每一行列表的起始。在<SELECT>中使用。
九、显示表格
<TABLE></TABLE> 显示二维表格。其中：
BORDER=n 二维表格的立体边框厚度点数
WIDTH=n 宽度点数
=n% 宽度占屏幕百分比
CELLPADING=n 是指TABLE中框架与元素的边界的距离
CELLSPACING=n 表格中每项之间的空间点数，包括横向和纵向
<TR></TR> 在表格的每一行开头加上<TR>(Text Row)。其中：
ALIGN=CENTER 对中
=LEFT 对左
=RIGHT 对右
<TH></TH> 在表格的每一种类项目开头加上<TH>(Text Head)，显示为黑体字。
<TD></TD> 在表格的每一个项目开头加上<TD>(Text Data)。其中：
WIDTH=n 宽度点数
=n% 宽度占屏幕百分比
HALIGN =CENTER 对中
=LEFT 对左
=RIGHT 对右
VALIGN =TOP 在上面
=MIDDLE 在中间
=BOTTOM 在下面
（孙大山）