HTML的基本结构语法表格，框架，表单
三、表格
1.表格基本语法：<table>
<tr><td>内容</td></tr>
</table>
2.表格的对齐⽅式：
属性值说明
align
（⽔平对齐⽅式）left左对齐center居中对齐right右对齐
valign
（垂直对齐⽅式）top顶端对齐middle居中对齐bottom底端对齐baseline基线对齐
3.表格的跨⾏跨列:
<td  colspan=“所跨的列数”>单元格内容</td>
<td  rowspan=“所跨的⾏数”>单元格内容</td>
四、框架
1.框架的优点：
在同⼀个浏览器窗⼝显⽰多个页⾯；
可以实现页⾯复⽤；
实现典型的“⽬录结构”；
2.<frameset>框架的基本语法：
<frameset  cols=“25%,50%,*” rows=“50%，*” border=“5”>                  <frame  src=“the_second.html”>
……
</frameset>
3.纵向分割窗⼝：
使⽤<frameset>标签的“rows”⾏数属性；
4.横向分割窗⼝：
使⽤<frameset>标签的“cols”列数属性；
5框架<frame>的常⽤属性：
属性作⽤举例
framebrder是否显⽰框架周围的边框frameboder=“1”
name框架表识名name=“mainframe”
scrolling是否显⽰滑动条scrolling=“no”
noresize是否允许调整框架窗⼝⼤⼩noresize=“noresize”
6.<iframe>的基本⽤法：
<iframe  src=“引⽤页⾯地址”name=“框架标识名”frameborder=“边框” scrolling=“是否出现滚动条”……> </iframe>
五、表单
1.<form>标签的属性
属性说明
action 此属性指⽰服务器上处理表单输出的程序。⼀般来说，当⽤户单击表单上的“提交”按钮后，信息发到web服务器上，由acting属性所指定的程序处理。语法为action=“URL”。如果action属性的值为空，则默认表单提交到本页。
method 此属性告诉浏览器如何将数据发送给服务器，它指定向服务器发送数据的⽅法（⽤post⽅法还是⽤get⽅法）。如果值为get，浏览器将创建⼀个请求，该请求包括页⾯URL、⼀个问号和表单的值。浏览器会将请求返回给URL中指定的脚本，以进⾏处理。如果将指定为post，表单上的数据会作为⼀个数据块发送到脚本，⽽不使⽤请求字符串。语法为method=（get post）
2.<input>元素的属性 属性说明
type 此属性指定表单元素的类型。可⽤的选项有text、password、checkbox、radio、submit、reset、file、hidden、image和button。默认选择为text
name
此属性指定表单元素名称。例如：如果表单上有⼏个⽂本框，可以按名称来标识他们，如text1、text2等。value此属性是可选属性，它指定表单元素的初始值。但如果type为radio，则必须指定⼀个值。
size 此属性指定表单元素的初始宽度。如果type为text或password，则表单元素的⼤⼩以字符为单位。对于其他输⼊类型，宽度以像素为单位。
maxlength此属性⽤于指定可在text或password元素中输⼊最⼤字符数。默认值为⽆限⼤checked指定按钮是否是被选中的。当输⼊类型为radio或CheckBox时，使⽤此属性。
3、⽂本框
<p>⽤户名<input  name=“sname” type=“text” size=“30” maxlength=“20”></p> 4.密码框
<p>密   ；码:
<input name=“pass” type=“text” size=“21”></p>
5．单选按钮
<fom method=”post”  action=””>
性别：
<input name=”gen”  type=”radio”  class=”input” value=”男”>男 ；
<input name=”gen”  type=”radio”  value=”⼥”  class=”input”>⼥
</form>
html中提交表单用什么属性
6.复选框
<form method=”post”  action=””>
爱好：
<input type=”checkbox”  name=”interest”  value=”sports”>运动
<input type=”checkbox”  name=”interest”  value=”talk”>聊天
<input type=”checkbox”  name=”interest”  value=”play”>玩游戏
</form>
7.列表框
<select name=“指定列表名称” size=“⾏数”>
<option  value=“可选项的值” selected=“selected”>……</option>
<option  value=“可选项的值” >……</option>
</select>
8.按钮
<input type=“reset”  name=“Reset” value=“重填”>
按钮的作⽤：
（1）      reset按钮：重置
（2）      submit按钮：提交到指定URL服务器
（3）      button按钮：属于普通按钮，需要与事件关联使⽤
9.多⾏⽂本域
<textarea name=“textarea” cols=“显⽰的列的宽度”rows=“显⽰的⾏数”>
⽂本内容
</textarea>
10.⽂本域
<form action=“” method=“post” enctype=“multipart/from-data”>
<p><input  type=“file”  name=“files”/><br/>
<input type=“submit”  name=“upload”  value=“上传”/></p> </form>
11.表单的语义化
（1）域
在表单中，可以使⽤<fieldset>标签实现的定义。
（2）域标题
所谓域标题就是给创建的域设置⼀个标题。
<fiedset>标签与<legend>标签会⼀起使⽤。
（3）表单元素的标注
<lable  for=“表单元素的id”>标注的⽂本</lable>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。