html免费模板源代码（五子棋源代码html）

本文目录

• 五子棋源代码html
• 求一个简单的个人网页HTML源代码
• 有什么好的HTML免费模板网站推荐
• 空白网页的HTML源代码，怎么写
• html网页源代码是什么 如何查看网页源代码经验篇
• 求html静态网页源码
• 跑马灯HTML源代码
• Python大神教你300行代码搞定HTML模板渲染「附源码」
• 谁给个用HTML编写的简历的源码！！！
• html 使用表格和表单创建如下图所示的表单页面求源代码

五子棋源代码html

js代码：
定义canvas及黑白棋变量
《font color="#2f4f4f" face="微软雅黑" size="3"》var canvas;
var context;
var isWhite = true;//设置是否该轮到白棋
var isWell = false;//设置该局棋盘是否赢了，如果赢了就不能再走了
var img_b = new Image();
img_b.src = "images/b.png";//白棋图片
var img_w = new Image();
img_w.src = "images/c.png";//黑棋图片《/font》
为棋盘的二维数组用来保存棋盘信息
《font color="#2f4f4f" face="微软雅黑" size="3"》 var chessData = new Array(15);//初始化0为没有走过的，1为白棋走的，2为黑棋走的
for (var x = 0; x 《 15; x++) {
chessData = new Array(15);
for (var y = 0; y 《 15; y++) {
chessData = 0;
}
}《/font》
绘制棋盘的线
《font color="#2f4f4f" face="微软雅黑" size="3"》 for (var i = 0; i 《= 640; i += 40) {
context.beginPath();
context.moveTo(0, i);
context.lineTo(640, i);
context.closePath();
context.stroke();
context.beginPath();
context.moveTo(i, 0);
context.lineTo(i, 640);
context.closePath();
context.stroke();
}
}《/font》
判断该棋局的输赢
《font color="#2f4f4f" face="微软雅黑" size="3"》 if (count1 》= 5 || count2 》= 5 || count3 》= 5 || count4 》= 5) {
if (chess == 1) {
alert("白棋赢了");
}
else {
alert("黑棋赢了");
}
isWell = true;//设置该局棋盘已经赢了，不可以再走了
}《/font》
html代码：
《font color="#2f4f4f" face="微软雅黑" size="3"》《body onload="drawRect()"》
《div》
《canvas width="640" id="canvas" onmousedown="play(event)" height="640"》你的浏览器不支持HTML5 canvas ，请使用 google chrome 浏览器 打开.
《/canvas》
《/div》
《/body》《/font》

求一个简单的个人网页HTML源代码

完整的代码如下：
《html》
《head》
《title》简单网页制作练习《/title》
《/head》
《body》
《p》1.文字内容，直接输入文字即可。。。。。如果想设置其相关属性可以使用font标签
《font size="18" color="red" 》红色18号文字《/font》 《/p》
《p》 2.添加图片 《img src="图片名称.属性" id=“图片简介”》
《img src="1.jpg" id=" 加入图片练习"》 《/p》
《/body》
《/html》

有什么好的HTML免费模板网站推荐

metinfo.cn/product/ 响应式网站模板，不妨到这一看。我喜欢用这个网站的原因是他的很多模板都是免费的，最主要的一点是，这个网站的页面非常的好看，对于我这个非常喜欢完美的人来说，这个网站满足了我对模板的需求。

空白网页的HTML源代码，怎么写

***隐藏网址***

《html》

《head》

***隐藏网址***

《title》空白的网页《/title》

《/head》

《body》   

《/body》

《/html》

html网页源代码是什么 如何查看网页源代码经验篇

第一种：打开一个网页后点击鼠标的 右键就会有"查看源文件"，操作 鼠标右键---》查看源文件 即可弹出一个记事本，而记事本内容就是此网页的html代码。

可能会碰到一些网页鼠标右键无反应或提出提示框，那是因为做网页的加入了JS代码来禁止用户查看源文件代码或复制网页内容，但是这种方法也没用,只有你稍微懂得以下第二种方法即可查看此网页的源代码源文件。

第二种：通过浏览器状态栏或工具栏中的点击 “查看”然后就用一项“查看源代码”，点击查看源代码即可查看此网页的源代码源文件。

