HTML基本语法3
表格
table 标签
- border 边框
- 不建议使用：
- width 可用像素或百分比
- height 同上
- cellspacing 单元格之间的间隙 默认为2
- cellpadding 单元格和单元格内容之间的间隙 默认为1
- align
- bgcolor 表格背景色
- background 背景图片
tr 标签 表示一行
- 不建议使用：
- align 行内文字的水平对齐方式 left/center/right
- valign 行内文字的垂直对齐方式 top/middle/bottom
- bgcolor 背景色
- height 行高度
td 标签 表示单元格
- rowspan 合并行
- colspan 合并列
- 不建议使用
- height
- width
- align
- valign
th 标签 表示表头
属性同td
thead 标签
- 不建议使用
- align
- valign
- bgcolor
- background
tbody 标签
属性同 thead
tfoot 标签
属性同 thead
caption 标签 定义表格标题
colgroup 对表格中的列进行组合
- span 规定
<col>元素应该横跨的列数 - 不建议用
- width
- align
- valign
col 规定了<colgroup>元素内部的每一列属性
表单
form 标签
- action
- method get/post
- target
- enctype
input 标签 单
- name 必须有，否则数据无法传递
- type
- text 默认 文本框
- password 密码框
- radio 单选框 对应的name的属性值必须一样才可以进行单选。
- checkbox 复选框
- file 文件上传
- submit 提交按钮
- reset 重置按钮
- button 普通按钮 无功能，只是一个按钮的样子
- image 把图片作为提交按钮样子 不推荐
- hidden 隐藏域
- 输入框 隐藏域必须加name属性
- 提交按钮不需要加name属性
- value 属性 默认值 type值不同value的意义不一样
- size 属性 控制输入框宽度 适用于 text/password
- maxlength 属性 最大输入字符个数 适用于 text/password
- checked 属性 默认选中 适用于 radio/checkbox
- readonly 只读 适用于 text/password
- disabled 表示不可用
button 元素
- type 属性
- submit 默认
- reset
- button
- name
- id
select 标签 定义下拉列表
- name 必须有
- size 显示几个下拉
- multiple 多选 默认灰 显示所有，名字要使用数组like[]
- disabled 禁用
option 标签
- value 提交的值，若没有，则提交内容
- disabled
- selected 默认选项
optgroup 对select下的option进行分组
textarea 文本域
- name 必须有
- disabled
- rows 高度 行数
- cols 宽度
- readonly 文本区只读
label
- for 表单控件的ID
-
for属性应当与相关元素id的属性相同，产生 聚焦
例如： <tr> <td> <label for="pwd">密码</label> </td> <!-- <td>密码</td> --> <td> <input type="password" name="pwd" id="pwd"> </td> </tr
-
fieldset 定义表单的外框
legend 定义fiedset元素的标题
利用表单form 嵌套表格table 使表单格式整齐
例如：
<form action="http://www.baidu.com/s" method="get">
<fieldset>
<legend>我的表单</legend>
<input type="text" name="wd">
<input type="submit" value="提交">
</fieldset>
</form>
HTML全局属性
- title
- id
- class
- dir
- style
做项目 购物等活动
- 利用图片映射
