Web基础2

一、表格
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>
1
效果：
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>