实验四个人主页制作解析.docVIP

实验四 个人主页制作 一、实验目的 1．加深对计算机网络原理的理解； 2．熟练掌握网页制作的相关技术和方法。 二、实验要求 1．自选主题，设计制作个人主页。可以是个人自我简介，也可以是自己感兴趣的内容，要求选题积极健康，主页界面简洁明了，美观大方； 2．使用相关网页制作（技术可/）Dreamwaver或文本编辑器（记事本、sublime text2、PSPad等）； 3．撰写实验报告（格式参见实验报告模板），并连同制作的个人主页文件一同打包后上传至网络教学平台。 三、实验原理 HTML语言简介 1. 概述 HTML：超文本标记语言（HTML，Hypertext Markup Language），是一种用于描述网页文档的标记语言，使用HTML可以构建网页文档，可以将Internet上的资源组合在一起。 网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以定义内容的显示样式。 HTML语言虽然简单，但是功能强大，支持不同数据格式的文件嵌入，其主要特点包括： 简单性 可扩展性 平台无关性 使用纯HTML编写的文件扩展名为.html或者.htm，可以使用任意一款文本编辑软件进行开发。 一个基本的HTML文档是由一系列的标签元素组成的，标签元素不区分大小写。 HTML用标签来限定元素在文档中的位置。一个HTML文件包含在一对html标签内。 HTML分为文档头和文档体两部分。文档头通过一对head标签定义，用于指定HTML文件的属性。文档体由一对body标签指定，用于指定文档要显示的内容，是文档的主体部分。 举例： !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd html head meta http-equiv=Content-Type content=text/html; charset=UTF-8 title第一个HTML文档/title /head body h2这是我的第一个HTML文档/h2 h3欢迎学习Web编程基础/h3 /body /html 使用IE浏览器打开此文件，显示结果如图所示。 2. HTML语法 HTML文档由HTML标签和用户定义的内容组成。 HTML标签是已定义好的标记，可用来控制页面显示的内容，例如文字、列表、段落、图像以及动画等。 标签可以看作是HTML的命令，通过指定标签可以定义网页的内容，通过指定标签的属性可以定义网页的内容的样式。 标签可以分为单标签和成对标签两种，单标签单独使用，成对标签成对使用。有的标签既可以单独使用，也可以成对使用。成对标签使用起始标签“标签名”和结束标签“/标签名”组成。成对标签的作用仅限于这对标签内部的内容。 标签内部可包括标签属性，用于指定标签内容的显示样式，例如font标签的color和size属性。属性可作为标签的一部分，一个标签可以包含多个标签属性，标签属性之间使用空格隔开。 例如，成对标签的属性语法格式如下： 标签名 属性1＝“属性1的值” 属性2＝“属性2的值” … 内容 /标签名 3. HTML常用标签 HTML的常用标签分为meta标签、文本标签、列表标签、分隔线标签、超级链接标签、图像标签等。 1) meta标签 meta标签是head标签的子标签，可以定义HTML文档的相关信息。 meta标签可以分成两大部分，HTTP标签信息（http-equiv）和页面描述信息（name）。 http-equiv属性指定协议头类型，content属性指定协议头类型的值。其中，常用的http-equiv类型有： content-type：用于定义用户的浏览器或相关设备以何种方式加载数据，或者以何种应用程序打开资源。 content-language：用于指定页面的编码方式。 refresh：指定页面的刷新或跳转的间隔时间和跳转的资源。 expires：用于指定网页缓存的过期时间。 页面描述信息由name属性和content属性指定。name属性指定要描述的页面信息的类型，content用来描述页面信息的值。常见的页面信息的类型有： keywords：为搜索引擎提供的关键字列表； description：为搜索引擎提供网页的主要内容的描述； author：标明网页的制作者； robots：用以提示搜索机器人哪些页面需要索引，哪些页面不需要索引； 2）文本标签 文本、图像、超级链接是网页的三类基本元素。其中，文本是网页发布信息的主要形式。通过设置文本的大小、颜色、字体以及段落和换行等，可以使文本看上去整齐美观，错落有致。 a. 字体标签 font标签用于控制网页上文本的显示外观，例如字体大小，字体类型以及颜色等。可以通过