开始的这段很有用
<html>
<head><title>注册页面</title>
<script language="javascript" type="text/javascript">
function showExtends(){
var table = document.getElementById("extends");
var display = table.style.display;
if( display == 'none') {
table.style.display = 'block';
}else if( display == 'block') {
table.style.display = 'none';
}
}
function init() {
var user = document.getElementById("username");
user.focus();
}
</script>
</head>
<body onload="init()">
<h1 align="center">注册页面</h1>
<hr>
<form action="">
<table align="center" border="1" width="700" height="160">
<tr>
<td colspan="2" align="center"><i><b>注册信息</b></i></td></tr>
<tr>
<td width="250">用户名:</td>
<td><input id="username" type="text" name="username"/></td>
</tr>
<tr>
<td >密码:</td>
<td><input type="password" name="pwd"/></td>
</tr>
<tr>
<td >确认密码:</td>
<td><input type="passeord" name="surepwd"/></td>
</tr>
<tr>
<td >高级选项:</td>
<td><input type="checkbox" name="gaoji" value="xuanxiang" onclick="showExtends()"/>显示用户扩展信息设置选项</td>
</tr>
</form>
</table>
<hr>
<form action="">
<table id="extends" align="center" border="1" width="700" height="300" style="display:none">
<tr>
<td colspan="2" align="center"><i><b>扩展信息</b></i></td></tr>
<tr>
<td width="250">安全问题:</td>
<td><select name="anquan">
<option value="wu">无安全问题
<option value="anquan1">你的名字
<option value="anquan2">你的年龄
</select>
</td>
</tr>
<tr>
<td >回答:</td>
<td><input type="text" name="answer"/></td>
</tr>
<tr>
<td >性别:</td>
<td>男<input type="radio" name="gender" value="male" checked/>
女<input type="radio" name="gender" value="female" /></td>
</tr>
<tr>
<td >生日:</td>
<td><input type="text" name="answer" value="YYYY-MM-DD" onfocus="this.value=''"/></td>
</tr>
<tr>
<td >爱好:</td>
<td>
<input type="checkbox" name="hubby" value="shangwang"/>上网
<input type="checkbox" name="hubby" value="liaotian"/>聊天
<input type="checkbox" name="hubby" value="xuexi"/>学习<br>
<input type="checkbox" name="hubby" value="youxi"/>游戏
<input type="checkbox" name="hubby" value="lanqiu"/>篮球
<input type="checkbox" name="hubby" value="football"/>足球
</td>
</tr>
<tr>
<td >个人介绍:</td>
<td>
<textarea name="resume" cols="40" rows="3"></textarea>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" name="submit1" value="提交"/>
<input type="submit" name="reset1" value="重置"/></td>
</tr>
</form>
</body>
</html>
*************************************************************************
<html>
<head>
<title>网页1</title>
</head>
<body bgcolor="pink">
<h1 align="center">biaoti</h1>
<h3>biaoti</h3>
<h6>biaoti</h6>
<hr>
<p>fadfad<br>fsafsa</p>
<i>任松鑫</i><br>
<big>任松鑫</big><br>
<small>任松鑫</small><br>
<em>任松鑫</em><br>
X<sup>n</sup><br>
X<sub>n</sub><br>
<del>删除文字</del><br>
<strike>删除文字</strike><br>
<ins>插入文字</ins><br>
<blink>闪动文字</blink><br>
<tt>打印机文字</tt><br>
<pre>
123
123
123
123
</pre>
<ul type="disc">
<li><blink>牛奶</blink></li>
<ul type="square">
<li>牛奶1</li>
<li>牛奶2</li>
<li>牛奶3</li>
</ul>
<li>咖啡</li>
<li>茶</li>
</ul>
<ol type="A">
<li>星期一</li>
<ol type="a">
<li>上午</li>
<li>中午</li>
<li>下午</li>
</ol>
<li> 星期二</li>
<li>星期三</li>
<li>星期四</li>
<li>星期五</li>
</ol>
<p>& ® ©¥</p>
<!--
HTML特殊字符显示HTML字符实体(Character Entities)
< 小于 < <
> 大于 > >
& &符号 & &
" 双引号 " "
其他常用的字符实体(Character Entities)
显示结果 说明 Entity Name Entity Number
版权 © ©
注册商标 ® ®
× 乘号 × ×
÷ 除号 ÷ ÷
-->
任松鑫<p>任松鑫</p>任松鑫<br>
任松鑫1<div>任松鑫1</div>任松鑫1<br>
任松鑫2<span>任松鑫2</span>任松鑫2
<br>
<a href="http://www.sina.com.cn">新浪</a><br>
<a href="1.html">1html</a>
<h2 align="center"><a name="top">目录</h2>
<h3 align="center"><a href="#c1">第一章</a></h3>
<h3 align="center"><a href="#c2">第二章</a></h3>
<h3 align="center"><a href="#c3">第三章</a></h3>
<pre>
</pre>
<h3 align="center"><a name="c1">第一章</a></h3>
<pre>
第一章
第一章
第一章
第一章
第一章
第一章
第一章
第一章
第一章
第一章
第一章
第一章
</pre>
<center><a href="#top">返回目录</a></center>
<h3 align="center"><a name="c2">第2章</a></h3>
<pre>
第一章
第一章
第一章
第一章
第一章
第一章
第一章
第一章
第一章
</pre>
<a href="#top">返回目录</a>
<h3 align="center"><a name="c3">第3章</a></h3>
<pre>
第一章
第一章
第一章
第一章
第一章
第一章
第一章
第一章
第一章
</pre>
<a href="#top">返回目录</a>
<table border="1" width="300" height="200" bgcolor="green" cellspacing="30" cellpadding="10">
<caption>表格</caption>
<tr><td>100</td><td>200</td><td>300</td></tr>
<tr><td>400</td><td>500</td><td>600</td></tr>
</table>
<table align="center" width="60%" height="40%" bgcolor="black" cellspacing="2">
<caption>中式表格</caption>
<tr bgcolor="white" align="center"><td>100</td><td>200</td><td>300</td></tr>
<tr bgcolor="white" align="center"><td>400</td><td>500</td><td>600</td></tr>
</table>
<table align="center" width="60%" height="40%" bgcolor="red" cellspacing="2">
<caption>合并表格</caption>
<tr bgcolor="white" align="center"><td colspan="2">100</td><td rowspan="2">300</td></tr>
<tr bgcolor="white" align="center"><td>400</td><td>500</td></tr>
</table>
<table height="8%"><tr></tr></table>
<table align="center" width="70%" height="50" bgcolor="black" cellspacing="0">
<tr bgcolor="white" align="center">
<td rowspan="2"><font color="pink">E-mart</font></td>
<td><a href="">书籍</a></td>
<td><a href="">DVD</a></td>
<td><a href="">服装</a></td>
<td><a href="">户外</a></td>
<td><a href="">装饰</a></td>
</tr>
<tr bgcolor="white" align="center">
<td><a href="">体育</a></td>
<td><a href="">女生</a></td>
<td><a href="">男生</a></td>
<td><a href="">知识</a></td>
<td><a href="">旅游</a></td>
</tr>
</table>
<form action="http://www.sina.com.cn">
姓名:<input type="text" name="username"/>
<br>
<input type="submit"/>
</form>
<table align="center" bgcolor="yellow">
<form action="">
<tr >
<td colspan="2" align="center">注册信息</td>
</tr>
<tr>
<td >姓名:</td>
<td><input type="text" name="username"/></td>
</tr>
<tr>
<td >密码:</td>
<td><input type="password" name="pwd"/></td>
</tr>
<tr>
<td >性别:</td>
<td>男<input type="radio" name="gender" value="male" checked/>
女<input type="radio" name="gender" value="female" /></td>
</tr>
<tr>
<td>学历</td>
<td><select name="xueli">
<option value="gaozhong">高中
<option value="dazhuan">大专
<option value="benke">本科
</select>
</td>
</tr>
<tr>
<td>爱好</td>
<td>
游泳<input type="checkbox" name="hubby" value="swimming"/>
旅游<input type="checkbox" name="hubby" value="travel"/>
足球<input type="checkbox" name="hubby" value="football"/>
</td>
</tr>
<tr>
<td>简历:</td>
<td>
<textarea name="resume" cols="10" rows="3"></textarea>
</td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit"/></td>
</tr>
</form>
</table>
</body>
</html>
******************************************************************
<html>
<head>
<link rel="stylesheet" type="text/css" href="css2.css"></link>
<title>css</title>
<style>
h1{color:red}
h2,h4{color:green}
h3{color:pink}
p.class1{color:blue}
p.class2{color:yellow}
.class3{color:#9900FF;font-size:30;background-color:yellow}
</style>
</head>
<body>
<h1>h1</h1>
<h2>h2</h2>
<!--style 影响范围最小 优先级最高 -->
<h2 style="color:red">h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h4 class="class3">h4</h4>
<p class="class4">123456789</p>
<p class="class1">123456789</p>
<p class="class2">123456789</p>
</body>
</html>
<!--
css2.css文件 影响范围最大 优先级最低
.class3{color:red;font-size:20}
.class4{color:blue;font-size:50}
-->
分享到:
相关推荐
教授上课的首选时间。 教授首选的课堂。 学生团体或教授的课程分布(时间或空间)。 当然,硬要求和软要求取决于具体情况。 算法 遗传算法相当简单。对于每一代,它执行两个基本操作: 更多详情,请下载后阅读...
这是我自己打的代码,完全跟着视频的,不管是代码,还是上课的doc文档都是有的 文件夹的目录 第02章HTML html_show01.html html_show02.html html_form.html 第02章.docx 第02章-javascript简介 javascript.html...
上课时做的一个小项目,当当网的实现,挺好玩的,希望大家把它完善一下
达内笔记 内有java ajax jsp hibernate struts servlet html jdbc oracle xml Javascript 等上课的笔记 感想,上课小结截图 以及上课的代码。
老师上课给的,adobe dreamweaver的源代码,简单易懂,希望有用
北大青鸟ACCP8.0使用jQuery快速高效的制作网页交互特效 第六章 上机+课后+上课实例代码
北京师范大学的网址是http://www.bnu.edu.cn, 对文字“北师大”建立到北京师范大学主页的超链接,对应的html代码是⑶___________________________ __________________________________________ 。 2、ASP的全称是...
北京师范大学的网址是http://www.bnu.edu.cn, 对文字“北师大”建立到北京师范大学主页的超链接,对应的html代码是⑶___________________________ __________________________________________ 。 2、ASP的全称是...
上课时间 数学 <td>9:00-10:00 ``` 页 4:登录表单设计 在本页中,我们将学习如何设计一个简单的登录表单。我们可以使用 form 元素,input 元素和 button 元素来创建表单。 HTML 代码示例: ```html ...
从北大青鸟上课获得的,里面包括一些工作常用的代码与解释
学生上课实践项目,代码有注释且简单易懂!
前台技术框架: Bootstrap(一个HTML5响应式框架) 程序开发环境:myEclipse/Eclipse/Idea都可以 + mysql数据库 后台架构框架: SSM(SpringMVC + Spring + Mybatis) 实验室设备管理系统 从三个种用户角度进行功能划分...
这是上课老师布置的作业和我的代码,课程《Web开发技术实用教程》,内容是一些简单的.html .css .jsp 页面,适宜初学者。 PS我是南昌航空大学软件学院的,你懂得
课程代码 在类中开发的代码。 每个班级一个文件夹。 需要其他配置的项目都有自己的自述文件。 小心 包含package.json文件的文件夹是NodeJS项目。 要执行它们,必须首先通过以下命令之一安装依赖项,这些命令必须在...
index.html是CClock的默认页面。 外貌 样式位于style.css文件中。 字型 font-family: 'Open Sans', sans-serif; 当前的字体家族是Google的Open Sans。 更改字体时,请记住更改主体中定义的字体,并将适当的字体...
前台框架: Bootstrap(一个HTML5响应式框架) 后台框架: SSM(SpringMVC + Spring + Mybatis) 开发环境:myEclipse/Eclipse/Idea + mysql数据库 1.通用功能模块实现 (1)系统管理,包括角色管理、用户管理、权限管理等...
涉及Dreamweaver实现网站布局、简单站点开发、区域跳转、注册登录界面、图片查看器等内容,课程前期已经详细讲解了TXT撰写HTML基础代码,后期准备结合软件加深下。非常基础的文章,希望对初学者有所帮助。 内容包括...
Android 毕业设计,SpringBoot 毕业设计 基于 SpringBoot 和 Android 开发的,前后端分离,含有代码注释,新手也可看懂。毕业设计、期末大作业、课程设计、高分必看,已获高分通过项目。 包含:项目源码、数据库...
Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ,...jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。
我是开发人员世界的初学者,我于 2021 年 6 月开始上课。 在这个存储库中,我将按升序排列一些练习来记录我的演变。欢迎来到我的 CSS 和 HTML 学习时间表! 嗨,我是编程领域的初学者,我于 2021 年 6 月从头开始...