14-5-14培训日记

<table>  </table>

<tr>表示一行

<th>标题

<td>表格里的一格

<td> 标签定义 HTML 表格中的标准单元格。

HTML 表格有两类单元格：

• 表头单元 - 包含头部信息（由 th 元素创建）
• 标准单元 - 包含数据（由 td 元素创建）

td 元素中的文本一般显示为正常字体且左对齐。

border="1"边框

cellspacing="3"  单元格间距

cellpadding="5"元素内边距（内容和边框的距离）

<colspan=”2”>  行合并占用两个单元格。

<rowspan=”3”>  列合并占用3个单元格

table属性：

<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表单

<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>

14-5-14培训日记,布布扣,bubuko.com