<table> </table>
<tr>表示一行
<th>标题
<td>表格里的一格
<td> 标签定义 HTML 表格中的标准单元格。
HTML 表格有两类单元格:
表头单元 - 包含头部信息(由 th 元素创建)
标准单元 - 包含数据(由 td 元素创建)
td 元素中的文本一般显示为正常字体且左对齐。
border="1"边框
cellspacing="3" 单元格间距
cellpadding="5"元素内边距(内容和边框的距离)
<colspan=”2”> 行合并占用两个单元格。
<rowspan=”3”> 列合并占用3个单元格
table属性:
border | pixels | 规定表格边框的宽度。 |
cellpadding |
| 规定单元边沿与其内容之间的空白。 |
cellspacing |
| 规定单元格之间的空白。 |
frame |
| 规定外侧边框的哪个部分是可见的。 |
rules |
| 规定内侧边框的哪个部分是可见的。 |
summary | text | 规定表格的摘要。 |
width |
| 规定表格的宽度。 |
<table border="1" width="500" cellspacing="1" bgcolor="#999999" cellpadding="5">
<tr>
<th scope="col">第一列</th>
<th scope="col">第二列</th>
</tr>
<tr>
<td bgcolor="#FFFFFF"> row 1, cell 1</td><!---->
<td bgcolor="#FFFFFF"> row 2, cell 2</td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><a href="ww.baidu.com" title="这是个吟唱标题" target="_blank"> row 2, cell 2</a></td>
<td bgcolor="#FFFFFF"> row 2, cell 2</td>
</tr>
<tr>
<td bgcolor="#FFFFFF"> 这是个列表
<ul>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
</ul>
</td>
<td bgcolor="#FFFFFF">HELLO</td>
</tr>
</table>
form表单
属性 | 值 | 描述 |
---|---|---|
accept | MIME_type | HTML 5 中不支持。 |
accept-charset | charset_list | 规定服务器可处理的表单数据字符集。 |
action | URL | 规定当提交表单时向何处发送表单数据。 |
autocomplete |
| 规定是否启用表单的自动完成功能。 |
enctype | 见说明 | 规定在发送表单数据之前如何对其进行编码。 |
method |
| 规定用于发送 form-data 的 HTTP 方法。 |
name | form_name | 规定表单的名称。 |
novalidate | novalidate | 如果使用该属性,则提交表单时不进行验证。 |
target |
| 规定在何处打开 |
<form action=”test.html” method=”post” enctype=”multipart/form-data” target=”_blank”></form> 表单。
<form>
账号:<inputtype="text" name="zhanghao"><br/> 文本框
密码:<inputtype="password" name="mima"> 密码框
<br/>
<input name="sex"type="radio">男选择按钮
<input name="sex" type="radio">女
<input name="sex"type="radio">不告诉你
<br/>
<select multiple>
<option>北京</option> 下拉多选框
<option>上海</option>
<option>天津</option>
<option>武汉</option>
<option>桂林</option>
</select>
<select>
<option>北京</option> 下拉框
<option>上海</option>
<option>天津</option>
<option>武汉</option>
<option>桂林</option>
</select>
<br/>
<input name="aihao[]"type="checkbox" />游泳多选框
<input name="aihao[]"type="checkbox" />旅游
<input name="aihao[]"type="checkbox" />看书
<br/>
<input type="file" /> 上传按钮
<input type="button"value="button" /> 空按钮
<input type="hidden"name="" /><!--隐藏-->
<input type="image"src="images/262205494914.jpg" /> 图片域
<br>
<input type="submit" /> 提交按钮
<input type="reset" /> 重置按钮
</form>
本文出自 “小刘_Blog” 博客,请务必保留此出处http://liuyafang.blog.51cto.com/8837978/1412033
原文地址:http://liuyafang.blog.51cto.com/8837978/1412033