实验一 HTML标记语言.docx

实验一 HTML标记语言

一．实验目的：

掌握HTML标记语言的书写格式；

掌握网页的基本框架；

掌握HTML标记语言的几个常用标记；

掌握如何在记事本中保存网页，以及网页的预览和修改方法；

培养学生阅读HTML代码的能力。

二．预备知识

标记符

标记符又称标签，HTML是影响网页内容显示格式的标记符集合，浏览器根据标记符决定网页的实际显示效果。

在HTML中，所有的标记符都用尖括号括起来。例如，HTML表示HTML标记符。绝大多数标记符都是成对出现的，包括开始标记符和结束标记符。如：HTML…／HTML

HTML标记符是不区分大小写的，但通常约定标记符使用大写字母，这有利于HTML文档的维护。

属性是用来描述对象特征的特性。在HTML中，所有的属性都放置在开始标记符的尖括号里，属性与标记符之间用空格分隔，属性的值放在相应属性之后，用等号分隔，而不同的属性之间用空格分隔。格式为：

标记符属性1=属性值1属性2=属性值2…受影响的内容／标记

符

HTML属性通常也不区分大小写。

HTML网页框架

HTML

HEAD

TITLE网页浏览器标题栏上的信息/TITLE

/HEAD

BODY

/BODY

/HTML

这是一段最基本的HTML标识，任何HTML文档都是由一个HTML和/HTML标记包含的，然后分为HEAD和BODY两大部分，页面的标识一般都是在BODY标识中定义的。

三．实验内容及要求

图1.1

用记事本编写一网页，要求文件名为index.htm，网页如样图1.1：

插入一表格，表格中含有如下信息：班级、姓名、学号、性别、以前是否学习过网页制作、是否对本课程感兴趣、希望以后往哪个方向发展

（排版制作、美工设计、编程）；

以上两个网页要求颜色搭配协调（练习用CSS样式）、内容清晰；

习使用其它标识：字体标识font；超级链接标识a；CSS样式的

－I－

定义与应用标识style,class；列表标识：有序ol,无序ul。

四．实验步骤：

设计网页以及网页中的表格；

打开记事本，根据以上设计好的网页录入HTML代码和CSS样式的代码；

将文件按要求保存（注意保存位置以及网页文件名）；

打开“资源管理器”或”我的电脑”，打开以上所建的网页文件的文件夹，双击网页文件，用IE浏览器浏览；

若有问题，在记事本中修改代码，保存，在IE浏览器中刷新网页；

五.常见问题：

1．新建的网页不能用IE浏览器浏览：保存格式不正确(扩展名不正确)。在记事本编辑网页保存时扩展名一定要是.htm或.html；修改方法：关闭记事本和IE浏览器后在资源管理器中将文件扩展名改为.htm或.html；

页中显示HTML代码：标记缺“”或“”是全角