文档介绍：第2章 HTML网页设计
HTML语言基础
设置文本格式
在网页中应用表格
在网页中应用图像
为网页添加动感效果
在网页中应用超链接
设计框架网页
HTML语言基础
HTML(Hypertext Markup Language)即超文本标记语言,是web文档的规范,使用各种HTML标签来设置网页显示的格式。静态网页是标准的HTML文档,动态网页经过应用程序服务器的处理后也将生成HTML代码。
HTML网页基本结构
HTML网页文件中包含各种HTML标签(标记),用以提供网页的结构、外观和内容。所有标签都必须用一对尖括号括起来。大部分标签都包括开始标签和结束标签,用于定义标签所影响的范围。例如,<html>和</html>、<head>和</head>等。也有一些只要求单一标签,如</br>。
大多数标签都有一个属性集,通过这些属性可以对作用的内容进行更多的控制。
<标签属性1=“属性值”属性2=“属性值”…>内容</标签>
例如,使用<font>标签设置文本格式
<font face=“楷体_GB2312” size=“2” color=“#FF0000”>心想事成</font>
HTML网页的基本结构描述如下:
<html>
<head>
<title>文档标题</title>
</head>
<body>
网页内容
</body>
</html>
文件头和文件主体
<head>和</head>称为文件头标签,提供与网页有关的各种信息,如使用<title>和</title>指定网页的标题,使用<style>和</style>来定义CSS样式表。
<body>和</body>称为主体标签,用于定义网页的主要部分。在浏览器窗口中显示的文本、表格、图像、动画、超链接以及其他网页元素。
创建HTML网页
选择一个站点:与网站相关的各种文档是通过站点组织的。
创建HTML网页
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Transitional//EN" "/xhtml1/DTD/xhtml1-">
<html xmlns="9/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
</body>
</html>
设置页面属性
通过<body>标签属性设置页面属性
background属性:指定用作页面背景的图像文件的URL
bgcolor属性:指定页面的背景颜色
text属性:指定页面文本的默认颜色
link属性:指定页面中超本文链接的颜色
vlink属性:指定页面中已访问的超文本链接的颜色
alink属性:指定页面中活动链接的颜色
leftmargin属性:指定页面的左边距
topmargin属性:指定页面的上边距
2. 利用【页面属性】对话框设置页面属性
在默认情况下,Dreamweaver使用CSS(层叠样式表)设置文本
格式,设置页面属性时将在文档首部生成一些CSS样式规则。
<style type="text/css">
<!--
body,td,th {
font-family: 宋体;
font-size: 24px;
color: #FF0000;
}
body {
background-color: #FFFF66;
margin-left: 20px;
margin-right: 20px;
}
-->
</style>