一、实验目的
1、体会HTML编程；
　　2、掌握HTML基本元素
3、掌握Javascript函数的定义和使用方法
二、实验内容
1) 做一个表格，3行，4列，内容不限，表格格式要求
•网页标题栏有显示
•网页内容有标题
•表格居中
•表格有表头
•表格显示内容有属性差异：
•表格间距
•表格背景色
•文字的位置、大小

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>copy</title>
</head>
<body><h1 align="center">学生信息表</h1><table align="center" border="1px" width="60%" height = 100px><tr><th>姓名</th><th>性别</th><th>年龄</th><th>作业</th></tr><tr bgcolor="aqua" align="center"><td>小旋风</td><td>女</td><td>19</td><td>计算机</td></tr><tr align="center"><td>张继科</td><td>男</td><td>21</td><td>计算机</td></tr></table>
</body>
</html>

创建一个表单，行按照20%和80%划分frameset
(a)20%frame部分显示多个链接
(b)点击任一个超链接，在80%frame部分显示对应的页面
©登录页面login.html
(d)注册页面register.html，表单实现注册用户相关信息录入，包含提交和重置按钮。
(e)基本信息包括：姓名，年龄，生日，所在城市，爱好，联系电话等

`HTML:

copy copy

<style type="text/css">#a1{color: blue;font-size: xx-large;}#a2{color: red;font-size: xx-large;}
</style>

登陆注册
友情链接: 张继科吧

张继科百度百科

copy

欢迎登录

用户名:
密码:
copy

欢迎成为张继科的粉丝

姓名: 年龄:
生日:
爱好: 旅游看书
联系电话:
所在城市:

`![在这里插入图片描述](https://img-blog.csdnimg.cn/20201013174653254.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0Rlc3RpbnlfMTU5,size_16,color_FFFFFF,t_70#pic_center)

3)制作电子时钟，可用数字或图片表示，时钟的启动和停止

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>copy</title>
</head>
<body style="background-repeat: no-repeat;margin-left: 180px;">
<!--1.显示当前时间2.启动秒表3.停止时钟
-->
<h1>动态时钟</h1>
<p>当前时间：<span id="clock" style="color: #FF0000;"/> </span>
</p>
<p><input type="button" value="start" onclick="start()" style="color: #FF0000;"/><input type="button" value="stop" onclick="stop()" style="color: #FF0000;"/>
</p>
</body>
<script type="text/javascript">var timer;function start(){//设置定时器（方法的实现，毫秒数）timer=setInterval(function(){var now=new Date();var time=now.toLocaleTimeString();var c=document.getElementById("clock");c.innerHTML=time;},1000);}function stop(){//暂停  清楚定时器clearInterval(timer);}
</script>
</html>

实验一 HTML编程基础和Javascript编程基础相关推荐

JavaScript零基础入门 13：DOM规范中的MutationObserver接口
目录一.MutationObserver接口二.MutationObserver基本用法 1.observe()方法 2.回调与MutationRecord 3.disconnect()方法 4. ...
计算机基础和综合实验,计算机基础与综合编程实验报告.doc
计算机基础与综合编程实验报告学号 <计算机基础与综合编程实验>报告学院计算机科学与技术学院专业计算机类班级姓名指导教师日期 1 实验目的通过迭代式开发,深入掌握C语言的文件 ...
JavaScript编程基础（一）
JavaScript 编程基础 JavaScript 是Web上的一种功能强大的编程语言,用于开发交互式的Web页面.它不需要编译,而是直接嵌入在HTML页面中,把静态页面转变成支持用户交互并响应事件 ...
p3.第一章 Python基础入门 -- Python编程基本概念 (三)
1.2.2 Python语言 1.2.2.1 Python发展 1989年圣诞节期间,为了打发无聊的时间,荷兰人Guido van Rossum(吉多·范罗苏姆)(数学.计算机双硕士,2005年加入G ...
JavaScript 编程精解中文第三版二十、Node.js
二十.Node.js 原文:Node.js 译者:飞龙协议:CC BY-NC-SA 4.0 自豪地采用谷歌翻译部分参考了<JavaScript 编程精解(第 2 版)> A stude ...
如何零基础开始学编程
前言如今编程成为了一个越来越重要的「技能」:作为设计师,懂一些编程可能会帮你更好地理解自己的工作内容:作为创业者,技术创始人的身份则会让你的很多工作显得更容易.而作为刚想入门的新手,面对眼前海量的信 ...
《JavaScript编程实战》
<JavaScript编程实战> 基本信息原书名:JavaScript programming: pushing the limits 作者: (美)Jon Raasch 译者: 吴海星 ...
JavaScript 编程精解中文第三版零、前言
零.前言原文:Introduction 译者:飞龙协议:CC BY-NC-SA 4.0 自豪地采用谷歌翻译部分参考了<JavaScript 编程精解(第 2 版)> We think ...
python 计算机程序设计基础-零基础，没有编程和计算机基础，究竟该怎么自学python？...
推荐两本适合小白的python书籍,希望能对你有所帮助. <python编程从入门到实践> /> 本书是一本针对所有层次的Python 读者而作的Python 入门书.全书分两部分: ...

实验一 HTML编程基础和Javascript编程基础

欢迎登录

欢迎成为张继科的粉丝

实验一 HTML编程基础和Javascript编程基础相关推荐

最新文章

热门文章