一、语法规则
标记通常成对出现,每个标记都出现在一对尖括号中(< >),第一个标记定义了标记的起点,称为开始标记或者打开标记;第二个标记定义了标记的结尾,称为结束标记或者关闭标记。
<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