网站建设与管理 陈长顺 第4章

《网站建设与管理 陈长顺 第4章》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第4章HTML语言4.1HTML语言简介4.2HTML文档结构4.3文字格式4.4段落排版4.5图像设置4.6多媒体设置4.7超链接设置4.8表格设置4.9框架设置14.10表单设置4.11CSS页面样式表24.1HTML语言简介4.1.1什么是HTML语言4.1.2HTML语言的特点4.1.3HTML语言的语法规则34.1HTML语言简介4.1.1什么是HTML语言HTML是一种超文本标记语言，是用于制作网页的主要排版语言，是WWW信息表示的主要工具。4.1.2HTML语言的特点HTML具有如下基本特点：1.语法简单，易学易用。HTML采用简洁、明了的语法命令，通过各种标记、元素、属性、对

2、象等关键字建立与文本、图像、动画、声音、影像等多媒体元素的联系，达到信息发布的目的。42.解释性语言，执行效率低HTML是一种解释性语言，网页的显示效果是在浏览器打开网页时动态生成的，而不是事先存储在网页之中。3.纯文本文档由HTML构成的网页文档是纯文本文档，创建HTML文档十分简单，只需要一个普通的字符编辑器即可，如Windows的记事本。4.与平台无关HTML与平台无关，不论在Windows、Unix或Linux平台上，由HTML编写的文档都是可识别的。54.1.3HTML语言的语法规则HTML语言主要通过各种标记来标识和控制对象，主要语法规则如下：1.标记通常标记由”<“和”>“符号

3、以及其中所包含的标记元素组成，一般可表示为三种基本格式：2.标记的嵌套在一个标记的作用区域中可以放置另一些标记，形成标记的嵌套，以实现对文档内容的多重控制。63.HTML文档HTML文档由标记和内容组成，标记规定网页内容显示的格式、网页之间的链接关系，而内容则是网页中要显示的文字、图像、动画、声音、影像等。74.2HTML文档结构HTML文档由文档头和文档主体两部分组成，在文档头内，对文档进行一些必要的定义，文档主体部分定义在浏览器中显示的信息，如下所示。表4-1HTML文档标记及其属性8图4-1例4-1运行效果图94.3文字格式页面上的文字格式包括字体、字形、字号、颜色等，由文字标记进行设

4、置，适当地应用可以增加页面的美感。主要标记及其属性如表4-2所示。表4-2HTML文字标记及其属性1011图4-2文字格式设置124.4段落排版HTML提供的段落排版标记是使用频率较高的标记，恰当运用段落排版标记对网页布局的美观具有决定性意义。表4-3HTML段落标记及其属性13图4-3段落排版标记144.5图像设置HTML提供了对图像丰富的设置功能，其主要标记及其属性如表4-4所示。表4-4HTML图像标记及其属性15图4-4图像标记示例164.6多煤体设置HTML提供了对多媒体的支持功能，除图像外，还有声音、动画和影像等，其主要标记及其属性如表4-4所示。表4-4HTML多媒体标记及其属

5、性17图4-5多媒体播放示例184.7超链接设置HTML提供的链接标记可以实现从当前网站的一个网页转到另一个网页，或从网页的一个位置转到另一个位置，还可以从当前站点转到外部站点，或打开一个邮件收发管理软件，为发送一个电子邮件做好准备。表4-5HTML链接标记及其属性19图4-6使用链接标记示例204.8表格设置表格是HTML提供的很重要的功能，利用其多种属性能设计出多样化的表格，恰当运用表格标记可以实现页面元素的定位排版，并可使页面更加整齐美观。表4-6HTML表格标记及其属性2122图4-7使用表格示例234.9框架设置框架也是网页布局的一种方法，但它与表格布局方法不同。表4-7HTML框

6、架标记及其属性24图4-8使用框架示例254.10图层设置用前面介绍的HTML的基本标记只能制作静态网页，实现单向信息发布功能，而用表单可以使网页具有双向交互功能，它通过文本框、列表框、单选钮、复选框、按钮等控件，采集用户输入信息，然后提交给相应的处理程序，并根据处理结果再对用户的请求做出响应。表4-8HTML表单标记及其属性2627图4-9使用表单示例284.11表单设置4.11.1CSS基本定义4.11.2CSS的引用方法4.11.3CSS的基本属性294.11表单设置用可视化方法和HTML语言设置页面元素属性时，只能逐个进行，既费时费力，也难以形成网站统一风格。4.11.1CSS的基本

7、定义1.HTML标记CSS的第一种定义方式是HTML标记法。2.类标记CSS的第二种定义方式是类标记法，用类定义HTML元素的显示样式，定义格式如下：304.11.2CSS的引用方法要使CSS定义的样式效果在浏览器中正确地显示出来，就必须把CSS代码嵌入到HTML代码中，或者让浏览器能够引用CSS文件。1.插入式引用插入式引用是指在HTML元素中直接通过style属性定义样式，格式如下：2.嵌入式引用嵌入式引