在微软IE下 查看---》源文件 即可查看此网页代码在傲游浏览器下截图：

查看别人网页的源代码可以为我们制作网页时候有帮助，以后将介绍查看源代码更多方法及怎么运用到别人的源代码文件。

三、其它浏览器具体查看html网页源代码方法步骤   -   TOP

首先请打开您的网络浏览器，然后访问任何一个网页。

完成上述步骤后，您可以通过以下针对不同网络浏览器的简单步骤快速查看html网页源代码。

1)、Firefox浏览器，请按以下步骤操作：

点击火狐firefox浏览器上方“工具(T)”菜单。
在下拉菜单中点击“Web 开发者”。
然后在下拉菜单中选择点击“页面源代码”，即可查看网页源代码。

2）、谷歌浏览器，请按以下步骤操作：

点击广告浏览器，右上角“三横”控制图标
在下拉菜单点击“工具”
然后再点击“查看源代码”。

或直接谷歌浏览器中使用快捷键“Ctrl+U”即可查看被访网页源代码。

对于这些的话，新手朋友可以参考附件里面的知识学习下

求html静态网页源码

***隐藏网址***
***隐藏网址***
《head》
***隐藏网址***
《title》溅《/title》
《style》
《!--
body {
background:url(img/bg9.gif);
margin:0px;
padding:0px;
}
.pic{
border:1px solid #00406c;
}
p {
padding-top:30px;
color:#001671;
}
p.con{
padding-left:4px;
padding-right:4px;
}
p.title {
paddin-top;0px;
}
.chara1 {
font-size:12px;
background-color:#90bcff;
}
.chara1 td{
text-align:center;
}
.chara2 {
background-color:#d2e7ff;
text-align:center;
font-size:12px;
vertical-align:top;
}
.chara3 {
background:#e9fbff url(img/self.jpg) no-repeat bottom right;
vertical-align:top;
padding-top:15px;
padding-left:30px;
font-size:12px;padding-right:15px;
}

--》
《/style》
《/head》
《body》
《table align="center" cellpadding="1" cellspacing="0"》
《tr》《td》《img src="img/banner3.jpg" border="0" /》《/td》《/tr》
《/table》
《table width="600px" cellpadding="2" cellspacing="2" class="chara1" align="center"》
《tr》《td》首面《/td》《td》心情日记《/td》《td》Free《/td》《td》一起走到《/td》《td》从明天起《/td》《td》纸飞机《/td》《td》下一站《/td》《/tr》
《/table》
《table width="600px" align="center" cellpadding="0" cellspacing="1"》
《tr》
《td width="150px" class="chara2"》 《p》《img src="img/selfpic.jpg" class="pic"/》《br /》我的日记本《/p》
《p class="con"》他们彼此深信，是瞬间并发的热情让他们相遇。这样的确定是美丽的，但变幻无常更为美丽。《/p》
《p》 《img src="img/selfpic2.jpg" class="pic"/》《br/》心情轨迹《/p》
《p class="con"》董事长的一切都让人既羡慕又忌妒，但更让人受不了的是，有一天，上苍忽然赐给他一个神奇的礼物《/p》 《/td》
《td class="chara3"》
《h4》介绍《/h4》
《p》我努力的抓紧世界，最后却仍被世界淘汰，如果一开始就松手，我会不那么伤心吗？你说，亲爱的孩子，世事难料，随它去吧！《/p》
《h4》照相本子《/h4》
《p》关于童年，你记住了什么？ 《br》
两岁时，我拥有一只巨大的粉红猪，它总在我嚎啕大哭时逗我笑。《br》
三岁时，我骑着小木马一路摇到外婆家，它不喝水也不吃草。《br》
四岁时，我离家出走，在公车上睡着了，最后是太空超人送我回家。《br》
我真的没骗你，我通通都记得，还有照片为证。
《/p》
《h4》地下铁《/h4》
《p》天使在地下铁的入口，《br》
和我说再见的那一年，《br》
我渐渐看不见了。《br》
十五岁生日的那年秋天早晨，《br》
窗外下着毛毛雨，《br》
我喂好我的猫。《br》
六点零五分，《br》
我走进地下铁。《/p》
《h4》向左走向右走《/h4》
《p》They’re both convinced《br》
that a sudden passion joined them.《br》
Such certainth is beautiful,《br》
but uncertainty is more beautiful still.《/p》
《br》
《/td》
《/tr》
《/table》
《/body》
《/html》

