一些自学的html代码（html中table基本用法）

来源：互联网发布：各区县地图json 编辑：程序博客网时间：2024/05/19 10:38

HTML表格的一些介绍

用到的标签稍微解释下 <table></table> 表格的意思 <tr></tr> 行的意思 <td></td>列的意思

如果要对表格做修饰比如说边框宽度border 边框颜色bordercolor 背景颜色bgcolor 这些应该是一般标签通用的属性

那还有合并格行是colspan 列是rowspan 具体怎么合并模仿的操作一下就明白了

给表格设置宽width 高height 等等

滚动标签 <marquee></marquee> 来回滚动behavior="alternate" 当然还有很多其他的 scroll 连续滚动等等。

<html><head><title>第二节水课</title><meta   http-equiv = "content-type"content = "text/html;charset = GB2312"></head><body><h1 align="center">表格介绍</h1><table align="center" border = "6" bgcolor = "green" bordercolor="blue"><tr><td colspan="5"><center><h1>湖南工业大学</h1></center></td></tr><tr align="center"><td rowspan =3>学院</td><td>姓名</td><td>性别</td><td>Qq</td><td>学校</td></tr><tr><td>王虎</td><td>男</td><td>1234522222222222222226</td><td>湖工大</td></tr><tr><td>两肺</td><td>男</td><td>65423</td><td>湖工大</td></tr></table><font size="20" color="rgb(195,21,64)">table boder tr colspan td rowspan</font><hr><br><br><br><br><table align="center" border="3" width="1000" height="200"><tr><td colspan="4" align="center">阿里爸爸和套包网站</td></tr><tr><td rowspan="2" >阿里爸爸旗下网站</td><td>我要买</td><td>我要买</td><td>我套包</td></tr><tr><td colspan="3">您好，欢迎来到套包！</td></tr></table><br><br><hr><br><br><center><h1>购物车</h1></center><marquee behavior="alternate"><table border = 1 align="left" width="400" height ="200" bgcolor ="black"><tr><td colspan = 4 align="center"><font color = "white">商品1</font></td></tr><tr><td rowspan=2><font color = "white">1212313</font></td><td><font color = "white">变成思想</font></td><td><font color = "white">信心与希望</font></td><td><font color = "white">爱国人</font></td></tr><tr><td><font color = "white">1212313</font></td><td><font color = "white">变成思想</font></td><td><font color = "white">信心与希望</font></td></tr></table><tableborder =1 align="left" width="400" height ="200" bgcolor ="green"><tr><td td colspan = 4 align = "center">商品2</td></tr><tr><td rowspan=2>1212313</td><td>变成思想</td><td>信心与希望</td><td>爱国人</td></tr><tr><td>1212313</td><td>变成思想</td><td>信心与希望</td></tr></table><table border =1 align="left" width="400" height ="200" bgcolor ="yellow"><tr><td colspan = 4 align = "center"><font color = "green">商品3</font></td></tr><tr><td rowspan=2><font color = "green">1212313</font></td><td><font color = "green">变成思想</font></td><td><font color = "green">信心与希望</font></td><td><font color = "green">爱国人</font></td></tr><tr><td><font color = "green">1212313</font></td><td><font color = "green">变成思想</font></td><td><font color = "green">信心与希望</font></td></tr></table></marquee><br><br><br><br><br><hr><br><br><br><br><table bgcolor = "BRG(211,31,35)"><tr><td>房产|</td><td>地产|</td><td>汽车|</td><td>车型|</td><td>F1  |</td><td colspan =4>高尔夫</td><td>        </td><td>       </td></tr></table><table><tr><td rowspan = 5 colspan = 3><img src="./imags/liangyongqi.jpg" width=110 ></td><td>地产|</td><td>汽车|</td><td>车型|</td><td>F1  |</td><td colspan = 2>高尔夫</td><td></td></tr><tr><td>房产|</td><td>地产|</td><td>汽车|</td><td>车型|</td><td>F1  |</td><td>高尔夫</td></tr><tr><td>房产|</td><td>地产|</td><td>汽车|</td><td>车型|</td><td>F1  |</td><td>高尔夫</td></tr><tr><td>房产|</td><td>地产|</td><td>汽车|</td><td>车型|</td><td>F1  |</td><td>高尔夫</td><td></td><td></td></tr><tr><td>房产|</td><td>地产|</td><td>汽车|</td><td>车型|</td><td>F1  |</td><td>高尔夫</td></tr><tr><td>房产|</td><td>地产|</td><td>汽车|</td><td>车型|</td><td>F1  |</td><td colspan =4>高尔夫</td></tr></table><br><br><br><br><br><br></body></html>

0 0