WEB页面设计：HTML网页设计案例指导笔记-职坐标

WEB页面设计：HTML网页设计案例指导笔记

安安 2017-10-04 来源：网络阅读 1473 评论 0

摘要：本篇WEB页面设计教程将为大家讲解HTML网页设计案例指导，看完这篇文章会让你对WEB页面设计的知识点有更加清晰的理解和运用。

本篇WEB页面设计教程将为大家讲解HTML网页设计案例指导，看完这篇文章会让你对WEB页面设计的知识点有更加清晰的理解和运用。

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、文本格式控制标签。
表2-2 的属性
属性使用功能默认值
face 设置文字使用的字体宋体
Size 设置文字的大小 3
color 设置文字的颜色黑色

第2页

使用格式如下所示：
文字
※size的属性值为1-7，也可以用“+”或“-”来设定字号的相对值；color属性的值为
RGB颜色“#nnnnn”或直接输入颜色的名称。
6、常用的特定文字标签分为两类：物理类（包括标签、标签和标签）和逻辑类（包
括标签、标签、标签<cite>、标签<code>、标签、标签<big>、标签
<samp>、标签<kdb>、标签<var>、标签<dfn>、标签和标签、）。
标签含义
 粗体标签
 斜体标签
 下划线标签
 用于强调文本，一般显示为斜体
 用于特别强调的文本，显示为粗体字
<cite> 用于引证和举例，通常是斜体字
<code> 用于指出放在该标签中的内容是一组代码
 用于规定文本以小号字显示
<big> 用于规定文本以大号字显示
<samp> 放在该标签中的文字以计算机常用的字体样式显示，即匡杜相等的字体
<kbd> 放在该标签对中的文字是由用户输入的文本，通常显示为较粗宽字体
<var> 放在该标签中的文字用来表示变量，通常显示为斜体字
<dfn> 放在该标签中的文字表示一个定义或说明，通常显示为斜体字
 放在该标签中的文字表示一个下标
 放在该标签中的文字表示一个上标
7、换行符标签 是个单标签。当文件在浏览器中显示时，该标签之后的内容将显示在下
一行。
8、注释标签的应用格式如下所示：
<!—注释的内容-->
9、署名标签<address>，一般用于说明这个网页的开发者及其它相关信息。在<address>和
</address>标签对之间显示的文字是斜体字。<address>标签的应用格式如下所示：
<address>内容</address>
10、不同段落间的间距相当于连续使用了两个换行符。段落标签可以单独使用，也可以成对
使用。单独使用时，下一个标签的开始，就意为着上一个标签的结束。应用格
式如下所示：内容
11、居中对齐标签<center>，格式如下所示：<center>内容</center>
12、原样显示文字标签<pre>。应用格式如下所示：<pre>内容</pre>
13、缩排标签<blockquote>可以用来创建一个引文，引文显示时将会自动右移，左边空出几
个空格。其应用格式如下所示：<blockquote>内容</blockquote>
14、水平线标签<hr>，是单独使用的。