实验1 HTML基本标记练习.doc

实验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... well 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盘上建立以自己名字命名的文件夹，如已经存在不用再建立； ⑵ 启动记事本程序，输入下列内容： html head title白居易的诗/title /head body text=rgb(255,0,0) P align=center B钱塘湖春行 /B/PHr p align=center 孤山寺北贾亭西，水面初平云脚低。br 几处早莺争暖树，谁家新燕啄春泥。br 乱花渐欲迷人眼，浅草才能没马蹄。br 最爱西湖行不足，绿扬荫里白沙堤。/p P 【说明】此诗为作者任杭州刺史时作。写西湖的山光水色、花草亭树，加上早莺、新燕生机盎然，旖旎动人。是摹写西湖秋色名篇。/P /body /html ⑶ 将上述内容以“Poem.html”为文件名存储在自己的文件夹中； ⑷ 运行上述文件，观察文件执行的结果，体会各种文档标记及排版标记的使用方法； ⑸ 将标题“钱塘湖春行”修改为黑体字，标题1； ⑹ 将页面背景颜色修改为yellow。 3、练习hff使用文本格式标记及其常用属性 在上述实验的基础上，修改文档中文字的显示属性，即在适当的位置增加font/font、B/B、I/I、U/U、SUB/SUB、SUP/SUP等标记，使网页的输出效果如下图所示： 4、练习编写带有超链接的HTML文档 ⑴ 启动记事本程序，根据下列要求设计并输入HTML程序： 页面中包含带有文字的超级链接，如下图所示： 链接到网站或信箱 链接到网站或信箱 完成上述内容的同学上网查询资料，完成如下工作： 简述因特网、互联网、万维网之间的区别。 internet, internet work, interconnection network 互联网, 又名互连网。泛指由多个计算机网络相互连接而成的一个网络，它是在功能和逻辑上组成的一个大型网络。 Internet HYPERLINK /search?word=%E5%9B%A0%E7%89%B9%E7%BD%91fr=qb_search_expie=utf8 \t _blank 因特网, 国际互联网, 互联网, 全球互联网, 交互网, 国际电脑网络, 国际计算机互联