html学习笔记之Table表格
来源:互联网 发布:武汉淘宝摄影师招聘 编辑:程序博客网 时间:2024/05/23 14:29
<html><head><title>table表格</title></head><body><!-- table表格:用来对文本或图片进行布局。 border:设置单元格边框。 cellspacing:设置单元格和边框之间的距离cellpadding:设置单元格和文本之间的距离。 bgcolor:表格的背景颜色。bordercolor:设置边框颜色。--><table border="1px" cellspacing="0px" cellpadding="8px" bordercolor="red" bgcolor="yellow"><tr> <!-- tr:一行。 td:一列。 --><td><a href="#">超链接</a></td><!-- 表格中可以放超链接 --><td>呵呵</td><td>嘿嘿</td></tr><tr><td>哇哦</td><td>呀哈</td><td><img src="1.jpg" width="50px" height="50px"></td><!-- 表格中也可以放图片 --></tr></table><hr/><!-- clospan:表示跨列。 rowspan:表示跨行。 --><table border="1px" cellpadding="6px" cellspacing="0px"><tr><td>手机充值</td><td colspan="3">办公设备</td></tr><tr><td rowspan="3">卡的总会</td><td>铅笔</td><td>彩笔</td><td>粉笔</td></tr><tr><td>打印</td><td>刻录</td><td>墨盒</td></tr><tr><td>笔记</td><td>铅笔</td><td>墨水</td></tr></table><hr/><!-- border:设置单元格边框粗细;cellspacing:设置单元格和边框之间的距离;cellpadding:设置单元格和文本之间的距离 --><table border="1px" cellspacing="0px" cellpadding="8px" ><tr><th>姓名</th><!-- 表头用<th>标签标示:--><th>性别</th></tr><tr><td>张三</td><td>男</td></tr><tr><td>小花</td><td></td></tr></table></body></html>
页面效果:
0 0
- html学习笔记之Table表格
- html+css学习----表格table
- HTML学习笔记之表格的使用
- HTML学习笔记--表格
- bootstrap table 表格学习笔记
- html的笔记(table表格)
- HTML学习之表格
- <学习html>第五天笔记-表格table(创建表格、表格属性、表头标签、表格结构、表格标题标签、合并单元格)
- HTML学习笔记--制作表格
- HTML学习笔记-制作表格
- h5学习笔记一table表格
- html生成表格table
- html 表格table
- html table表格标签
- html 不规则table表格
- html --table表格
- HTML 表格table
- HTML学习笔记(九)HTML 表格
- leetcode Candy
- Qt将Sqlite中的表数据导出为CSV格式表格数据
- 神经网络笔记(Neural Network)
- compress_mall_special.sh
- 【项目 1 - C/C++语言中函数参数传递的三种方式】
- html学习笔记之Table表格
- 第二周项目3-体验复杂度(2)汉诺塔
- 快速配置Maven到OSChina中央库的教程
- 自动识别浏览器核心加前缀
- java成员内部类
- C#开发学习笔记:C#通过存储过程创建数据表
- 第16个python程序:读写文件
- Delphi 正则表达式语法: 关于大小写与中文
- vim开发环境配置