8.盒子标签:div和span
div标签:是一个块级标签,自己独占一行,可以实现换行;
span标签:是一个行内标签,span有多少内容,就会占用多大空间,不会自己换行,常常用来组合文档中的行内元素;
9.table:表格的基本结构
表格的表头是单元格的一种变体,实质上是一种单元格加粗和居中
table的属性:
width:表格的宽度
height:表格的高度
align:表格的对齐方式
border:表格的边框
bordercolor:边框的颜色
cellspaning:单元格之前的距离
csllpadding:单元格与内容之间的距离
bgcolor:表格的背景颜色
background:表格的背景图片
tr的属性:
height:行的高度
bordercolor:边框的颜色
bgcolor:表格的背景颜色
background:背景图片
align:文本水平对齐方式
valign:文本垂直对齐方式
tr的属性:
width:单元格的宽
height:单元格的高度
bordercolor:边框的颜色
bgcolor:背景颜色
background:表格的背景图片
align:文本水平对齐方式
valign:文本垂直对齐方式
colspan:水平合并单元格(跨列)
rowspan:垂直合并单元格(跨行)
10.表单 (form)输入类型
1.单选按钮radio (checked默认)
<input type="radio" value="男" name="sex">男
<!-- radio:单选框 --> <input type="radio" value="女" name="sex">女
2.复选按钮 (checked默认)
<input type="checkbox" value="羽毛球" name="hobby">羽毛球 <input type="checkbox" value="足球" name="hobby">足球 <input type="checkbox" value="台球" name="hobby">台球 <input type="checkbox" value="排球" name="hobby">排球
3.密码输入框
密码 <input type="password">
4.提交按钮
<input type="button" value="提交"> 或者 <input type="submit" />
5.重置按钮
<button type="reset" value="重置">重置 </button> 或者 <input type="reset" />
6.图片按钮(有提交功能)
<input type="image" />
7.单行文本框
<input type="text" size="文本框显示的长度" maxlength="最长字符数"/>
8.多行文本框
<!-- <textarea cols="一行多少字符" rowa="多少行"><textarea> -->
9.文件域,可以选择本地文件上传
<input type="file"/>