设为首页 加入收藏

TOP

HTML与Javascript练习(一)
2019-09-17 15:39:37 】 浏览:34
Tags:HTML Javascript 练习

HTMLjava 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

首页 上一页 1 2 3 下一页 尾页 1/3/3
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇Doctype的作用?标准(严格)模式.. 下一篇angularjs select标签中参数的传递

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目