1,表格 table
<table></table>
a).表格的完整结构
<table>
<thead>--只能有一个thead
<tr>--行
<th>重要的单元格用th</th>--列
<th>重要的单元格用th</th>
</tr>
<tr>--行
<td>普通的单元格用td</td>--列
<td>普通的单元格用td</td>
</tr>
</thead>
<tbody>--允许多个tbody
<tr>--行
<td>普通的单元格用td</td>--列
<td>普通的单元格用td</td>
</tr>
</tbody>
<tfoot>--只能有一个tfoot
<tr>--行
<td>普通的单元格用td</td>--列
<td>普通的单元格用td</td>
</tr>
</tfoot>
</table>
b).表格的简单结构
<table border="1" cellspacing="0" cellpadding="0" width="500 align="center" bgcolor="red" background="../images/1.jpg">border--边框 cellspacing--单元格间的间距 cellpadding--内容到边框的距离
<tr>
<th></th>
<th></th>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
table属性:border--边框
cellspacing--单元格间的间距
cellpadding--内容到边框的距离
tr属性:height--高度
align--水平对齐 (left/center/right)
valign--垂直对齐(top/middle/bottom)
bgcolor background
td属性:height--高度
align--水平对齐 (left/center/right)
valign--垂直对齐(top/middle/bottom)
bgcolor background
width--宽度
c).合并单元格(td)
水平合并:colspan="2"
垂直合并: rowspan="2"
表格的嵌套,放在td里面
高级应用:表格布局,嵌套
2.表单
作用是负责采集数据
标签
<form action="" method="" name="form1" target="_self/_blank">
用户名:<input type="text" name="username"/>
密码:<input type="password" name="pwd"/>
<input type="submit" value="send">
</form>
--action某个程序来处理表单的信息(例如java PHP .NET)
将客户端输入的信息通过某个程序进行处理(后台)
处理程序的地址
--method 提交方法 两种方式:get;不安全,数据量有限制,通过地址传递数据
post;安全,数据量无限制,
--name 很重要
--submit提交按钮
--value值 表单的任何信息都是值
cheked 默认选项
--hidden是不需要在页面中显示。
隐藏域<input type="hidden" name="code">
按钮:submit,button,reset,image,
表格和表单嵌套的话先写表单标签。
<input type="#" name="" value=""/>
input type类型
text(文本框), password(密码框), radio(单选框) ,checkbox(多选框),,file(文件域),hidden(隐藏域)button(普通按钮),reset(重置按钮),submit(提交按钮),image(图像域按钮)
下拉框:<select name="" size="要显示几项" multple(多选)>
<option value=""></option>
</select>
文本域:<textarea cols="30" rows="5" readonly></textarea>
cols行 rows列 readonly只读
3,HTML4标签的表现形式的分类
块级元素(大标签)block
div table ul ol li dl dt dd h1-h6 p
特点:1,不同行显示 2,可以嵌套块级和行内元素 3,可以设置宽和高
行内元素(小标签)inline
span strong b i em a
特点:1.在同一行显示 2,不能嵌套块级元素 3,不能设置宽和高
行内块级元素 inline-block
img input select textarea
特点:1.在同一行显示 2,可以设置宽和高
不可以交叉嵌套
以上就是HTML5第二天笔记的内容,更多相关内容请关注PHP中文网(www.gxlcms.com)!