1.利用表格布局
★ 在布局选项中选择一种表格布局模板。
★ 在对应单元格内填入内容。
★ 表格布局适用于需要多列布局的情况。
2.利用层布局
★ 设置现有层的position属性，以便子层将其作为父层。
★ 在布局选项中选择“添加层”。
★ 调整添加的层的位置、大小、层号（z-index）。
★ 在添加的层内放置相应内容。
3.HTML基础知识
★ HTML—Hypertext Markup Language 超文本标记语言。
HTML的标记符不区分大小写。
★ 基本格式
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
说明：<title></title>之间的内容（网页的标题）显示在浏览器顶部的标题栏中。
★ HTML注释
在 <!-- 和 --> 之间的内容均视为注释。
★ HTML自动将多个连续的空格认为是一个空格，如果需要多个连续空格，可以加入特殊
符号“ ”，每一个表示一个空格。
★ 特殊符号可以用以&#开头的十进制编码（后加分号）表示。
例如 © 表示字符 ©，´ 表示 • ，A 表示 A 。
但是注意如果连续写多个 ，即多个连续空格，HTML仍默认为一个空格。
★ URL
Universal Resource Locator，统一资源定位符，分为绝对URL和相对URL。
绝对URL：使用完整地址，一般在指定外部Internet资源时使用绝对URL。
例如： http://www.henu.edu.cn
相对URL：指相对于当前页面的路径，一般用当前目录"."和上层目录".."表示。
例如：./image/aa.gif
../logo/aa.gif
4.超链接
★ a标记符
name属性：用于定义页面内被链接处。
例如：<H3><A name="obj">objectives</A></H3>
<A name="photo"><IMG src="aa.jpg"></A>
target属性：制定如何显示链接的文件。
例如：<a href="http://www.henu.edu.cn" target="_blank">
在新窗口中打开链接。
href属性：指定链接的URL。
（1）链接到文档某处
<A href="#anchor_name">display information</A>
说明：加#号表示链接的是在文档中定义的链接名。
例如：<A href="#obj">object</A>
<A href="#photo">photos</A>
（2）链接到另一个文件
<A href="file_name">display information</A>
说明：不加#号表示链接的是指定的文件名。
例如：<A href="tutorial1.htm">turn to tutorial 1</A>
<A href="./newfolder/tutorial1.htm">turn to tutorial 1</A>
（3）链接到另一个文件中的某处
<A href="file_name#anchor_name">display information</A>
说明：文件名后加#号表示链接到file_name中定义的anchor_name处。
例如：<A href="tutorial1.htm#newPhoto">turn to the new photo of tutorial 1</A>
（4）链接到另一个网站
例如：<A href="http://www.henu.edu.cn">henna University</A>
（5）链接到电子信箱
格式：<a href="mailto:电子信箱地址">
例如：<a href="mailto:shamao@china.com">联系我</a><br>
（6）链接到某一个图像文件
例如：<a href="aa.jpg">我的图片</a>
（7）如果被链接的文件不是网页，则自动提供下载功能。
例如：<a href="abc.rar">下载</a>
5.图像显示
常用有：
（1）使用img插入图像。
（2）使用map创建图像映射。
★ 用img标记符显示图像。
格式：<img>
src属性：设置被引用的图像位置。
alt属性：当浏览器禁止显示图像时显示的文字。
width和height属性：设置图像的宽和高。
align属性：指定图像相对于文字显示的位置，例如：left指图像显示在文字的左边。
例如：<P><img src=""a.gif" align="middle">文字内容</P>
图像与文字的中部对齐。
border属性：指定图像边框的宽度。
hspace和vspace属性：指定图像在水平方向和垂直方向与周围元素之间的距离。主要
是为了保证被文字包围的图像与文字之间留有一定的空隙。
举例：<img src="aa.jpg">
显示一个图像。
<a href=""aa.htm><img src="me.jpg"></a>
显示一个有链接的图像，单击该图像时链接到指定的网页。
<img SRC="Toolbar-Background.jpg" width="50" height="50"
align="middle" alt="aaaa" vspace="5" hspace="5">
★ 用map标记符创建图像映射
语法：
<!--定义图像区域-->
<map name="图像映射名称">
<area>
<area>
……
</map>
<!--指定使用的图像映射-->
<img src="" usemap="#图像映射名称">
功能：用于定义图中某个区域（称为hotspot），当用户单击该区域内时可以链接到别处，分为：
（1）Server-Side Image Maps
（2）Client-Side Image Maps
两种方式各有优缺点。该功能的一个典型用法就是天气预报图。
area用于定义区域，属性主要有：
shape属性：用于划分形状，取值有"rect"（矩形）、"circle"（圆）、"poly"（多边形）。
coords属性：定义坐标，数字之间用逗号分开。
对于矩形，需要指定左上角和右下角坐标；
对于圆，需要指定圆心的坐标和半径；
对于多边形，需要指定构成多边形的每一个点的坐标。
用法举例：
<map name="mymap">
<area shape="rectangle" href="Tutorial01.htm">
</map>
<img src="Toolbar-Background.jpg" usemap="#mymap">
<P><IMG SRC="solarsys.gif" WIDTH=504 HEIGHT=126
BORDER=0 ALT="Solar System" USEMAP="#SystemMap">
6.表格
<TR>行
<TD>列
<TH> 表头
<CAPTION>caption text</ CAPTION >
7.框架
用于将一个浏览器窗口分割为若干区域，以便同时显示多个网页。
★ 使用frameset和frame
基本结构：
<frameset>
<frame>
<frame>
……
</frameset>
说明：
（1）可以使用像素值或百分比设置框架大小。
（2）n*：设置指定框架大小后浏览器窗口的剩余部分。
* ：相当于1*，表示框架大小为整个浏览器窗口。
*,* ：表示浏览器窗口被分为两个均等的框架。
*,*,* ：表示浏览器窗口被分为三个均等的框架。
*,2*,3* ：表示窗口被分为三部分，分别为：1/6，2/6，3/6。
row=10%, *, 60 ： 表示窗口被横向分为三部分，上面部分高
度为整个框架的10%, 下面部分为60像素，剩余的作为中间部分。
cols=*, 300, 4* ：表示窗口被纵向分为三部分，中间宽度为300像
素，左边是剩余空间的1/5，右边是剩余空间的4/5。
注意：
（1）数字后面加*号和不加*号的区别。
（2）框架可以嵌套。
举例：
<frameset rows="105,72%">
<frame src="Tutorial01.htm" scrolling="no">
<frameset cols="150,*">
<frame src="Tutorial02.htm">
<frame src="Tutorial03.htm">
</frameset>
</frameset>
★ 使用iframe创建页内框架
语法： <iframe></iframe>
说明：
src属性：设置框架内容的URL。
name属性：设置框架的名称。
width和height属性：设置页面内框架的尺寸。
align属性：设置框架与周围页面元素的对齐方式。
frameborder属性：设置框架的边框。默认值为1，该值设为0可以使框架的边框不可见。
marginwidth和marginheight属性：设置显示内容与左右边界及上下边界之间的空白距离。
scrolling属性：是否显示滚动条。
8.表单及其控件
使用表单(form)的目的是不但能够在表单上方便的显示信息，还能收集信息到服务器，并编制
服务器端程序进行相应的处理。ASP.NET提供了很多优秀的服务器端控件，有非常强的表单处理与编程功能。
说明：一定要注意这里介绍的是HTML控件（HTML控件在客户端运行），
不是服务器端控件（服务器端控件在服务器端运行）。
语法：
(1) <form>
</form>
(2) <input type="……">
其中type类型有：
text： 文本框
password：密码文本框
checkbox：复选框
radio： 单选框
submit： 提交按钮，作用是将表单数据发送到服务器，否则服务器无法接收到输入的内容。
reset： 重置按钮，用于清除表单中输入的信息，并恢复到表单的初始状态。
button： 普通按钮
image： 图像按钮，作用与普通按钮相同，只是显示的是图像。
file： 文件选择框
hidden： 隐藏的控件，不在表单上显示，但是其值会与表单一起提交，一般用于保存一些特定信息。
（3）<textarea></textarea>
用于输入多行内容的文本框
（4）<select>
<option>……</option>
<option>……</option>
……
</select>
定义选项列表。
（5）label
用于显示内容。
9.滚动字幕
语法
<marquee></marquee>
direction属性：滚动字幕的移动方向。
behavior属性：取值有3种，分别为scroll（绕圈滚动，默认）、slide（只滚动一次）、
alternate（在屏幕上来回滚动）。
loop属性：指定循环次数，如果不指定，则为无限循环。
scrollamount属性：文字滚动速度。
scrolldelay属性：丁以文字移动的延时。
align属性：滚动字幕与周围其它元素之间的对齐方式。
bgcolor属性：背景色。
height和width属性：定义滚动字幕的尺寸。
hspace和vspace属性：滚动字幕与周围其它元素之间的间距。
10.声音与视频
★ <blockquote></blockquote> Linking to a sound file and video file
方法1
<blockquote>
<a href="./sound/1.mp3">bubugao</a>
</blockquote>
方法2
<blockquote>
<embed src="./sound/Yesterday Once More.mp3" width="150" height="60"
autostart = "false"></embed>
</blockquote>
说明：在.net的HTML编辑器中，embed无autostart属性，但是加上后浏览器一样能正确执行。
方法3
<bgsound src= "./sound/1.mp3" loop="1">
说明：在.net的HTML编辑器中，无bgsound，但是加上后浏览器一样能正确执行，此句也可以
用，<embed src="./sound/1.mp3" width="0" height="0"></embed> 代替。
11.其它
★ 标题标记符Hn
（1） 用于控制字号，n为1- 6之一。
（2） 默认状态下，<hn>标记符中的文字在浏览器中显示均为黑体，而且文字将自动在</hn>标记符后换行。
（3） 如果不指明对齐属性，默认为左对齐。
举例：
<h1>厉害</h1>
★ br break（强制换行）
与<p></p>的区别是：
（1）<br>无结束标记符。
（2）在<br>处强制换行后，新行与原来的行保持相同的属性，即与原来的行处于同一段
落中，而p标记符则是另起一个新段。
★ hr Horizontal Rule 水平线
width属性：水平线长度
size属性：水平线的粗细
noshade属性：无阴影（默认有阴影）
align属性：对齐方式（默认居中）
color属性：水平线颜色
<hr>
<hr align="center" width="100%" size="1">
<hr align="center" width="50%" size="5">
<hr align="center" width="20%" size="10">
<hr align="left" width="100%" size="12" color="#ff0033">
<hr align="left" width="50%" size="14" color="#339966">
<hr align="left" width="20%" size="20" color="#009999">
★ Logical Character Tags
<em>EM Tag</em><br>
<strong>Strong Tag</strong><br>
<code>Code Tag</code><br>
<kbd>KBD Tag</kbd><br>
<var>VAR Tag</var><br>
<cite>Cite Tag</cite><br>
<em><strong>EM and Strong Tag</strong></em><P>
★ Physical Character Tags
样式标记符 功能 样式标记符 功能
<b></b> 粗体 <strick></strick> 删除线
<big></big> 大字体 <sub></sub> 下标
<I></i> 斜体 <sup></sup> 上标
<s></s> 删除线 <u></u> 下划线
<small></small> 小字体
举例：
this is a <b>B</b> tag<br>
this is a <i>I</i> tag<br>
this is a <tt>TT</tt> tag<br>
this is a <big>Big</big> tag<br>
this is a <small>Small</small> tag<br>
this is a <sub>sub</sub> tag<br>
this is a <sup>sup</sup> tag<P>
★ <OL></OL> Ordered List (有序列表)
（1）<OL>相当于<OL TYPE="1">
（2）TYPE后的类型有：1, a, A, i, I
1：表示1、2、3等，默认样式。
a：表示a、b、c等。
A：表示A、B、C等。
i：表示i、ii、iii等。
I：表示I、II、III等。
<OL>
<LI>aaaaa
<LI>bbbbb
<LI>ccccc
</OL>
<OL TYPE=a>
<LI>aaaaa
<LI>bbbbb
<LI>ccccc
</OL>
★ <UL></UL> Unordered List（无序列表）
（1）<UL>相当于<UL TYPE="disc">
（2）TYPE后的类型有：disc（实心圆）, circle（空心圆）, square（方框）
例如：
<UL>
<LI>ddddd
<LI>eeeee
<LI>fffff
</UL>
★ Definition List （自定义列表）
<DL>
<DT>aaaaaaaaaaaaaaaaaaaaaaaaa</DT>
<DD>aaaaaaaa1</DD>
<DD>aaaaaaaa2</DD>
<DT>bbbbbbbbbbbbbbbbbbbbbb</DT>
<DD>b11111111111111111111111111</DD>
<DD>b222222222222222222222222</DD>
</DL>
★ <FONT> 字体标记
<FONT SIZE=size COLOR=color FACE=fontname>abcde</FONT>
说明：
SIZE属性：表示字体大小 范围：1~7 （数值越大，字体越大）
例如：<FONT SIZE="4">abcd</FONT> 4号大小
<FONT SIZE=+2>abcd</FONT> 在默认字号（3号字）的基础上加2
FACE属性：设置文字的字体效果，如果写多个，中间用逗号分开，表示先选用第
一种，如果客户端浏览器不支持第一种，就选用第二种，……，如果
都不支持，则使用默认值。
例如：<FONT FACE="ARIAL,HELVETICA,SANS SERIF">abcd</FONT>
★ <pre></pre> 预格式化标记符
<pre>和</pre>之间字符的位置原样输出。例如：
<PRE>
This text is formatted
exactly
as
it
is
typed.
</PRE>
★ 在布局选项中选择一种表格布局模板。
★ 在对应单元格内填入内容。
★ 表格布局适用于需要多列布局的情况。
2.利用层布局
★ 设置现有层的position属性，以便子层将其作为父层。
★ 在布局选项中选择“添加层”。
★ 调整添加的层的位置、大小、层号（z-index）。
★ 在添加的层内放置相应内容。
3.HTML基础知识
★ HTML—Hypertext Markup Language 超文本标记语言。
HTML的标记符不区分大小写。
★ 基本格式
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
说明：<title></title>之间的内容（网页的标题）显示在浏览器顶部的标题栏中。
★ HTML注释
在 <!-- 和 --> 之间的内容均视为注释。
★ HTML自动将多个连续的空格认为是一个空格，如果需要多个连续空格，可以加入特殊
符号“ ”，每一个表示一个空格。
★ 特殊符号可以用以&#开头的十进制编码（后加分号）表示。
例如 © 表示字符 ©，´ 表示 • ，A 表示 A 。
但是注意如果连续写多个 ，即多个连续空格，HTML仍默认为一个空格。
★ URL
Universal Resource Locator，统一资源定位符，分为绝对URL和相对URL。
绝对URL：使用完整地址，一般在指定外部Internet资源时使用绝对URL。
例如： http://www.henu.edu.cn
相对URL：指相对于当前页面的路径，一般用当前目录"."和上层目录".."表示。
例如：./image/aa.gif
../logo/aa.gif
4.超链接
★ a标记符
name属性：用于定义页面内被链接处。
例如：<H3><A name="obj">objectives</A></H3>
<A name="photo"><IMG src="aa.jpg"></A>
target属性：制定如何显示链接的文件。
例如：<a href="http://www.henu.edu.cn" target="_blank">
在新窗口中打开链接。
href属性：指定链接的URL。
（1）链接到文档某处
<A href="#anchor_name">display information</A>
说明：加#号表示链接的是在文档中定义的链接名。
例如：<A href="#obj">object</A>
<A href="#photo">photos</A>
（2）链接到另一个文件
<A href="file_name">display information</A>
说明：不加#号表示链接的是指定的文件名。
例如：<A href="tutorial1.htm">turn to tutorial 1</A>
<A href="./newfolder/tutorial1.htm">turn to tutorial 1</A>
（3）链接到另一个文件中的某处
<A href="file_name#anchor_name">display information</A>
说明：文件名后加#号表示链接到file_name中定义的anchor_name处。
例如：<A href="tutorial1.htm#newPhoto">turn to the new photo of tutorial 1</A>
（4）链接到另一个网站
例如：<A href="http://www.henu.edu.cn">henna University</A>
（5）链接到电子信箱
格式：<a href="mailto:电子信箱地址">
例如：<a href="mailto:shamao@china.com">联系我</a><br>
（6）链接到某一个图像文件
例如：<a href="aa.jpg">我的图片</a>
（7）如果被链接的文件不是网页，则自动提供下载功能。
例如：<a href="abc.rar">下载</a>
5.图像显示
常用有：
（1）使用img插入图像。
（2）使用map创建图像映射。
★ 用img标记符显示图像。
格式：<img>
src属性：设置被引用的图像位置。
alt属性：当浏览器禁止显示图像时显示的文字。
width和height属性：设置图像的宽和高。
align属性：指定图像相对于文字显示的位置，例如：left指图像显示在文字的左边。
例如：<P><img src=""a.gif" align="middle">文字内容</P>
图像与文字的中部对齐。
border属性：指定图像边框的宽度。
hspace和vspace属性：指定图像在水平方向和垂直方向与周围元素之间的距离。主要
是为了保证被文字包围的图像与文字之间留有一定的空隙。
举例：<img src="aa.jpg">
显示一个图像。
<a href=""aa.htm><img src="me.jpg"></a>
显示一个有链接的图像，单击该图像时链接到指定的网页。
<img SRC="Toolbar-Background.jpg" width="50" height="50"
align="middle" alt="aaaa" vspace="5" hspace="5">
★ 用map标记符创建图像映射
语法：
<!--定义图像区域-->
<map name="图像映射名称">
<area>
<area>
……
</map>
<!--指定使用的图像映射-->
<img src="" usemap="#图像映射名称">
功能：用于定义图中某个区域（称为hotspot），当用户单击该区域内时可以链接到别处，分为：
（1）Server-Side Image Maps
（2）Client-Side Image Maps
两种方式各有优缺点。该功能的一个典型用法就是天气预报图。
area用于定义区域，属性主要有：
shape属性：用于划分形状，取值有"rect"（矩形）、"circle"（圆）、"poly"（多边形）。
coords属性：定义坐标，数字之间用逗号分开。
对于矩形，需要指定左上角和右下角坐标；
对于圆，需要指定圆心的坐标和半径；
对于多边形，需要指定构成多边形的每一个点的坐标。
用法举例：
<map name="mymap">
<area shape="rectangle" href="Tutorial01.htm">
</map>
<img src="Toolbar-Background.jpg" usemap="#mymap">
<P><IMG SRC="solarsys.gif" WIDTH=504 HEIGHT=126
BORDER=0 ALT="Solar System" USEMAP="#SystemMap">
6.表格
<TR>行
<TD>列
<TH> 表头
<CAPTION>caption text</ CAPTION >
7.框架
用于将一个浏览器窗口分割为若干区域，以便同时显示多个网页。
★ 使用frameset和frame
基本结构：
<frameset>
<frame>
<frame>
……
</frameset>
说明：
（1）可以使用像素值或百分比设置框架大小。
（2）n*：设置指定框架大小后浏览器窗口的剩余部分。
* ：相当于1*，表示框架大小为整个浏览器窗口。
*,* ：表示浏览器窗口被分为两个均等的框架。
*,*,* ：表示浏览器窗口被分为三个均等的框架。
*,2*,3* ：表示窗口被分为三部分，分别为：1/6，2/6，3/6。
row=10%, *, 60 ： 表示窗口被横向分为三部分，上面部分高
度为整个框架的10%, 下面部分为60像素，剩余的作为中间部分。
cols=*, 300, 4* ：表示窗口被纵向分为三部分，中间宽度为300像
素，左边是剩余空间的1/5，右边是剩余空间的4/5。
注意：
（1）数字后面加*号和不加*号的区别。
（2）框架可以嵌套。
举例：
<frameset rows="105,72%">
<frame src="Tutorial01.htm" scrolling="no">
<frameset cols="150,*">
<frame src="Tutorial02.htm">
<frame src="Tutorial03.htm">
</frameset>
</frameset>
★ 使用iframe创建页内框架
语法： <iframe></iframe>
说明：
src属性：设置框架内容的URL。
name属性：设置框架的名称。
width和height属性：设置页面内框架的尺寸。
align属性：设置框架与周围页面元素的对齐方式。
frameborder属性：设置框架的边框。默认值为1，该值设为0可以使框架的边框不可见。
marginwidth和marginheight属性：设置显示内容与左右边界及上下边界之间的空白距离。
scrolling属性：是否显示滚动条。
8.表单及其控件
使用表单(form)的目的是不但能够在表单上方便的显示信息，还能收集信息到服务器，并编制
服务器端程序进行相应的处理。ASP.NET提供了很多优秀的服务器端控件，有非常强的表单处理与编程功能。
说明：一定要注意这里介绍的是HTML控件（HTML控件在客户端运行），
不是服务器端控件（服务器端控件在服务器端运行）。
语法：
(1) <form>
</form>
(2) <input type="……">
其中type类型有：
text： 文本框
password：密码文本框
checkbox：复选框
radio： 单选框
submit： 提交按钮，作用是将表单数据发送到服务器，否则服务器无法接收到输入的内容。
reset： 重置按钮，用于清除表单中输入的信息，并恢复到表单的初始状态。
button： 普通按钮
image： 图像按钮，作用与普通按钮相同，只是显示的是图像。
file： 文件选择框
hidden： 隐藏的控件，不在表单上显示，但是其值会与表单一起提交，一般用于保存一些特定信息。
（3）<textarea></textarea>
用于输入多行内容的文本框
（4）<select>
<option>……</option>
<option>……</option>
……
</select>
定义选项列表。
（5）label
用于显示内容。
9.滚动字幕
语法
<marquee></marquee>
direction属性：滚动字幕的移动方向。
behavior属性：取值有3种，分别为scroll（绕圈滚动，默认）、slide（只滚动一次）、
alternate（在屏幕上来回滚动）。
loop属性：指定循环次数，如果不指定，则为无限循环。
scrollamount属性：文字滚动速度。
scrolldelay属性：丁以文字移动的延时。
align属性：滚动字幕与周围其它元素之间的对齐方式。
bgcolor属性：背景色。
height和width属性：定义滚动字幕的尺寸。
hspace和vspace属性：滚动字幕与周围其它元素之间的间距。
10.声音与视频
★ <blockquote></blockquote> Linking to a sound file and video file
方法1
<blockquote>
<a href="./sound/1.mp3">bubugao</a>
</blockquote>
方法2
<blockquote>
<embed src="./sound/Yesterday Once More.mp3" width="150" height="60"
autostart = "false"></embed>
</blockquote>
说明：在.net的HTML编辑器中，embed无autostart属性，但是加上后浏览器一样能正确执行。
方法3
<bgsound src= "./sound/1.mp3" loop="1">
说明：在.net的HTML编辑器中，无bgsound，但是加上后浏览器一样能正确执行，此句也可以
用，<embed src="./sound/1.mp3" width="0" height="0"></embed> 代替。
11.其它
★ 标题标记符Hn
（1） 用于控制字号，n为1- 6之一。
（2） 默认状态下，<hn>标记符中的文字在浏览器中显示均为黑体，而且文字将自动在</hn>标记符后换行。
（3） 如果不指明对齐属性，默认为左对齐。
举例：
<h1>厉害</h1>
★ br break（强制换行）
与<p></p>的区别是：
（1）<br>无结束标记符。
（2）在<br>处强制换行后，新行与原来的行保持相同的属性，即与原来的行处于同一段
落中，而p标记符则是另起一个新段。
★ hr Horizontal Rule 水平线
width属性：水平线长度
size属性：水平线的粗细
noshade属性：无阴影（默认有阴影）
align属性：对齐方式（默认居中）
color属性：水平线颜色
<hr>
<hr align="center" width="100%" size="1">
<hr align="center" width="50%" size="5">
<hr align="center" width="20%" size="10">
<hr align="left" width="100%" size="12" color="#ff0033">
<hr align="left" width="50%" size="14" color="#339966">
<hr align="left" width="20%" size="20" color="#009999">
★ Logical Character Tags
<em>EM Tag</em><br>
<strong>Strong Tag</strong><br>
<code>Code Tag</code><br>
<kbd>KBD Tag</kbd><br>
<var>VAR Tag</var><br>
<cite>Cite Tag</cite><br>
<em><strong>EM and Strong Tag</strong></em><P>
★ Physical Character Tags
样式标记符 功能 样式标记符 功能
<b></b> 粗体 <strick></strick> 删除线
<big></big> 大字体 <sub></sub> 下标
<I></i> 斜体 <sup></sup> 上标
<s></s> 删除线 <u></u> 下划线
<small></small> 小字体
举例：
this is a <b>B</b> tag<br>
this is a <i>I</i> tag<br>
this is a <tt>TT</tt> tag<br>
this is a <big>Big</big> tag<br>
this is a <small>Small</small> tag<br>
this is a <sub>sub</sub> tag<br>
this is a <sup>sup</sup> tag<P>
★ <OL></OL> Ordered List (有序列表)
（1）<OL>相当于<OL TYPE="1">
（2）TYPE后的类型有：1, a, A, i, I
1：表示1、2、3等，默认样式。
a：表示a、b、c等。
A：表示A、B、C等。
i：表示i、ii、iii等。
I：表示I、II、III等。
<OL>
<LI>aaaaa
<LI>bbbbb
<LI>ccccc
</OL>
<OL TYPE=a>
<LI>aaaaa
<LI>bbbbb
<LI>ccccc
</OL>
★ <UL></UL> Unordered List（无序列表）
（1）<UL>相当于<UL TYPE="disc">
（2）TYPE后的类型有：disc（实心圆）, circle（空心圆）, square（方框）
例如：
<UL>
<LI>ddddd
<LI>eeeee
<LI>fffff
</UL>
★ Definition List （自定义列表）
<DL>
<DT>aaaaaaaaaaaaaaaaaaaaaaaaa</DT>
<DD>aaaaaaaa1</DD>
<DD>aaaaaaaa2</DD>
<DT>bbbbbbbbbbbbbbbbbbbbbb</DT>
<DD>b11111111111111111111111111</DD>
<DD>b222222222222222222222222</DD>
</DL>
★ <FONT> 字体标记
<FONT SIZE=size COLOR=color FACE=fontname>abcde</FONT>
说明：
SIZE属性：表示字体大小 范围：1~7 （数值越大，字体越大）
例如：<FONT SIZE="4">abcd</FONT> 4号大小
<FONT SIZE=+2>abcd</FONT> 在默认字号（3号字）的基础上加2
FACE属性：设置文字的字体效果，如果写多个，中间用逗号分开，表示先选用第
一种，如果客户端浏览器不支持第一种，就选用第二种，……，如果
都不支持，则使用默认值。
例如：<FONT FACE="ARIAL,HELVETICA,SANS SERIF">abcd</FONT>
★ <pre></pre> 预格式化标记符
<pre>和</pre>之间字符的位置原样输出。例如：
<PRE>
This text is formatted
exactly
as
it
is
typed.
</PRE>
1800
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
