网页制作与网站设计实验报告.docVIP

PAGE PAGE 1 实验报告 实验项目：基本HTML命令 实验学时： 2 实验日期：2012年3月1日 实验要求： 1、掌握常用的HTML语言标记。 2、利用文本编辑器建立HTML文档，制作简单网页。 3、学习将其它格式的文档转换成HTML格式的文档。 实验内容： 答：1．打开文本编辑器“记事本”中输入如下的HTML代码程序,建立一个具有基本结构标记的HTML文件，然后另存为.htm文件，并在浏览器中运行。 HTML代码如下： html head title自由练习/title /head body h1 align=center十万个为什么/h1 h2 align=center科普小知识/h2 hr align=center size=3 width=30 color=00ff00/hr ih3 align=center face= size=5 color=ff0000傲游梦想之城/h3/i font face= size=10 color=0000ff一去二三里，烟村四五家；亭台六七座，八九十之花。/font /body /html 网页效果如下： 2、增加移动字幕和插入图片。 HTML代码如下： html head title网页图像的插入和超链接的运用/title /head body marquee behavier=scroll scrollamount=10 align=center swidth=200 height=100 bgcolor=#00ff00戚薇图像展/marquee p align=center img src=F:\图\新建文件夹\戚.jpg/img /p /body /html 网页效果如下： 实验项目：超链接的创建 实验学时： 2 实验日期：2012年3月8日 实验要求： 1、掌握HTML中超链接的原理和应用方法，对同一个网页内部的链接、不同网页之间的链接、文字链接、图像链接的用法进行验证。 2、主控网页，通过超链接可以进入其它网页；不同网页之间可以通过文字或图片链接相互跳转。 实验内容： 答：1、超链接的概念及类型。 超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。超链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。 2、超链接的创建。 HTML代码如下： html head title超链接的运用/title /head body h3 align=center戚薇相关资料/h3 p align=center bra href=/百度图片/abr/ bra href=/view/433536.htm戚薇个人资料/abr/ img src=F:\图\新建文件夹\戚4.jpg/img /p /body /html 网页效果如下： 实验项目：表格的制作 实验学时： 2 实验日期：2012年3月15日 实验要求： 掌握HTML与表格样式相关的功能设置：表格单元格背景颜色背景图像设置、跨行跨列合并等设置。 实验内容： 答：HTML代码如下： html head title表格的使用/title /head body table border=1 caption align=centerb第二次作业/b/caption tr align=center bgcolor=#ff0000 th /th th数学/th th英语/th th管理/th th运筹学/th th政治/th /tr tr align=center th rowspan=2上学期/th td90/td td90/td td90/td td90/td td90/td /tr tr align=left td90/td td90/td td90/td td90/td td90/td /tr tr align=left th90/th td90