8-html表格
2024-10-20 11:53:18
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>html表格</title>
<link rel="stylesheet" href="">
</head>
<body>
<!-- table标签:声明一个表格
tr标签：定义表格中的一行
td与th标签：定义一行中的一个单元格，td代表普通单元格，th代表表头单元格 -->
<h3>产品列表</h3>
<!-- border：边框，width:宽度，height：高度-->
<table border="1" width="300" height='150'>
<tr>
<th>序号</th>
<th>产品名称</th>
<th>产品价格</th>
<th>产品数量</th>
</tr>
<tr>
<!-- align:
center：设置水平居中
left：向左对齐
right：向右对齐
middle：设置垂直居中（默认就是这样） -->
<td align="center">1</td>
<td>苹果</td>
<td>￥5.00</td>
<td>1000</td>
</tr>
<tr>
<td align="center">2</td>
<td>橘子</td>
<td>￥4.00</td>
<td>2000</td>
</tr>
</table>
<h3>个人简历表</h3>
<table border="1" width="600" height="300">
<tr>
<!-- colspan:合并n列为一列 -->
<td colspan="5" align="left">基本情况</td>
</tr>
<tr>
<!-- rowspan：合并n行为一行 -->
<td width="18%">姓名</td>
<td width="18%"></td>
<td width="18%">性别</td>
<td width="18%"></td>
<td rowspan="5" width="28%" align="center" ><img src="../../飞机大战/image/hero.jpg" alt="人物图片"> </td>
</tr>
<tr>
<td>民族</td>
<td></td>
<td>出生日期</td>
<td></td>
</tr>
<tr>
<td>政治面貌</td>
<td></td>
<td>健康情况</td>
<td></td>
</tr>
<tr>
<td>籍贯</td>
<td></td>
<td>学历</td>
<td></td>
</tr>
<tr>
<td>电子邮箱</td>
<td></td>
<td>联系电话</td>
<td></td>
</tr>
</table>
</body>
</html>
最新文章
- php中include()和require()的区别
- 淘宝美工一站式:淘宝ps高级美工技巧视频教程，HTML代码学习【教程下载
- excel2013添加坐标轴名称label
- GridView合并表头、多重表头（转）
- 更改MySql表和字段区分大小写
- 北京网络赛G BOXES 状态压缩+有序BFS+高维数组判重
- swift－自定义无限轮播图
- 在 lamp(centos)下配置二级 域名 、虚拟主机
- Ural1109_Conference(二分图最大匹配/匈牙利算法/网络最大流)
- linux脚本: makefile以及链接库
- Phoenix与Hive学习资料
- 利用crontab定时提交svn遇到的几个问题
- C# 根据出生日期（年月日）计算年龄的代码
- centos6安装oracle11g过程中报错Error in invoking target “install” of makefile ‘/home/oracle/app/oracle/product/11.2.0/dbhome_1/ctx/lib/ins_ctx.mk’
- c++入门之初话指针
- python(9): GUI
- hbase记录-修改压缩格式
- 七种常见的核酸序列蛋白编码能力预测工具 | ncRNAs | lncRNA
- Linux音频驱动学习之：（2）移植wm8976声卡驱动（linux-3.4.2）
- Class does not Implement Equals——Code Correctness（代码正确性）