首页 > Web开发 > 详细

实训篇-Html-表格练习2

时间:2020-01-07 11:22:37      阅读:75      评论:0      收藏:0      [点我收藏+]
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
<!--用于表格边框绘制成细黑线-->
<style type="text/css">
        table{
			border-collapse: collapse;
		}
		table,th,td{
			border:1px,solid,black;
		}
</style>

		<!--table>tr*3>td*4 tab键 快速生成  一个3行4列表格-->
		<table  align="center" border="1px">
			<tr align="center" height="30px">
				<td width="70px">姓名</td>
				<td width="70px"></td>
				<td width="70px">性别</td>
				<td width="70px"></td>
				<td width="70px">年龄</td>
				<td width="100px"></td>

			</tr>
			<tr align="center" height="30px">
				<td>文化程度</td>
				<td></td>
				<td>专业</td>
				<td></td>
				<td>籍贯</td>
				<td></td>

			</tr>
			<tr align="center" height="30px">
				<td colspan="2">联系方式</td>

				<td colspan="3"></td>
				<td rowspan="3">
					<img  src="img/4.png" width="100px" height="110px"/>
				</td>

			</tr>
			<!--第四行-->
			<tr align="center" height="30px">
				<td colspan="2">家庭住址</td>
				<td colspan="3"></td>

			</tr>
			<tr align="center" height="30px">
				<td  colspan="2">身份证号码</td>
				<td colspan="3"></td>

			</tr>
			<tr align="left" height="30px">
				<td colspan="6">个人工作经历:</td>


			</tr>
			<tr align="center" height="130px">
				<td colspan="6"></td>

			</tr>
			<tr align="left" height="30px">
				<td colspan="6">个人简历:</td>

			</tr>
			<tr align="center" height="300px">
				<td colspan="6"></td>

			</tr>
		</table>
		
		
		
	</body>
</html>

  技术分享图片

实训篇-Html-表格练习2

原文:https://www.cnblogs.com/52dxer/p/12159659.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!