跑马灯HTML源代码

1、《marquee》...《/marquee》普通卷动

2、《marquee behavior=slide》...《/marquee》滑动

3、《marquee behavior=scroll》...《/marquee》预设卷动

4、《marquee behavior=alternate》...《/marquee》来回卷动

5、《marquee direction=down》...《/marquee》向下卷动

6、《marquee direction=up》...《/marquee》向上卷动

7、《marquee direction=right》《/marquee》向右卷动

8、《marquee direction=’left’》《/marquee》向左卷动

9、《marquee loop=2》...《/marquee》卷动次数

10、《marquee width=180》...《/marquee》设定宽度

11、《marquee height=30》...《/marquee》设定高度

12、《marquee bgcolor=FF0000》...《/marquee》设定背景颜色

13、《marquee scrollamount=30》...《/marquee》设定滚动速度

14、《marquee scrolldelay=300》...《/marquee》设定卷动时间

15、《marquee onmouseover="this.stop()"》...《/marquee》鼠标经过上面时停止滚动

16、《marquee onmouseover="this.start()"》...《/marquee》鼠标离开时开始滚动

在网页中除了可显示常见的美国信息交换标准代码（外语缩写：ASCII）字符和汉字外，HTML还有许多特殊字符，它们一起构成了HTML字符集。

有2种情况需要使用特殊字符，一是网页中有其特殊意义的字符，二是键盘上没有的字符。

HTML字符可以用一些代码来表示，代码可以有2种表示方式。即字符代码（命名实体）和数字代码（编号实体）。

字符代码以“&”符开始，以分号";"结束，其间是字符名，如®。数字代码也以“&#”符开始，以分号";"结束，其间是编号，如:registered:。

扩展资料

网站源码作为软件的特殊部分，可能被包含在一个或多个文件中。一个程序不必用同一种格式的源代码书写。例如，一个程序如果有C语言库的支持，那么就可以用C语言；而另一部分为了达到比较高的运行效率，则可以用汇编语言编写。

较为复杂的软件，一般需要数十种甚至上百种的源代码的参与。为了降低这种复杂度，必须引入一种可以描述各个源代码之间联系，并且如何正确编译的系统。在这样的背景下，修订控制系统（RCS）诞生了，并成为研发者对代码修订的必备工具之一。

还有另外一种组合：源代码的编写和编译分别在不同的平台上实现，专业术语叫做软件移植。

Python大神教你300行代码搞定HTML模板渲染「附源码」

模板语言由HTML代码和逻辑控制代码组成，此处 @PHP 。通过模板语言可以快速的生成预想的HTML页面。应该算是后端渲染不可缺少的组成部分。

通过使用学习 tornado 、 bottle 的模板语言，我也效仿着实现可以独立使用的模板渲染的代码模块，模板语法来自 tornado 和 bottle 的语法。可以用来做一些简单的事情 网页渲染 ， 邮件内容生成 等HTML显示方面。以下就是简单的语法使用介绍。

1. 变量。使用 {{ }} 包裹起来，里面的变量为Python传入。模板渲染时会将传入的变量转换成字符串并填入对应位置。

2. 转义。默认传入的数据都会进行HTML转义，可以使用 {% raw value %} 来将value的内容按原始字符串输出。

3. 条件控制。支持Python的 if，elif，else 。条件代码需要放在 {% %} 内部，并且在条件结束后需要额外增加 {% end %} ，用于标识条件控制语句块范围。

4. 循环控制。支持Python的 for 和 while 。与条件控制一样也需要放在 {% %} 内部，并且结束处需要额外增加 {% end %} ，用于标识循环控制语句块的范围。

这个模板语言模块是在 Python2.7 上面开发使用的，如果要在 Python3+ 上使用需要对 str 和 bytes 进行一些处理即可，由于没有引用任何其他模块，可以很好地独立使用。

原文链接：
***隐藏网址***

