HTML网页设计案例指导 笔记
HTML网页设计案例指导 笔记
第一章
——网页设计基础
1、 HTML（超文本标记语言）。
2、 脚本是一种能够完成某种特殊功能的“小程序”。脚本是一种解释式语言，不必事先编
译。
3、 ASP：ASP是Active Server Page的缩写，意为“动态服务器页面”。
第二章
——HTML基本标记
1、HTML文档结构：
<html>
<head>
<title> ……</title>
</head>
<body>
……
</body>
</html>
2、<head>是HTML文档的头部标签。若不需要头部信息则可以省略此标签。
3、<body>标签，是HTML文档的主体标签，该标签不能省略。
表2-1 <body>标签的属性及含义
属性 含义
Link 设置页面默认的超链接文本的颜色
alink 设置鼠标正在单击时的超链接文本的颜色
vlink 设置访问后超链接文本的颜色
background 设置页面的背景图像
bgcolor 设置页面的背景颜色
leftmargin 设置页面的左边距
topmargin 设置页面的上边距
bgproperties 设置页面背景图像为固定，不随页面的滚动而滚动
Text 设置页面文本的颜色
4、标题文本标签<hn>格式如下所示：
<hn align = 参数> 标题内容</hn>
※<hn>标签共分为6级，级数越大，标题文字越小，align为标题对齐方式。
5、文本格式控制标签<font>。
表2-2 <font>的属性
属性 使用功能 默认值
face 设置文字使用的字体 宋体
Size 设置文字的大小 3
color 设置文字的颜色 黑色
第2页
使用格式如下所示：
<font face=值1 size=值2 color=值3>文字</font>
※size的属性值为1-7，也可以用“+”或“-”来设定字号的相对值；color属性的值为
RGB颜色“#nnnnn”或直接输入颜色的名称。
6、常用的特定文字标签分为两类：物理类（包括标签<b>、标签<i>和标签<u>）和逻辑类（包
括标签<em>、标签<strong>、标签<cite>、标签<code>、标签<small>、标签<big>、标签
<samp>、标签<kdb>、标签<var>、标签<dfn>、标签<sub>和标签<sup>、）。
标签 含义
<b> 粗体标签
<i> 斜体标签
<u> 下划线标签
<em> 用于强调文本，一般显示为斜体
<strong> 用于特别强调的文本，显示为粗体字
<cite> 用于引证和举例，通常是斜体字
<code> 用于指出放在该标签中的内容是一组代码
<small> 用于规定文本以小号字显示
<big> 用于规定文本以大号字显示
<samp> 放在该标签中的文字以计算机常用的字体样式显示，即匡杜相等的字体
<kbd> 放在该标签对中的文字是由用户输入的文本，通常显示为较粗宽字体
<var> 放在该标签中的文字用来表示变量，通常显示为斜体字
<dfn> 放在该标签中的文字表示一个定义或说明，通常显示为斜体字
<sub> 放在该标签中的文字表示一个下标
<sup> 放在该标签中的文字表示一个上标
7、换行符标签<br>是个单标签。当文件在浏览器中显示时，该标签之后的内容将显示在下
一行。
8、注释标签的应用格式如下所示：
<!—注释的内容-->
9、署名标签<address>，一般用于说明这个网页的开发者及其它相关信息。在<address>和
</address>标签对之间显示的文字是斜体字。<address>标签的应用格式如下所示：
<address>内容</address>
10、不同段落间的间距相当于连续使用了两个换行符。段落标签可以单独使用，也可以成对
使用。单独使用时，下一个<p>标签的开始，就意为着上一个</p>标签的结束。应用格
式如下所示：<p align = “left/center/right”>内容</p>
11、居中对齐标签<center>，格式如下所示：<center>内容</center>
12、原样显示文字标签<pre>。应用格式如下所示：<pre>内容</pre>
13、缩排标签<blockquote>可以用来创建一个引文，引文显示时将会自动右移，左边空出几
个空格。其应用格式如下所示：<blockquote>内容</blockquote>
14、水平线标签<hr>，是单独使用的。
