html --table
来源:互联网 发布:vb编写的大型软件 编辑:程序博客网 时间:2024/05/01 10:22
2号刮台风了,停更。
今天说的是table,不过这个在html5中不常用了,大多数用的是div和css盒子用法
<table border=”” bgcolor=”” background=”” cellspacing=”” cellpadding=””>
//边框,背景颜色,背景图片,表格线条,表格之间间距
border,cellspacing,cellpadding不设置值时有默认值,cellspacing是每个单元格之间有间距,cellpadding是不同模块之间的间距。
Table可添加属性align=”” width=””height=””
frame=”box above below vsides hsides”
全包围的线,上线、下线,左右线,上下线
<caption>表格的标题</caption>
<tr> //一行
//th和td的区别,表头和表格数据,th是表头,字体上较粗
<th bgcolor=””background=””>单个单元格的背景设置</th>
<td></td>
<th colspan=”2”>一个单元格占2个单元格
</tr>
</table>
二、运用colspan和rowspan来合并列和合并行<table border="1" align="center" > <tr> <td colspan="2">称谓</td><td>姓名</td><td>年龄</td><td>备注</td> </tr> <tr> <td rowspan="4">长辈</td><td>父亲</td><td>libai</td><td>libai</td> <td rowspan="10"> <ul> <li></li> </ul> </td> </tr> <tr><td>母亲</td><td>libai</td><td>libai</td></tr> <tr><td>祖父</td><td>libai</td><td>libai</td></tr> <tr><td>祖母</td><td>libai</td><td>libai</td></tr> <tr><td rowspan="2">同辈</td><td>兄 </td><td>libai</td><td>libai</td></tr> <tr><td>妹</td><td>libai</td><td>libai</td></tr> <tr><td colspan="2">邻居</td><td>libai</td><td>libai</td></tr> <tr><td rowspan="2">宠物</td><td>猫</td><td>libai</td><td>libai</td></tr> <tr><td>狗</td><td>libai</td><td>libai</td></tr></table>
三、img标签
<img src="图片路径" alt="图片描述" title="图片的标签" width="设置宽度">
3-1设置图片的地图
<img src="" usemap="#lol">
<map name="lol">
<area shape="rect circle default poly" coords="区域的坐标" href="链接">
0 0
- html table
- HTML TABLE
- Html Table
- HTML table
- HTML table
- HTML table
- html table
- html --table
- php create html-table
- HTML Color Table
- Table HTML Tags from
- html table排序
- 动态操作html table
- 將圖片轉換為HTML TABLE
- JAVASCRIPT 操作HTML TABLE
- html動態增刪table
- html table 对齐
- html 圆角table
- 关于Jeecg互联网化dubbo改造方案(上)
- SQLServer 查看对象间依赖关系
- 2016多校联合训练5&&HDU5784 How Many Triangles
- js总结
- android studio不能使用HttpClient
- html --table
- BBC news reading 5--- Rio Olympics
- 【嵌入式学习日记】2016年8月3日
- 养狗和养熊孩子
- 抽象工厂模式
- 基于Log ASCII Standard格式文件的点云数据存储和检索
- iOS录制(或选择)视频,压缩、上传(整理)
- Mybatis分页实践:PageHelper 和 pagination.js
- Mysql常用命令整理