一、语法规则
标记通常成对出现，每个标记都出现在一对尖括号中（< >），第一个标记定义了标记的起点，称为开始标记或者打开标记；第二个标记定义了标记的结尾，称为结束标记或者关闭标记。
<p>本文本是一个示例段落</p>（该元素从开始标记<p>开始，元素内容为“本文本是一个示例段落”，元素以结束标记</p>结束）
<img src="hello.gif" /> （标记中<img>定义了一个图象元素）
二、总体结构
（1）定义正文标题
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
（2）
定义列表
（1）有序列表
<p>有序列表实例</p>
<ol>
<li>编写XHTML文件</li![]()
>
<li>编写XML文件<![]()
/li>
<li>编写JSP文件<![]()
/li>
</ol>
<li>编写XHTML文件</li
<li>编写XML文件<
<li>编写JSP文件<
</ol>
（3）无序列表
<p>无序列表实例</p>
<ul>
<li>编写XHTML文件<![]()
/li>
<li>编写XML文件</li![]()
>
<li>编写JSP文件</li![]()
>
</ul>
<li>编写XHTML文件<
<li>编写XML文件</li
<li>编写JSP文件</li
</ul>
（3）定义列表
<p>定义列表实例</p>
<dl>
<dt>猫</dt>
<dd>一只可爱的猫</dd>
<dt>手电筒</dt>
<dd>使用电池的设备</dd>
<dt>cute</dt>
<dd>可爱</dd>
</dl![]()
>
<dt>猫</dt>
<dd>一只可爱的猫</dd>
<dt>手电筒</dt>
<dd>使用电池的设备</dd>
<dt>cute</dt>
<dd>可爱</dd>
</dl
（4）定义预编排文本
功能：可以使文本按照源文件中的编排格式，一模一样的在浏览器中显示
<pre>
2.9
+1.2
--------
4.1
</pre>
2.9
+1.2
--------
4.1
</pre>
（5）定义分区快文本
<html>
<head>
<style>
.bodered{ boder-style:solid;}
</style>
</head>
<body>
<p>这是一个常规的段落</p>
<div class="bodered">
<p>这是 一个用div样式界定的段落</p>
</div>
</body>
<ht![]()
ml>
<style>
.bodered{ boder-style:solid;}
</style>
</head>
<body>
<p>这是一个常规的段落</p>
<div class="bodered">
<p>这是 一个用div样式界定的段落</p>
</div>
</body>
<ht
（6）跨越多个字符
<html>
<head>
<style>
.emphasis{ color:red;text-decoration:underline;font-weight:blod;}
</style>
</head>
<body>
<p><span class="emphasis">这段文本被着重强调</span>，而这段没有</p>
<div class="bodered">
<p>这是 一个用div样式界定的段落</p>
</div>
</body>
<![]()
html>
<head>
<style>
.emphasis{ color:red;text-decoration:underline;font-weight:blod;}
</style>
</head>
<body>
<p><span class="emphasis">这段文本被着重强调</span>，而这段没有</p>
<div class="bodered">
<p>这是 一个用div样式界定的段落</p>
</div>
</body>
<
（7）特殊字符
 ；空格
<；左尖括号<或小于号
>右尖括>或大于号
©版权符号
®；已注册符号
®；已注册符号
&and符号&
&3151;长破折号
&3151;长破折号
（8）超链接
web连接有两个基本的组件：
①链接：指在主文档中指向其它文档的文本
②目标：指链接所指向的文档或者主文档中的某个位置
格式：<a><href="目标URL">描述文本</a>
格式：<a><href="目标URL">描述文本</a>
目标：target="_blank"跳转到一个新页面
target="_self"本页面跳转，默认
target="_parent"跳转父页面
target="_top"把最上面变了
链接：绝对链接（使用全路径）、相对链接（不提供引用网页的全部细节）
目录：以反斜杠（/）开头的目录表示该目录为根目录的一个子目录
以（./）当前目录（../）父目录
<a>属性：title属性、accesskey属性（设置快捷键）、tabindex属性（设置链接次序）
（9）在网页显示图形
<img src="图形名" alt="">(alt当图片不能显示时，显示alt文本值)
（10）插入多媒体信息
添加flash文件：<object type="application/x-shockwave-flash">
添加视频文件：<object type="video/x-ms-wmv">
（11）插入表格状数据：rowspan(合并行)、colspan（合并列）
<table>
<tr>(行)
<td>数据单元格</td>（列）
</tr>
</table>
（12）在网页中插入其他网页：
src是调用外部网页文件的路径；
width、height内部框架的宽度与高度；
scrolling滚动条no不出现、yes显示默认auto;
frameBorder边框的宽度，默认1；
name框架的名字。
三、块级元素与内嵌元素
块级元素（换行）：div、blockquote、列表元素、form、h1-h2、p、table
内嵌元素（不换行）：span、a、img、label、所有的表单输入元素、iframe
289
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
