实验一 HTML基本标签及文本处理

实验一　HTML基本标签及文本处理

【实验目的】

1．掌握利用因特网进行信息游览、搜索，下载网页、图片、文字和文件；

2．对给定的网站，能指出网站的链接结构、目录结构、页面布局方式；

3．掌握HTML的基本标签

标记；

4．掌握使用

标记设置网页背景颜色和文本颜色。学习使用分段标记；

5．掌握使用标记设置文字的属性；

【实验环境】

连接互联网的PC ，Win7操作系统。

【实验重点及难点】

熟练使用浏览器进行浏览、搜索、下载。掌握字体、水平线等常用标记。

【实验内容】

第一部分 认识网页

1、根据网站制作的需要，从网上下载网页制作时需要的文字、小图片、动画及flash。

2、上网访问实际若干网站，了解各网站的风格（主题图形形象、导航是否清晰，整体色调的搭配是否协调，主题是否突出等）、页面布局方式；在网上找出下列版面布局的结构形式：

（1）“T”结构布局

（2）“口”型（“国”字型）布局

（3） 对称对比布局

（4） 海报型布局

3、利用搜索引擎，浏览因特网上较为著名的5个网站，记录这些网站的名称、网站地址和以及相应的网页文件格式（扩展名）；

4、查看我院WWW网站主页的源代码，收藏到收藏夹中，将其设为主页，并指出该网站的链接结构、目录结构和页面布局方式。

5、构建最简合法的HTML文档“我的第一个网页”：

（1）从开始菜单启动记事本；

（2）在记事本中，录入一个最简合法HTML文档；

（3）设置该文档在最终在浏览器中显示的标题为“我的第一个网页”；

（4）在页面添加可见的文本“我的第一个网页”；

（5）使用记事本的菜单“文件”→“保存”，在“另存为”对话框中，在“保存类型”下拉列表中选择“所有文件”，录入“文件名”myfirstpage.html，单击“保存”按钮将该页面保存到实验文件夹。

提示：最简合法HTML文档必须包含的元素有

第二部分 HTML中文本的处理

1、使用简单内联元素进行文字处理：

（1）从开始菜单启动记事本；

（2）在记事本中，录入一个最简洁合法HTML文档；

（3）设置该文档最终显示标题为“简单文字处理”；

（4）在文档的

和之间，插入适当元素使最终网页中显示以下内容：

这是一段文本

这是一段文本（i）

Microsoft Windows 2007 (
"版权   ""注册商标)（sup）

A = a1 + a2 + a3   （sub）

这是一段文本 (u)

这是一段文本 (s)

注：以上文字不涉及到文字字体、大小、颜色的设置，且并不居中显示。

提示：对于特殊字符，要使用字符实体。

（5）紧接着步骤（4）插入的元素插入适当元素，使得最终网页上可以显示字号为5、颜色为红色、字体为“华文彩云”的下列样式文字：

这是一段文本

" color=red>dsafds

（6）紧接着步骤（5）插入的元素插入适当元素，使得最终网页上显示下列样式的文字（隶书、4号、绿色）：

" color=green>d_saf^ds

（7）如果以上的每条文本之间没有换行，则在它们之间分别插入一个换行；

（8）使用步骤1-（5）中的方法保存当前HTML文档为simpleinline.html。

2、制作一个简单的网页sy1-1.html，用记事本编辑，内容为个人简介信息。

要求：

l 搜索关键字为“个人”“主页”“简介”，标题为我的个人简介。    Title

l 背景为#33ccff,文本颜色为黑色，文本需分段表示。 < Body text=black bgcolor=”#33ccff”>

2、过记事本编辑网页sy1-2.html，内容为李白的诗“静夜思”。

要求：每行诗为一个段落，四行文字颜色不同，字体不同。   Font  br

3、通过记事本编辑网页sy1-3.html，实现如图页面。 (r 155 ;g 102; b 255)  (9b66ff)  hr

4、通过记事本编辑网页sy1-4.html，实现如下页面。图片自选，插入背景音乐“浮云.mp3”。 img src  通过

或

实现居中  bgsound

5、通过记事本编辑网页sy1-5.html，实现如下页面。

Hr align size width color noshade>