首页 > 代码库 > 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