谁给个用HTML编写的简历的源码！！！

***隐藏网址***
***隐藏网址***
《head》
《meta name="Description" content="Design by :Donkey" /》
***隐藏网址***
《title》人才招聘《/title》
《link href="/zh-cn/images/style.css" rel="stylesheet" type="text/css" /》
《script language="JavaScript" src="/zh-cn/images/js.js" type="text/javascript"》《/script》
《style type="text/css"》
《!--
body{
font-size:12px;
***隐藏网址***
}
input{ background:#FFFFFF}
textarea{ background:#FFFFFF}
select{ background:#FFFFFF}
.STYLE1 {color: #FF0000}
/*================================提交按钮==========================*/
.buttonArea{ text-align:right; padding:0 10px 0 10px;}
.btn_mouseout
{
width:80px;height:40px;
border: #ffffff 1px solid;
padding:1px;
font-size: 12px;
cursor: pointer;
color: #666;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#BECCDA);
}
.btn_mouseover
{
width:80px;height:40px;
border: #ffffff 1px solid;
padding: 1px;
font-size: 12px;
cursor: pointer;
color: #f60;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#D7E7FA);
}
.btn_mousedown
{
width:80px;height:40px;
border: #dfe6ef 1px solid;
padding: 1px;
font-size: 12px;
cursor: pointer;
color: #f60;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5);
}
.btn_mouseup
{
width:80px;height:40px;
border:#ffffff 1px solid;
padding: 1px;
font-size: 12px;
cursor: pointer;
color:#f60;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5);
}
--》
《/style》
《script language="JavaScript" type="text/javascript"》
《!--
/****************
js制作阿蒙
*****************/
var itemArray = new Array("xm","sfzhm","xm2","hj","tel","xzz","byyx","by_year","xm222","textarea","jyzk");//把需要输入的输入框id放到这个数组里
var labelArray = new Array("用户名","身份证号码","出生日期","户籍","联系电话","住址","毕业院校","毕业时间","所学专业","计算机水平","受教育情况");//把对应的输入框名字放在这里
function funsubmit(){
var len = itemArray.length;
for(i=0;i《len;i++){
if(eval("document.all."+itemArray+".value") == ""){
alert(labelArray+" 不能为空！");
eval("document.all."+itemArray+".focus()");
eval("document.all."+itemArray+".style.backgroundColor=’#FFECEC’");
return false;
}
}
}
function blank(obj){
if(obj.value.length != 0){
obj.style.backgroundColor="";
}
}
//--》
《/script》
《/head》
《body》
《div class="content3"》
***隐藏网址***
《div align="center"》《strong》请填写你的简历《/strong》（注意星号项目必须填写）
《/div》
《table width="690" border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#CCCCCC"》
《tr》
《td》《div align="center" style="padding-top:5px"》《strong》个人简历《/strong》《/div》《/td》
《/tr》
《/table》
《table width="690" border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#FFFFFF" class="f12"》
《tbody》
《tr》
《td width="75" align="middle" bgcolor="#ebebeb"》姓 名《/td》
《td width="214"》《input onPropertyChange="blank(this)" class="alcatel" maxlength="18" size="18" value="" name="xm" /》
《font color="#ff0000"》*《/font》《/td》
《td width="92" align="middle" bgcolor="#ebebeb"》性 别《/td》
《td width="291"》
《select class="alcatel" name="xb"》
《option selected="selected"》男《/option》
《option》女《/option》
《/select》
《/td》
《/tr》
《tr》
《td align="middle"》身份证号《/td》
《td》《input onPropertyChange="blank(this)" class="alcatel" maxlength="18" size="18" name="sfzhm" /》
《font color="#ff0000"》*《/font》《/td》
《td align="middle"》出生日期《/td》
《td》《input onPropertyChange="blank(this)" class="alcatel" size="18" value="" name="xm2" /》
《span class="STYLE1"》*《/span》《/td》
《/tr》
《tr》
《td align="middle" bgcolor="#ebebeb"》政治面貌《/td》
《td》《select class="alcatel" name="zzmm"》
《option
selected="selected"》群众《/option》
《option》团员《/option》
《option》党员《/option》
《option》民主人士《/option》
《/select》 《/td》
《td align="middle" bgcolor="#ebebeb"》户 籍《/td》
《td》《input onPropertyChange="blank(this)" name="hj" class="alcatel" value="" size="18" /》
《font
color="#ff0000"》*《/font》《/td》
《/tr》
《tr》
《td align="middle"》婚姻状况《/td》
《td》《select class="alcatel" name="hyzk"》
《option selected="selected"》未婚《/option》
《option》已婚《/option》
《/select》《/td》
《td align="middle"》视力状况《/td》
《td》《input onPropertyChange="blank(this)" class="alcatel" maxlength="4" size="4" name="slzk" /》《/td》
《/tr》
《tr》
《td align="middle" bgcolor="#ebebeb"》身高/厘米《/td》
《td》《input onPropertyChange="blank(this)" class="alcatel" maxlength="3" size="3" value="" name="sg" /》《/td》
《td align="middle" bgcolor="#ebebeb"》体重/公斤《/td》
《td》《input onPropertyChange="blank(this)" class="alcatel" maxlength="3" size="3" name="tz" /》《/td》
《/tr》
《tr》
《td align="middle"》民 族《/td》
《td》《select class="alcatel" name="mz"》
《option
selected="selected"》汉族《/option》
《option》蒙古族《/option》
《option》回族《/option》
《option》藏族《/option》
《option》维吾尔族《/option》
《option》苗族《/option》
《option》彝族《/option》
《option》壮族《/option》
《option》布依族《/option》
《option》朝鲜族《/option》
《option》满族《/option》
《option》侗族《/option》
《option》瑶族《/option》
《option》白族《/option》
《option》土家族《/option》
《option》哈尼族《/option》
《option》哈萨克族《/option》
《option》傣族《/option》
《option》黎族《/option》
《option》僳僳族《/option》
《option》佤族《/option》
《option》畲族《/option》
《option》高山族《/option》
《option》拉祜《/option》
《option》水族《/option》
《option》东乡族《/option》
《option》纳西族《/option》
《option》景颇族《/option》
《option》柯尔克孜《/option》
《option》土族《/option》
《option》达斡尔族《/option》
《option》仫佬族《/option》
《option》羌族《/option》
《option》布朗族《/option》
《option》撒拉族《/option》
《option》毛难族《/option》
《option》仡佬族《/option》
《option》锡伯族《/option》
《option》阿昌族《/option》
《option》普米族《/option》
《option》塔吉克族《/option》
《option》怒族《/option》
《option》乌孜别克《/option》
《option》俄罗斯族《/option》
《option》鄂温克族《/option》
《option》崩龙族《/option》
《option》保安族《/option》
《option》裕固族《/option》
《option》京族《/option》
《option》塔塔尔族《/option》
《option》独龙族《/option》
《option》鄂伦春族《/option》
《option》赫哲族《/option》
《option》门巴族《/option》
《option》珞巴族《/option》
《option》基诺族《/option》
《option》青族《/option》
《option》其他《/option》
《/select》 《/td》
《td align="middle"》电 话《/td》
《td》《input onPropertyChange="blank(this)" class="alcatel" maxlength="18" size="18" value="" name="tel" /》
《font color="#ff0000"》*《/font》《/td》
《/tr》
《tr》
《td align="middle" bgcolor="#ebebeb"》现 住 址《/td》
《td colspan="3"》《input onPropertyChange="blank(this)" class="alcatel" maxlength="70" size="70"
name="xzz" /》
《font color="#ff0000"》*《/font》《/td》
《/tr》
《/tbody》
《/table》
《table width="690"
border="1" align="center" cellpadding="0" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#FFFFFF" class="f12"》
《tbody》
《tr》
《td align="middle" width="75"》毕业院校《/td》
《td width="315"》《input onPropertyChange="blank(this)" class="alcatel" maxlength="30" value="" name="byyx" /》
《font color="#ff0000"》*《/font》《/td》
《td class="f12" align="middle" width="65" bordercolorlight="#D1D1D1" bordercolordark="#ffffff"》毕业日期《/td》
《td width="225" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" class="f12"》《input onPropertyChange="blank(this)" class="alcatel" maxlength="15"
size="15" name="by_year" /》
《font color="#ff0000"》*《/font》《/td》
《/tr》
《tr》
《td class="f12" align="middle" bgcolor="#ebebeb"
bordercolorlight="#D1D1D1" bordercolordark="#ffffff"》所学专业《/td》
《td class="f12" bordercolorlight="#D1D1D1" bordercolordark="#ffffff"》《input onPropertyChange="blank(this)" class="alcatel" maxlength="10" size="10" value="" name="xm222" /》
《font color="#ff0000"》*《/font》《/td》
《td class="f12" align="middle" bgcolor="#ebebeb"
bordercolorlight="#D1D1D1" bordercolordark="#ffffff"》最高学历《/td》
《td class="f12" bordercolorlight="#D1D1D1" bordercolordark="#ffffff"》《select class="alcatel" name="zgxl"》
《option》初中《/option》
《option》高中《/option》
《option》中专《/option》
《option》大专《/option》
《option selected="selected"》本科《/option》
《option》硕士《/option》
《option》博士《/option》
《/select》《/td》
《/tr》
《tr》
《td class="f12" align="middle" bordercolorlight="#D1D1D1" bordercolordark="#ffffff"》英语水平《/td》
《td class="f12" bordercolorlight="#D1D1D1" bordercolordark="#ffffff"》《select class="alcatel"
name="yysp"》
《option》一般《/option》
《option
selected="selected"》四级《/option》
《option》六级《/option》
《option》专业四级《/option》
《option》专业八级《/option》
《option》托福《/option》
《option》GRE《/option》
《option》雅思《/option》
《/select》 《/td》
《td class="f12" align="middle" bordercolorlight="#D1D1D1" bordercolordark="#ffffff"》 《/td》
《td class="f12" bordercolorlight="#D1D1D1" bordercolordark="#ffffff"》 《/td》
《/tr》
《tr》
《td align="middle" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#FFFFF7" class="f12"》计《br /》
算《br /》
机《br /》
水《br /》
平《br /》
特《br /》
长《/td》
《td colspan="3" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#FFFFF7" class="f12"》《font color="#ff0000"》
《textarea onPropertyChange="blank(this)" name="textarea" rows="8" cols="80"》《/textarea》
《font color="#ff0000"》*《/font》 《/font》《/td》
《/tr》
《/tbody》
《/table》
《table width="690"
border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#ffffff" class="f12"》
《tbody》
《tr》
《td align="middle" width="70"
rowspan="2"》受《br /》
教《br /》
育《br /》
及《br /》
培《br /》
训《br /》
状《br /》
况《/td》
《td colspan="5"》《span
lang="en-us" xml:lang="en-us"》学 校 名 称 专 业 年 月至 年 月 取得文凭/资格证书《/span》《/td》
《/tr》
《tr》
《td colspan="5"》《textarea onPropertyChange="blank(this)" name="jyzk" rows="8" cols="80"》《/textarea》
《font color="#ff0000"》《font color="#ff0000"》*《/font》《/font》 《/td》
《/tr》
《/tbody》
《/table》
《table width="690"
border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#ffffff" class="f12"》
《tbody》
《tr》
《td width="70"
rowspan="2" align="middle" bgcolor="#FFFFF7"》工《br /》
作《br /》
经《br /》
历《br /》
摘《br /》
要《/td》
《td colspan="5" bgcolor="#FFFFF7"》年 月至 年 月 在何单位、部门 何职位、职责 离职原因《/td》
《/tr》
《tr》
《td colspan="5" bgcolor="#FFFFF7"》《textarea name="gzjl" rows="12" cols="80"》《/textarea》《/td》
《/tr》
《/tbody》
《/table》
《table width="690"
border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#ffffff" class="f12"》
《tbody》
《tr》
《td width="70" height="85" align="middle"》自《br /》
我《br /》
评《br /》
价《br /》《/td》
《td colspan="5"》《textarea name="textarea2" rows="6" cols="80"》《/textarea》《/td》
《/tr》
《/tbody》
《/table》
《table width="690"
border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#ffffff" class="f12"》
《tbody》
《tr》
《td width="70" height="72" align="middle" bgcolor="#FFFFF7"》请描述《br /》
你理想《br /》
的工作《/td》
《td colspan="5" bgcolor="#FFFFF7"》《textarea name="textarea3" rows="5" cols="80"》《/textarea》《/td》
《/tr》
《/tbody》
《/table》
《table width="690"
border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#ffffff" class="f12"》
《tbody》
《tr》
《td width="70" height="72" align="middle"》请描述《br /》
你理想《br /》
的公司《/td》
《td colspan="5"》《textarea name="textarea4" rows="5" cols="80"》《/textarea》《/td》
《/tr》
《/tbody》
《/table》
《table width="690"
border="1" align="center" cellpadding="0" cellspacing="0" bordercolordark="#ffffff" bgcolor="#FFFFFF" class="f12"》
《tbody》
《tr》
《td align="middle" width="90" bgcolor="#ebebeb" height="24"》欲从事职位一《/td》
《td width="220"》《input onPropertyChange="blank(this)" class="alcatel" maxlength="20" value="" name="hj2" /》《/td》
《td align="middle" width="100" bgcolor="#ebebeb"》欲从事职位二《/td》
《td width="220"》《input onPropertyChange="blank(this)" class="alcatel" maxlength="20" value="" name="hj3" /》《/td》
《/tr》
《tr》
《td align="middle"》要求待遇(月薪)《/td》
《td》《input onPropertyChange="blank(this)" class="alcatel" maxlength="5" size="5" value="" name="yqdy" /》
元《/td》
《td align="middle"》 《/td》
《td》 《/td》
《/tr》
《/tbody》
《/table》
《table width="690" border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#CCCCCC"》
《tr》
《td》
《div align="center" style="padding:10px;"》
《input onPropertyChange="blank(this)" class="btn_mouseout"
onmouseover="this.className=’btn_mouseover’"
onmouseout="this.className=’btn_mouseout’"
onmousedown="this.className=’btn_mousedown’"
onmouseup="this.className=’btn_mouseup’"
onfocus="if(this.blur)this.blur()" type="submit" value="提交" name="Submit"》
《/div》
《/td》
《/tr》
《/table》
《/form》
《/div》
《/body》
《/html》

html 使用表格和表单创建如下图所示的表单页面求源代码

***隐藏网址***
***隐藏网址***
《head》
***隐藏网址***
《title》产品订购《/title》
《/head》
《body》《form action="#" method="post"》
《table width="1000" border="1"》
  《tr》
    《th colspan="4"》产品订购《/th》
  《/tr》
  《tr》
    《td style="text-align:right"》姓名：《/td》
    《td》《input type="text" name="consumer" /》《/td》
    《td》商品名称：《/td》
    《td》《input type="text" name="goods_name" /》《/td》
  《/tr》
  《tr》
    《td style="text-align:right"》地区：《/td》
    《td》
    《select name="address"》
        《option value="guangzhou"》广州《/option》
        《option value="beijing"》北京《/option》
        《option value="shanghai"》上海《/option》
        《/select》
    《/td》
    《td》付款方式：《/td》
    《td》
    《input type="radio" name="pay" value="network" /》网上
    《input type="radio" name="pay" value="mail" /》邮局
    《input type="radio" name="pay" value="bank" /》银行
    《/td》
  《/tr》
  《tr》
    《td style="text-align:right"》关注产品：《/td》
    《td colspan="3"》
    《input type="checkbox" name="hufu" checked="checked" /》护肤品
        《input type="checkbox" name="huazhuang" /》化妆品
        《input type="checkbox" name="fuzhuang" checked="checked" /》服装
        《input type="checkbox" name="dianqi" /》电器
    《/td》
  《/tr》
  《tr》
    《td style="text-align:right"》联系电话：《/td》
    《td colspan="3"》《input type="text" name="phone" /》《/td》
  《/tr》
  《tr》
    《td style="text-align:right"》备注：《/td》
    《td colspan="3"》
    《textarea name="comment" rows="10" cols="80"》《/textarea》
    《/td》
  《/tr》
  《tr》
    《td》 《/td》
    《td colspan="3"》
    《input type="submit" value="提交" /》
    《input type="reset" value="重置" /》
    《/td》
  《/tr》
《/table》
《/form》
《/body》
《/html》

可否满意？