首页 > 代码库 > html_day3

html_day3

总结学习html的第一天

表格的结构说明
  <table></table>
  <tr></tr>
  <td></td>
  <th></th>

table的属性值:
  bgcolor:设置表格背景颜色
  background:设置表格背景图片
  borderColor:设置表格边框颜色
  align:设置表格水平方向的对其方式
  cellpadding:指单元格里面的内容到当前这个单元格
  cellspacing:指单元格与单元格之间的距离(外边距)
  rules="all" 将表格的边框线设置很细
tr的属性
  bgcolor:设置表格背景颜色
  background:设置表格背景图片
  align:设置表格水平方向的对其方式
  height:设置高度
  width:设置宽度
  valign:给当前内容设置垂直方向对齐
td或th属性
  bgcolor:设置表格背景颜色
  background:设置表格背景图片
  align:设置表格水平方向的对其方式
  height:设置高度
  width:设置宽度
  valign:给当前内容设置垂直方向对齐
  colspan:跨列合并单元格
  rowspan:跨行合并单元格

表格的标题标签
  <caption>内容</caption>可以给表格设置一个标题

给一张图片不同的位置设置超级链接
  <img src =http://www.mamicode.com/‘图片的URL地址‘ usemap=‘#map‘标签的name属性的值>
  <map name=‘取一个名称‘>
  <area shape=‘形状‘ coords=‘坐标‘ href=http://www.mamicode.com/‘要链接目标URL地址‘ />
  </map>
area的属性
  shape:形状 取值:rect(矩形) [坐标值有4个:x1,y1,x2,y2]
  circle(圆形)[坐标值有三个:x1,y1,r]
  poly(多边形)[坐标值有多少对由多边形的边数决定]

多媒体标签
<embed />
属性:
  src:引入地址
  width:设置宽度
  height:设置高度

表单的标记<form></form>
  form标签的属性
  action:将表单的数据提交给PHP程序处理
  method:表单数据的提交方式 取值:get/post

表单控件标签:
单行文本框:
  <input type=‘text‘ name=‘名称‘ value=http://www.mamicode.com/‘用户输入的数据‘ />
单行密码框:
  <input type=‘password‘ name=‘名称‘ value=http://www.mamicode.com/‘‘用户输入的数据/>
单选按钮
  <input type=‘radio‘ name=‘名称‘ value=http://www.mamicode.com/‘用户勾选的数据‘ checked=‘checked‘ />
多选按钮
  <input type=‘checkbox‘ name=‘名称‘ value=http://www.mamicode.com/‘用户勾选的数据‘ checked=‘checked‘ />

html_day3