您的位置:首页 > Web前端 > HTML

HTML网页设计案例指导 笔记

2013-02-26 00:00 369 查看
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>,是单独使用的。

点击原文链接查看下载更多>>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  HTML 网页设计 笔记
相关文章推荐