zoukankan      html  css  js  c++  java
  • 实训篇-Html-表格练习2

    <!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>
    

      

  • 相关阅读:
    jquery获取当前元素的坐标
    JS获取鼠标点击位置坐标
    基于jquery fly插件实现加入购物车抛物线动画效果
    PHP下载远程图片的方法
    IQ测试
    PHP面试题
    Apache服务器错误问题Internal Server Error
    php获取当前浏览器完整地址
    jQuery检测滚动条到达顶部或底部
    scrapy 命令
  • 原文地址:https://www.cnblogs.com/52dxer/p/12159659.html
Copyright © 2011-2022 走看看