html实验一钱塘湖春行,实验1 html基本标记练习实验1 html基本标记的练习实验1 html基本标记的练习实验1 html基本标记的练习.doc...

实验1 html基本标记练习实验1 html基本标记的练习实验1 html基本标记的练习实验1 html基本标记的练习

实验1、HTML基本标记的练习

课程

名称Web系统设计成绩系部信息工程系班级姓名学号实验

时间 2013年 月 日 时 分～ 时 分地点机位实验完成后务必将此实验报告连同源代码打包后提交到dcsujnhomework@126.com上

说明：

将以上源代码文件夹(命名为：XXX实验1源程序)和本实验报告(命名为：XXX实验1实验报告.doc)用WinRar进行压缩，压缩文件命名为：班级学号姓名实验1.rar)。如下图所示：

【实验目的】

熟练掌握HTML语言中各种基本标记的使用方法。

了解Web程序设计常用工具和软件。

【实验要求】

⑴ 利用记事本编写简单的html程序；

⑵ 练习使用各种文档标记及其常用属性；

⑶ 练习使用各种排版标记、文本格式标记及其常用属性。

⑷ 练习使用超链接标记及其常用属性；

【实验步骤】

1．编写简单的HTML文档

⑴ 在D盘或E盘上建立以自己名字命名的文件夹；

⑵ 启动记事本程序，输入下列内容(可复制粘贴以下内容)，格式尽量保持如下形式不变：

Black Goose Bistro

The Restaurant

The Black Goose Bistro offers casual lunch and dinner fare

in a hip atmosphere. The menu changes regularly to highlight

the freshest ingredients.

Catering

You have fun... we'll do the cooking. Black Goose Catering

can handle events from snacks for bridge club to elegant

corporate fundraisers.

Location and Hours

Bakers Corner in Seekonk, Massachusetts;

Monday through Thursday 11am to 9pm, Friday and Saturday,

11am to midnight

⑶ 保存文件，将其文件名命名为index.html，并在浏览器中浏览其显示结果。

⑷ 为上面文本内容添加正确的文档结构标记，并添加网页标题”Black Goose Bistro”。

⑸ 在浏览器中浏览显示结果，观察其变化。

2．编写带有简单样式的HTML文档

⑴ 在D盘或E盘上建立以自己名字命名的文件夹，如已经存在不用再建立；

⑵ 启动记事本程序，输入下列内容：

白居易的诗

钱塘湖春行

---

孤山寺北贾亭西，水面初平云脚低。

几处早莺争暖树，谁家新燕啄春泥。

乱花渐欲迷人眼，浅草才能没马蹄。

最爱西湖行不足，绿扬荫里白沙堤

⑶ 将上述内容以“Poem.html”为文件名存储在自己的文件夹中；

⑷ 运行上述文件，观察文件执行的结果，体会各种文档标记及排版标记的使用方法；

⑸ 将标题“钱塘湖春行”修改为黑体字，标题1；

⑹ 将页面背景颜色修改为yellow。

3、练习hff使用文本格式标记及其常用属性

在上述实验的基础上，修改文档中文字的显示属性，即在适当的位置增加、、、、、等标记，使网页的输出效果如下图所示：

4、练习编写带有超链接的HTML文档

⑴ 启动记事本程序，根据下列要求设计并输入HTML程序：

页面中包含带有文字的超级链接，如下图所示：

完成上述内容的同学上网查询资料，完成如下工作：

简述因特网、互联网、万维网之间的区别。

internet, internet work, interconnection network 互联网, 又名互连网。泛指由多个计算机网络相互连接而成的一个网络，它是在功能和逻辑上组成的一个大型网络。 Internet 因特网, 国际互联网, 互联网, 全球互联网, 交互网, 国际电脑网络, 国际计算机互联网, 专指全球最大的、开放的、由众多网络相互连接而成的计算机网络。它由美国阿帕网(ARPAnet)发展而成。主要采用TCP/IP协议。 www