HTML2列表表单框架
HTML——Hyper Text Markup Language
<html>,<head>,<body>
一、基本标签：
（一）格式标签：——模型：word工具栏
<font color="" size="" face="">,<b>,<i>,<u>,<center>,<br>
（二）内容容器：——模型：腾讯新闻页面
<h1>...<h6>,<p>,<div>,<span>,<ul>,<ol>,<li>
二、常用标签：
（一）图像：<img src="" width="" height="" alt="" />
（二）超链接：<a href="">文本</a> <a name="">内容</a>
（三）图片链接：<a><img/></a>
三、表格
<table><tr><td>
（一）、<table>
属性：width,border,cellpadding,cellspacing,bgcolor,align
（二）、<tr>
属性：height,bgcolor,align,valign
（三）、<td>
属性：width,height,colspan,rowspan,bgcolor,align,valign
四、表单
<form id="" name="" action="" method=""></form>
所有表单元素都具有的属性：
id,name,disabled
（一）、文本类：
1.单行文本：<input id="" name="" type="text" value="" size="宽度(字符数)"/>
2.多行文本：<textarea id="" name="" rows="高（行数）" cols="宽（字符数）">内容</textarea>
3.密码：<input id="" name="" type="password" value="" size="宽度(字符数)"/>
4.隐藏域：<input id="" name="" type="hidden" value="" size="宽度(字符数)"/>
（二）、按钮类：
1.普通按钮：<input id="" name="" type="button" value="按钮上的文字" />
2.提交按钮：<input id="" name="" type="submit" value="按钮上的文字" />
3.重置按钮：<input id="" name="" type="reset" value="按钮上的文字" />
4.图像按钮：<input id="" name="" type="image" src="图像路径" width="" height="" />
（三）、选择类：
![wpsDB44.tmp[4]](http://images0.cnblogs.com/blog/701067/201503/020854081768554.jpg "wpsDB44.tmp[4]")
![wpsDB65.tmp[4]](http://images0.cnblogs.com/blog/701067/201503/020854094268839.jpg "wpsDB65.tmp[4]")
1.单选
<input id="" name="组名" type="radio" value="运算的值" checked="checked"/>
2.复选
<input id="" name="组名" type="checkbox" value="运算的值" checked="checked"/>
3.列表
下拉列表:
<select id="" name="">
<option value="1">送餐</option>
<option value="2">取餐</option>
<option value="3">订餐</option>
<option value="4">进餐</option>
</select>
列表：
<select id="" name="" size="大于1的数字" multiple="multiple">
<option value="1">送餐</option>
<option value="2">取餐</option>
<option value="3">订餐</option>
<option value="4">进餐</option>
</select>
4.文件
<input id="" name="" type="file"/>
五、框架
![wpsDBA4.tmp[4]](http://images0.cnblogs.com/blog/701067/201503/020854106135611.jpg "wpsDBA4.tmp[4]")
![wpsDBB5.tmp[4]](http://images0.cnblogs.com/blog/701067/201503/020854112548780.jpg "wpsDBB5.tmp[4]")
HTML——Hyper Text Markup Language
<html>,<head>,<body>
一、基本标签：
（一）格式标签：——模型：word工具栏
<font color="" size="" face="">,<b>,<i>,<u>,<center>,<br>
（二）内容容器：——模型：腾讯新闻页面
<h1>...<h6>,<p>,<div>,<span>,<ul>,<ol>,<li>
二、常用标签：
（一）图像：<img src="" width="" height="" alt="" />
（二）超链接：<a href="">文本</a> <a name="">内容</a>
（三）图片链接：<a><img/></a>
三、表格
<table><tr><td>
（一）、<table>
属性：width,border,cellpadding,cellspacing,bgcolor,align
（二）、<tr>
属性：height,bgcolor,align,valign
（三）、<td>
属性：width,height,colspan,rowspan,bgcolor,align,valign
四、表单
<form id="" name="" action="" method=""></form>
所有表单元素都具有的属性：
id,name,disabled
（一）、文本类：
1.单行文本：<input id="" name="" type="text" value="" size="宽度(字符数)"/>
2.多行文本：<textarea id="" name="" rows="高（行数）" cols="宽（字符数）">内容</textarea>
3.密码：<input id="" name="" type="password" value="" size="宽度(字符数)"/>
4.隐藏域：<input id="" name="" type="hidden" value="" size="宽度(字符数)"/>
（二）、按钮类：
1.普通按钮：<input id="" name="" type="button" value="按钮上的文字" />
2.提交按钮：<input id="" name="" type="submit" value="按钮上的文字" />
3.重置按钮：<input id="" name="" type="reset" value="按钮上的文字" />
4.图像按钮：<input id="" name="" type="image" src="图像路径" width="" height="" />
（三）、选择类：
![wpsDB44.tmp[6]](http://images0.cnblogs.com/blog/701067/201503/020854120824894.jpg "wpsDB44.tmp[6]")
![wpsDB65.tmp[6]](http://images0.cnblogs.com/blog/701067/201503/020854129264237.jpg "wpsDB65.tmp[6]")
1.单选
<input id="" name="组名" type="radio" value="运算的值" checked="checked"/>
2.复选
<input id="" name="组名" type="checkbox" value="运算的值" checked="checked"/>
3.列表
下拉列表:
<select id="" name="">
<option value="1">送餐</option>
<option value="2">取餐</option>
<option value="3">订餐</option>
<option value="4">进餐</option>
</select>
列表：
<select id="" name="" size="大于1的数字" multiple="multiple">
<option value="1">送餐</option>
<option value="2">取餐</option>
<option value="3">订餐</option>
<option value="4">进餐</option>
</select>
4.文件
<input id="" name="" type="file"/>
五、框架
![wpsDBA4.tmp[6]](http://images0.cnblogs.com/blog/701067/201503/020854143161480.jpg "wpsDBA4.tmp[6]")
![wpsDBB5.tmp[6]](http://images0.cnblogs.com/blog/701067/201503/020854154264806.jpg "wpsDBB5.tmp[6]")
（一）frameset
frameset主要用来分隔浏览器窗口，它所在的页面是用<frameset></frameset>来替换<body></body>
属性：
rows="100,*,100"
cols="100,*"
frameborder="no"
子元素：
<frame name="名称" src="页面的路径" noresize="noresize" scrolling="yes|no|auto"/>
（二）iframe
它是嵌入在body里面的。
<iframe width="300" height="400" frameborder="0" scrolling="no" src="Untitled-3.html"></iframe>
（一）frameset
frameset主要用来分隔浏览器窗口，它所在的页面是用<frameset></frameset>来替换<body></body>
属性：
rows="100,*,100"
cols="100,*"
frameborder="no"
子元素：
<frame name="名称" src="页面的路径" noresize="noresize" scrolling="yes|no|auto"/>
（二）iframe
它是嵌入在body里面的。
<iframe width="300" height="400" frameborder="0" scrolling="no" src="Untitled-3.html"></iframe>
