第二节 HTML语言基础
三、HTML标签及其属性
HTML标签可分为单标签和成对标签两种。成对标签是由首标签<标签名 >和尾标签</标签名>组成的，其作用域只作用于这对标签中的文档。单标签 的格式为<标签名>。单标签在相应的位置插入元素就可以了，它只需要单独 使用就能完整地表达意思。
大多数标签都有自己的一些属性，属性要写在初始标签内，用于进一步 改变显示的效果。属性是可选的，且各属性之间无先后顺序；属性也可以省 略，即采用默认值。
然后通过本地计算机上的
浏览器将文档解释为网页
并在浏览器窗口中显示出 来。
HTML只是一个纯文本文件。 创建一个HTML文档，只需 要两个工具，一个是HTML 编辑器，另一个是Web浏览 器。HTML编辑器是用于生 成和保存HTML文档的应用
程序，它可以是记事本，也
可以是专业的网页制作工具。 Web浏览器是用来打开Web 网页文件，提供Web资源给 读者查看的客户端程序。
第二节 HTML语言基础
四、HTML主体标签及其属性
1. HTML的主体标签<body > <body>标签常见的属性列表
描述 设定整个页面的文字颜色 设定页面默认的链接颜色 设定鼠标正在单击时的链接颜色 设定访问后链接文字的颜色
设定页面背景图像 设定页面背景颜色 设定页面的左边距 设定页面的上边距 设定页面背景图像为固定，不随页面的滚动而滚动
定程度上描述文档的外观和语义。 由蒂姆·伯纳斯·李给出原始定义，由 IETF（互联网工程任务组）用简化 的SGML（标准通用置标语言）语法 进一步发展的HTML，后来成为国际 标准，由W3C维护。
HTML是一种用来制作超 文本文档的简单标记语言。 HTML中的标记用来描述 文档的结构和数据的显示
格式，以及建立超级链接 等。用户在访问Internet时， 将会把网站中的HTML文 档下载到本地计算机中，
项目
网络信息编辑
网页设计与制 作
网页设计与制作
第一节 第二节 第三基础 层叠样式表CSS技术 网页设计工具Dreamweaver CS4
学习目标
知识目标
了解页面布局和导航设计； 了解HTML的基本结构，掌握常见标签及其属性设置方法； 了解CSS的概念、添加方法、格式、选择符的类型，及其继承和 优先级； 理解使用Adobe Dreamweaver CS4实现表格布局和div+CSS布局
技能目标
学会使用CSS规则代替HTML元素中定义格式的属性； 灵活应用HTML元素、CSS样式等，制作美观大方的网页。
第一节 页面设计基础
一、页面布局设计
页面布局是对页面的整体规划，即把页面划分成不同的领域，用于放 置不同的内容。 （一） 页面布局元素 网页布局元素包括页面规划布局、边界、字体、颜色、图像以及表格等。 （二） 页面布局的方法 页面布局的方法主要有两种：纸面布局法和软件布局法。 （三） 页面布局的技术 常用的页面布局技术有div+CSS页面布局、表格页面布局、框架页面布局、 透明GIF页面布局和Flash页面布局等。
第一节 页面设计基础
二、页面导航设计
导航是由一系列的超链接组成的，每一个超链接都会被链接到一个分类网页上。网站上的 导航一般相对位置固定、内容固定，网页的页面布局就是依据导航的位置来划分的。 （一） 主要导航和次要导航 主要导航可以从站点的各层次栏目的网页上进行访问，它是对整个网站信息的分类划分。 次要导航仅可以在指定的某层次栏目的网页内进行访问，它是对某一个栏目信息的分类划 分。 （二） 导航栏的形式 导航栏有不同的形式，主要包括主题列表式、选项卡式、下拉菜单式，或者是一些相关条 目的列表等。 （三） 导航设计应遵循的规则 1. 三次点击规则 2. 结构清晰和逻辑性强 3. 学习和借鉴成功导航 4. 导航系统应该包 含多种导航 5. 精心设计导航外观 6. 使用规范化、大众化的导航条名称 7. 突出显示当 前导航条 8. 网站徽标和名称放在主页的左上方
第二节 HTML语言基础
一、HTML简介
HTML的概念
HTML的工作方式
HTML编辑工具
超文本标记语言，简称HTML (hyper text mark up language)。它是为网
页创建和其他可在网页浏览器中看
到的信息设计的一种标记语言。 HTML被用来说明结构化信息，如标
题、段落和列表等；也可用来在一
作为一般的原则，大多数属性值不用加双引号，但是包括空格、%、#等 特殊字符的属性值则必须加上双引号。因此，为了养成较好的习惯，一般提 倡对全部属性值都加双引号。
属性 text link alink vlink background bgcolor leftmargin topmargin bgproperties
应用时，常在每个RGB值之前加上“#”号，如bgcolor=“#336699”； 用英文表示颜色时直接写单词，如bgcolor=green。
第二节 HTML语言基础
五、文字版面的编辑
编辑文字版面时常用的标签主要有换行标签<br>、换段落标签<p>、居中对齐标签<center>、 原样显示文字标签<pre>、引文标签（缩排标签）<blockquote>、水平分隔线标签<hr>和署名标签 <address>等，下面主要对前三种标签进行介绍。
第二节 HTML语言基础
二、HTML的基本结构
一个HTML文档是由一系列的元素和标签组成的，元素名不区分大小写， HTML用标签来规定元素的属性和它在文件中的位置。HTML超文本文 档分为文档头和文档体两部分，其中，文档头的部分主要是对这个文档 进行一些必要的定义，文档体中的内容才是要显示的各种文档信息。 <html>和</html>在文档的最外层，文档中的所有文本和HTML标签都包 含在其中，它表示该文档是以HTML语言编写的。
第二节 HTML语言基础
四、HTML主体标签及其属性
2. 颜色的设定
颜色是由红绿蓝三原色组合而成的，颜色值就是一个关键字或一个RGB 格式的数字，在网页中用得很多。HTML 对颜色是用十六进位去定义的，对 于三原色分别给予了两个十六进位去定义。也就是说每个原色各有256种彩 度，因而三原色可混合成16 777 216种颜色。
