HTML与java script练习
一. 实验目的
掌握HTML的编写格式与方法。掌握在HTML文件中编写java script的基本操作,及在Microsoft Internet Explorer浏览器和其他浏览器中调试java script的基本操作。并自己写出自己的主页。
二. 实验原理
HTML:超文本标记语言,标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。不仅仅只是文字。
超文本标记语言的结构包括“头”部分、和“主体”部分,其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。
头部;<head></head>;主体:<body></body>;有多种元素和标签。
java script:是一种脚本语言,是一种动态类型、弱类型、基于原型的语言。广泛用于客户端,可以给HTML网页增加动态的功能。
java script是一门属于网络的脚本语言,也是一门解释性脚本语言。
有以下特点:脚本语言,基于对象,简单,动态性,跨平台性。
三. 实验内容与过程(须附页面截图及代码)
1、主页整体
2、锚点
<font>锚点:</font>
<a href="#001">学习</a>
<a href="#002">日常</a>
<a href="#003">技能</a>
2、背景图片
<body background="image/bei.jpg" bgcolor="#00FFFF" >
3、背景音乐
<p align="right"><audio controls="controls" autoplay="autoplay" loop="-1">
<source src="001.mp3" type="audio/mpeg" /></audio></p>
4、超链接和头像图片
<p align="center"><img src="image/1.jpg" width="8%" height="8%"></p>
<p align="center"><a href="http://user.qzone.qq.com/861953190?ptlang=2052"><font size=6 face=楷体 color=red>我叫吴小兵,这是我的个人主页</font></a></p>
5、以图片为元素的表格
<table>
<tr>
<td><img src="image/pic (1).jpg" width="100%" border="0"></td>
<td><img src="image/pic (2).jpg" width="100%" border="0"></td>
<td><img src="image/pic (3).jpg" width="100%" border="0"></td>
</tr>
<tr>
<td><img src="image/pic (4).jpg" width="100%" border="0"></td>
<td><img src="image/pic (5).jpg" width="100%" border="0"></td>
<td><img src="image/pic (6).jpg" width="100%" border="0"></td>
</tr>
<tr>
<td><img src="image/pic (7).jpg" width="100%" border="0"></td>
<td><img src="image/pic (8).jpg" width="100%" border="0"></td>
<td><img src="image/pic (9).jpg" width="100%" border="0"></td>
</tr>
</table>
6、以文字为表格元素的课程表
<a name="001"><font size="5">学习</font></a>
<table border="1px" bordercolor=black width="400" align="center">
<caption valign=top>大学课程表格</caption>
<tr><td></td><th>星期一</th><th>星期二</th><th>星期三</th><th>星期四</th><th>星期五</th></tr>
<tr><td rowspan=2>上午</td><td></td><td>信号与系统</t