HTML基础二
1、 表格标签：<table></table>
<tr></tr>—一行
<td></td>——一个单元格
2、 合并单元格：colspan(水平位置上的) rowspan(垂直位置上的)
3、 对齐方式：align水平对齐 valign 垂直对齐
4、 表格是可以嵌套的，单元格内可以嵌套表格
5、 分帧标签<frameset></frameset>是不能写在body内的标签的属性rows表示分为上下两部分,cols表示分为左右两部分。
若需要的使得窗体的大小不能改变时，在标签中增加noresize属性，此属性没有值。
6、 target—当他的值为self时，页面链接的内容在当前页面中打开；当他的值为blank时，页面链接的内容在新的窗口中打开。也可以为它设定值，使得页面链接的内容在指定的地方打开。
例：
<frameset rows = "20%,*">
<frame src = "a.html" name = "first">
</frame>
<frameset cols = "30%,*">
<frame src = "b.html" name = "sport">
</frame>
<frame src = "d.html" name = "right">
</frame>
</frameset>
</frameset>
B.html:
<a href="c.html" target = "right">娱乐新闻</a><br>
<a href="e.html" target = "right">体育新闻</a><br>
<a href="f.html" target = "right">其他新闻</a><br>
7、 简单帧：<iframe src=”” name=””> </iframe>简单帧是能放在body里面的,当需要将超链接打开的内容在帧中显示时，就需要使得name的值与target的值一样
例：
<html>
<head>
<title>欢迎来到多彩新闻</title>
</head>
<body>
<a href = "b.html" target = "first">点我</a>
<iframe src = "a.html" name ="first"></iframe>
</body>
</html>
8、 表单：文本框——text 密码框——password
单选框——radio 多选框——checkbox
单选框中的name属性的值必须保持一致
下拉列表框:
<select>
<option></option>
<option selected></option>——默认选中
</select>
上传组件——file
多行文本框——<textarea rows=”” cols=”” > </textarea>
提交按钮——submit 重置按钮——reset
所有的表单元素所对应的值均为属性type的值，下拉列表框和多行文本框除外。
9、 表单元素只有放在<form></form>标签中才有用。
action属性是指当前数据提交的位置。
表单中的数据提交使用的是URL参数（一个URL地址后加上？后面名—值对）
所有的表单元素都有一个name属性就是URL参数的name。
单行文本框的只读属性readonly，此时必须要有value值。隐藏域type=”hidden”。
例：
<html>
<head>
</head>
<body>
<form action="./step.html">
<table border="1" align="center">
<caption>注册信息</caption>
<tr>
<td>用户名:</td>
<td><input type="text" name="username" value="Please" maxlength="10"></td>
</tr>
<tr>
<td>密 码:</td>
<td><input type="password" name="pwd" maxlength="10"></td>
</tr>
<tr>
<td>性 别:</td>
<td>男:<input type="radio" name="sex" value="boy">女:<input type="radio" name="sex" value="girl"></td>
</tr>
<tr>
<td>爱 好:</td>
<td>体育:<input type="checkbox" name="enjoy" value="sport">音乐:<input type="checkbox" name="enjoy" value="music"></td>
</tr>
<tr>
<td>相 片:</td>
<td><input type="file"></td>
</tr>
<tr>
<td>籍 贯:</td>
<td>
<select name="jg">
<option value="jx">江西</option>
<option value="hn">湖南</option>
<option value="gd" selected>广东</option>
<option value="bj">北京</option>
</select>
</td>
</tr>
<tr>
<td>简 介:</td>
<td ><textarea rows="10" cols="30" name="jj" maxlength="20"></textarea></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" name="submit" value="注册">
<input type="reset" name="reset" value="重置">
<input type="button" name="buton" value="按钮">
</td>
</tr>
</table>
</form>
</body>
</html>
浙公网安备 33010602011771号