实验一Web应用开发技术.doc
文本预览下载声明
淮海工学院计算机工程学院
实验报告书
课程名:《 Web应用开发技术 》
题 目:实验一练习使用HTML标记
用HTML编辑文本与图像
班 级: G计算机111
学 号: 2011151109
姓 名: 钱敏亚
实验内容或题目
用HTML编辑文本与图像
2、实验目的与要求
⑴练习使用HTML文本标记语言,掌握HTML的基本元素与标签的结构属性。
⑵掌握文字标签,使用超链接在网页中插入多媒体信息的方法。
实验步骤与源程序
⑴ 实验步骤
使用简单的文字编辑器,在记事本中输入相应代码,另存为*.html
运行成功后能出现正确运行结果,把图截下,保存,则实验完成
最后完成实验报告
⑵ 编写源代码
(1)页面修饰标记应用案例.
html
head
title页面修饰标记应用/title
/head
body bgcolor=#33FFFF
h2 align=center显示3号标题字/h2
center
p
font color=red face=宋体 size=6显示宋体红色/font
bru显示下划线/u
address(不显示地址)/address
hr color=blue
突出粗体:b页面修饰/b
突出斜体:i页面修饰/i
/center
(2).图像标记案例
htmlhead
title图像标记的应用/title
/head
body
img src=可爱.gif
alt=《可爱》图,gif文件(70,411 字节) width=142 height=80 border=1 align=bottom
br
《可爱》图
/body/html
(3).简单的html案例
1)
html
head
title简单的html案例/title
/head
body
欢迎!
请单击a href=1.html学习 /a
/body
/html
2)
html
head
title学习/title
/head
body
br好好学习
br天天向上
br没有最好
br只有更好
/body
/html
(4).音乐文件案例
htmlhead
title自动播放音乐文件/title
/head
body
div align=center自动播放音乐文件
center
br
embed src=夏雪.mp3 width=300 height=200 autostart=true loop=true300 pluginspage=夏雪.mp3
/div
/body/html
测试数据与实验结果(可以抓图粘贴)
(1).
(2
(4).
结果分析与实验体会
这次实验是WEB的第一次实验,主要是练习了HTML的使用。也许正因为是第一次,所以觉得不是那么的困难,让我觉得以后的学习应该也不会太困难,不过也还是要不断努力,认真学习专业知识,做到更好。
《 Web应用开发技术 》实验报告 - 1 -
评语:
成绩: 指导教师:
批阅时间: 年 月 日
显示全部