《ASP动态网页制作教程 教学课件 作者 吴素芹 赵征鹏 李林 第3章-Web页面制作基础.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、ASP动态网页制作教程第3章Web页面制作基础本章介绍Web页面制作基础，主要内容包括HTML标记语言概述、常用的HTML标记、CSS样式表等。通过本章的学习，读者应了解什么是HTML和CSS样式表，并能掌握关于文本、超链接、表格、表单等常用的HTML标记以及如何定义和引用CSS样式表。主要内容HTML标记语言3.1设置文字风格3.2制作表格3.5多媒体效果3.4建立超链接3.3上机指导3.10小结3.9CSS3.8构建框架3.7建立表单3.63.1HTML标记语言在Internet上浏览的大部分网页都是用HTML语言编写的。HTML语言是制作网页的基础，可以说Web动态编程都是在HT

2、ML的基础上进行的。3.1.1什么是HTML超文本标记语言（HypertextMarkupLanguage，HTML）是Web页面的描述性语言，是在标准通用化标记语言（StandardGeneralizedMarkupLanguage，SGML）的基础上建立起来的。根据其语法规则建立起来的文本可以运行在不同的操作系统平台和浏览器上，是所有网页制作技术的核心与基础。无论是在Web上发布信息，还是编写可供交互的程序，都离不开HTML语言。3.1.2HTML文件结构使用HTML语言编写的超文本文件称为HTML文件。可以在Windows下的文本编辑器中手工直接编写HTML文件，也可以使用Fro

3、ntPage、Dreamweaver等可视化编辑软件编写HTML文件。HTML通过在文本中嵌入各种标记，使普通文本具有超文本的功能。HTML文件的基本结构如下。头部信息主体内容…：HTML文件的开始和结束，其中包含和标记的内容。…：HTML文件的头部标记，用于包含文件的基本信息。…：HTML文件的主体标记，在头部标记之后。它定义了HTML文件显示的主要内容和显示格式。这里需要注意的是，

4、>与标记是两个独立的部分，不能互相嵌套。图3-1运行HTML文件3.1.3HTML头部标记与主体标记任何HTML文件都包含在和标记之中。一个标准的HTML文件分为头部和主体两大部分。其中，头部标记为，主体标记为。1．头部标记标记是页面的第二层标记，用于提供与Web页面有关的各种信息。【例3-1】在标记内设置页面信息。图3-2头部标记2．主体标记在和中放置的是页面展示的所有内容。作为网页的主体部分，标记有很多的内置属性，通过这些属

5、性可以设定网页的总体风格。例如，定义页面的背景图案、背景颜色、文字颜色、超文本链接颜色等。（1）Background属性光焕发（2）Bglolor属性（3）Bgproperties属性（4）Text属性（5）Link属性（6）Alink属性（7）Vlink属性（8）Topmargin属性（9）Leftmargin属性【例3-2】通过标记定义页面显示风格。图3-3主体标记3.2设置文字风格文字是网页的基础部分，突出的文字内容、合理的文字排版能够确切地传达出页面的主要信息。本节介绍字体标记、标题字标记、段落标记

、换行标记
以及注释标记<

6、!--…-->和。3.2.1定义文字字体1．字体标记标记可以设定文字的字体、大小和颜色。标记的属性包括FACE（字体）、SIZE（字号）和COLOR（颜色）。（1）FACE属性（2）SIZE属性（3）COLOR属性【例3-3】使用标记定义文字。2．标题字标记标题文字是指以某几种固定的字号显示文字。标题标记由

到

，分别表示1级至6级标题，每级标题文字的字体大小依次递减。每个标题标记所标识的文字将独占一行且上下留一空白行。【例3-4】使用标题字标记。图3-4字体标记图3-5使用标题字标记

7、3.2.2文字的排版一个清晰、排版整齐的Web页面更能反映其所包含的内容，让读者一目了然。使用文字的排版标记可以使文字按照定义的规则显示。下面介绍常用的段落标记

和换行标记
。1．段落标记

段落是指一段格式统一的文本。使用段落标记

，将在段落之间间隔一空白行。语法：…

【例3-5】使用

标记对文字进行排版。2．换行标记

标记相当于一个换行符，它可以使内容换行显示。与<