一、表格
1、
table属性
Width、height 宽高(单位是像素或百分比)
align 对齐
border 外边框
bgcolor 背景色
background 背景图片
Cellspacing 单元格间距(单元格和单元格的距离) 一般情况写0
Cellpadding 单元格边距(表格边框与内容的距离) 一般情况写0
2、
td的基本属性
Width、height 宽高(单位是像素或%)
align valign 水平对齐、垂直对齐
bgcolor 背景色
background 指定背景图片
Colspan 水平合并 合并多列
rowspan 垂直合并 合并多行
3、
< th>是特殊的单元格,文字会自动加粗、居中。它的用法是取代的位置即可。
4、
T head 表格页眉(头部)只能出现一次。
T body 表格主体可以出现多次。
T foot 表格页脚(结尾)只能出现一次。
以上三个标签结合使用,可将表格中的一行或几行合成一组
二、表单
1、
表单的标记:
2、表单的属性
(1). action属性:设置表单的提交地址(表单提交的url)指定表单提交后由服务器上的哪个处理程序进行处理
(2) method属性:设置表单的提交方法, 属性值为get、post提交方式
(3) name属性:设置表单的名称
(4) target属性:设置表单的打开方式, 属性值可以是_blank、_self。_self在原窗口中打开,默认值_blank在新窗口打开。
(5)method属性:method的值为get:它是通过URL来传递表单数据的,表单元素的数据在地址栏可见,而且有大小限制,传数据量小一般不大于2KB
method的值为post:它是通过请求正文传递表单数据的,URL不可见表单元素数据,比较安全,而且没有大小限制,但往往服务器会控制
(6)下拉列表
<select
<option > 列表项 </option>
</select>
(7)
文本域
文本域主要用于输入较长的文本信息。
代码格式如下:
<textarea cols="30" rows="5">输入文字</textarea>
效果:
Cols属性:定义文本域的宽度 (列)
rows属性:定义文本域的高度 (行)
(8)
视频和音频
视频
<video width="320" height="240" controls》
<source src="mydog.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持Video标签。
</video>
音频
<audio controls>
<source src="horse.mp3" type="audio/mpeg">
<source src="horse.ogg" type="audio/ogg">
Your browser does not support this audio format.
</audio>