_网页设计.docVIP

实验5.3 网页设计基础 【实验目的】 （1）理解HTML标记语言的作用 （2）掌握最基本的HTML元素的使用 （3）学习在“解决方案资源管理器”中设计、组织网页的方法 【实验环境】 计算机硬件：Intel(R) Core(TM)2 Duo CPU P8600 @2.40GHz 790MHz，RAM 2.98GB 计算机软件：Windows XP Professional SP3/ Windows 7，Visual Studio 2005 【知识要点】 1. HTML标记语言 HTML（HyperText Markup Language，超文本标记语言）是表示网页的一种规范，它通过标记符定义了网页内容的显示效果。标记符（也称标签）用尖括号括起来，大多数都是成对出现的，包括开始标记符和结束标记符，如h1和/h1。开始标记符和结束标记符再加上它们之间所包含的内容，就构成了一个HTML元素。许多标记符还包括一些属性，以便对标记符作用的内容进行更详细的控制。 HTML文件是以HTML语言表示内容的文本文件，以.htm或.html为扩展名。 以下是一个最基本的HTML文档示例： Hello.html html head title Hello World! /title /head body h1 Hello World! /h1 图5-3-1 最基本的HTML文档示例 这是一个基本功能测试页面。 /body /html 其中：html和/html是Web页的开始和结束标记；head和/head为首部标记，提供Web页的特定信息。可在此设置标题、定义样式、插入脚本；title和/title用于设置文档标题，显示在标题栏；body和/body为正文标记，其内容显示在浏览器中；h1/h1为一级标题标记。 以上HTML文档显示效果如图5-3-1。 2．最常用的HTML元素介绍 1）标题 HTML文档的文本内容主要由标题和段落元素表示。标题元素用标签h1～h6定义，其中h1最大，h6最小。 例1：标题.html html head title测试字号大小/title /head body h1标题1/h1 h2标题2/h2 h3标题3/h3 h4标题4/h4 h5标题5/h5 h6标题6/h6 /body /html html head title测试段落/title /head body p这是一段。/p p这是段，br 这里有一个换行。/p 不一定非要lt;pgt;，br 用lt;brgt;换行行。 /body /html lt;”和“gt;”是两个特殊字符实体，分别代表小于号和大于号，显示效果见图5-3-3。 3）超链接 HTML使用a标签来创建一个连接到其他文件的链接，称为超链(Hyper Link)。超链可以指向网络上的任何资源。创建一个超链的语法为：a href=url显示的超链名/a 其中href属性用来指定连接到的地址，在开始标签a和结束标签/a中间的部分将作为超链显示在页面上。 例3：超链接.html html head title测试超链接/title /head 图5-3-4 超链接示例 body a href=“/”微软主页/ /body /html 在框架集网页中不包含任何可显示的内容，而只是包含如何组织各个框架的信息和框架中的初始页面信息。除了基本的html、head标记外，主要包括框架集标记符frameset（必需有结束标记符/frameset）和框架标记符frame（没有结束标记符） frameset元素中可以包含多个frame，还可以再嵌套地包含内部frameset元素。frameset和frame中可以指明name、ID、rows 、cols 、src等属性，frame还可以作为超链的目标。 例4：框架.html html headtitle测试框架/title/head frameset rows=20%,80% frame src=