实验一 网页Html语言的使用.docVIP

Web程序设计 实验报告 实验名称：实验二 HTML语言的使用 实验地点：11教407 专业班级：信息管理与信息系统102班 学生姓名：方庆德 学生学号：2010094058 指导教师：王铁 成　　绩： 2013年4月18日 一、实验目的 1、HTML各标记的使用方法 二、实验准备 1、Windows XP或更高版本操作系统 三、实验内容及步骤 注：本实验中的所有代码均可在VS.Net或者是DreamWeaver编辑器中进行编辑 1、了解HTML的语法结构： html.../html 告知文件的格式 head.../head 文件的整体信息title…/title 标题，在head中 body.../body 正文内容 主体结构： html headtitle……/title …… /head body 文件的主体内容写于此处 /body /html 在记事本中练习下面语法结构，观察在title标记和在body标记中输入的文字在浏览器中显示的位置与显示的方式。 2、bgsound 标记：bgsound src=“URL” loop=“playtimes” 在网页的head标记中加入下面的代码： bgsound src=”xx/yy.mp3” loop=-1 调试程序，说明Loop属性的作用，并调试哪些类型的声音文件可以在bgsound标记中使用。 Loop属性的作用是让音频无限循环，-1代表的是无限循环，能在bgsound标志中使用的音频类型有.aif(音频交换格式文件) .au(sun/next音频格式) .mid(MIDI顺序文件) .mp3（MP3格式声音文件） .snd（sun/next音频格式） .wav （Microsoft Windows Wave声音文件），主要有上面几种。 3、Body标记： 在源文件中输入下面的语句： body text=#ff00ff bgcolor=#fefefe欢迎您访问我的主页！/body 关于body标记中的其它属性（如背景图片、页面大小等）请结合课件内容自行练习。 4、pre、br、p、center等文字修饰标记 在body的标记范围内输入下面的源代码： pre 想念的小明： 祝你工作愉快！ 你的好朋友：小李 二○一三年四月十七日 /pre p align=center只要你努力学习，一定会成为网页设计的高手的brcenter祝你成功！/center 5、font、small、big、h1-h6、b、I、u等字体修饰标记 调试下面程序，观察其运行的效果 !--将此文件保存为abc.htm-- htmlheadtitle网页演示/title/head body 这是预设的字体br font size=”5” color=”green” face=”标楷体”绿色size=5的字体效果/fontbr font size=”7” color=”aqua” face=”宋体”水蓝色size=7的宋体效果/fontbr font size=”+1”比正常字体大一级/fontbr font size=”-1”比正常字体小一级/fontbr b粗体显示/bnbsp;I斜体显示/Inbsp;u下划线/u /body/html 适当更改标记的属性值，了解上述标记的使用方法和特点。 6、hr水平线标记：hr align=“value1” width=“value2” size=“value3” color=“value4” 在上述的文件中输入下面的语句： hr align=”center” width=”80%” size=”5” color=rgb(200,100,50) 7、marquee跑马灯标记 在abc.htm文件中输入下面的语句： marquee欢迎光临/marqueebr marquee bgcolor=”yellow”冰雪工作室/marqueebr marquee width=”400” height=”80” bgcolor=”blue”申请聊天/marqueebr marquee scrollamount=”70” scrolldelay=”8”下载文件访客计数器/marquee 修改scrollamount和scrolldelay的值，说明两种属性代表的含义。 8、图片标记img 假设在保存网页文件的目录中有一图片文件xx.gif，在网页的源文件中输入下面的代码（height和width的值可根据实际需要改变大小）： img src=”xx.gif” img src=”xx.gif” align=”center” img src=”