ASP应用开发与实践 第4章 Web页面制作基础.ppt

《ASP应用开发与实践 第4章 Web页面制作基础.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、本章要求：第4章Web页面制作基础使用各种HTML标记以及CSS样式表制作Web页面设置页面中的文本内容技术在页面中建立超链接技术使用表格实现页面布局技术在表单中插入控件技术使用CSS样式规范页面显示格式技术主要内容1、HTML标记语言2.设置文字风格3.建立超链接4.多媒体效果5.制作表格6.建立表单7.CSS样式表8.综合实例——防止表单在网站外部提交第4章Web页面制作基础4.1.1什么是HTML4.1.2HTML文件结构4.1.3HTML头部标记与主体标记4.1HTML标记语言HTML（HypertextMarkupLangua

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

3、件编写HTML文件。HTML通过在文本中嵌入各种标记，使普通文本具有超文本的功能。在HTML文件中，所有的标记都必须用尖括号“<”和“>”括起来。大部分标记都是成对出现的，即包括开始标记和结束标记（结束标记是在开始标记前添加一个斜杠“/”）。开始标记和相应的结束标记定义了标记所影响的范围。但也有一些标记只要求单一标记符号，如
换行标记。HTML文件的基本结构如下：…头部信息…主体内容…：HTML文件的开始和结束，其中包含

4、D>和标记的内容。…：HTML文件的头部标记，用于包含文件的基本信息。…：HTML文件的主体标记，在头部标记之后。它定义了HTML文件显示的主要内容和显示格式。4.1.2HTML文件结构这里需要注意的是，与标记是两个独立的部分，不能互相嵌套。下面编写一个HTML文件，代码如下：在这里显示网页内容

5、ody>在IE浏览器中打开上面建立的HTML文件，运行结果如图4-1所示。图4-1运行HTML文件4.1.3HTML头部标记与主体标记任何HTML文件都是由和标记包含的。一个标准的HTML文件分为头部和主体两大部分。其中，头部标记为，主体标记为。1．头部标记标记是页面的第二层标记，用于提供与Web页面有关的各种信息。在头部标记中，可以使用标记来指定网页的标题；使用标记设置页面关键字、设定页面字符集、刷新页面

6、等；使用标记来定义CSS样式表；使用标记来插入脚本等。一般来说，位于头部标记中的内容都不会在网页上直接显示。【例4-1】在标记内设置页面信息（实例位置：光盘MR源码第4章4-1）使用保存文件为index.htm。在IE浏览器中打开该文件，运行结果如图4-2所示。图4-2头部标记注意：在HTML头部可以包括任意数量的标记。2．主体标记在和中放置的是页面展示的所有内容。作为网页的主体部分，标记有很多的内置属性，通过

8、这些属性可以设定网页的总体风格。例如，定义页面的背景图像、背景颜色、文字颜色以及超文本链接颜色等。（1）Background属性：用于设定网页的背景图像。属性值为背景图像文件存放的相对路径，如“images