HTML中的表格小关于

最新推荐文章于 2023-01-11 02:20:44 发布

PD137

最新推荐文章于 2023-01-11 02:20:44 发布

阅读量304

点赞数

分类专栏： web前端文章标签： HTML

本文链接：https://blog.csdn.net/PD137/article/details/100943793

版权

web前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

无言

可以用colgroup标签，<colgroup span=”列的数量” width=”200px”> 如果最后一列特别，可以在后面单独写一个<colgroup span=”1” width=”200px”>
Table：代表表格 tr：表示一行 td：表示单元格 col：代表一列
th：居中加粗的td。
<table border="1px" cellspacing="0"></table>：border是边框，cellspacing表示单元格边框间间隙
colspan 属性规定单元格可横跨的列数。rowspan 属性规定单元格可横跨的行数。
<td width="200px" align="center"></td>：控制单元格宽度，align排列，这里表示对齐方式
<col width="200px">：coumn列的缩写

一行<col width="200px">表示一列的宽度，多少行，就设置了多少列

<col>定义和用法

<col> 标签为表格中一个或多个列定义属性值。

如需对全部列应用样式，<col> 标签很有用，这样就不需要对各个单元和各行重复应用样式了。

您只能在 table 或 colgroup 元素中使用 <col> 标签。

<col>可选的属性

属性	值	描述
align	right left center justify（两端对齐的文本效果） char	规定与 col 元素相关的内容的水平对齐方式。
char	character	规定根据哪个字符来对齐与 col 元素相关的内容。
charoff	number	规定第一个对齐字符的偏移量。
span	number	规定 col 元素应该横跨的列数。
valign	top middle bottom baseline	定义与 col 元素相关的内容的垂直对齐方式。
width	pixels % relative_length	规定 col 元素的宽度。

代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<table border="1px" cellspacing="0" >
			<col width="100px">
			<col width="100px">
			<col width="100px">
			<col width="100px">
			<col width="100px">
			<col width="100px">
			<col width="200px">
			
			<tr height="40px" align="center">
				<td colspan="7">个人简历</td>
			</tr>
			<tr height="40px" align="center">
				<td>姓名</td>
				<td></td>
				<td>性别</td>
				<td></td>
				<td>年龄</td>
				<td></td>
				<td rowspan="4">图片</td>
			</tr>
			<tr height="40px" align="center">
				<td>学历</td>
				<td></td>
				<td>籍贯</td>
				<td colspan="3"></td>
			</tr>
			<tr height="40px" align="center">
				<td>电话</td>
				<td></td>
				<td>政治面貌</td>
				<td colspan="3"></td>
			</tr>
			<tr height="40px" align="center">
				<td>毕业院校</td>
				<td colspan="5"></td>
			</tr>
			<tr height="40px" align="center">
				<td>求职意向</td>
				<td colspan="6"></td>
			</tr>
		</table>
	</body>
</html>

结果如下：

PD137

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML中的表格小关于

无言可以用colgroup标签，<colgroup span=”列的数量” width=”200px”> 如果最后一列特别，可以在后面单独写一个<colgroup span=”1” width=”200px”> Table：代表表格 tr：表示一行 td：表示单元格 col：代表一列 th：居中加粗的td。 <table border="1px"...
复制链接

扫一扫

专栏目录