表格标签

最新推荐文章于 2024-10-17 15:53:46 发布

hoho_12

最新推荐文章于 2024-10-17 15:53:46 发布

阅读量256

点赞数

分类专栏： HTML5 文章标签： html

本文链接：https://blog.csdn.net/hoho_12/article/details/52097370

版权

HTML5 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>表格标签</title>
	</head>

	<body>

		<!--        	
        	描述：表格标签
        	
        	<table>
        		<tr></tr>
        		<td></td>
        	</table>
        	
        	table常用属性：
        	    width : 宽
        	    height : 高
        	    border : 指定边框的宽度 默认单位px
        	    background ： 背景（图片）
        	    bgcolor : 背景颜色
        	    
        	th : 列名
        	tr : 代表表格中的一行
        	td : 一个单元格
        	    
        -->

		<table width="400px" border="1" bgcolor="azure" bordercolor="red" align="center">
			<caption>标题</caption>
			<th>
				IOS
			</th>
			<th>
				Java
			</th>
			<th>
				php
			</th>

			<tr>
				<td>30</td>
				<td>30</td>
				<td rowspan="2">60</td>
			</tr>
			<tr>
				<td align="center">40</td>
				<td>40</td>
			</tr>
		</table>

		<br />
		<br />
		<br />
		<br />
		<br />

		<!--
	                表格一行有多少个格子？
			Max( <tr>中td的个数</tr>  )
			colspan = 2 水平占两个格子
			rowspan = 2 垂直方向占两个格子
        -->
		<table border="2" align="center">
			<tr>
				<th>姓名</th>
				<th colspan="2">账号</th>
			</tr>
			<tr>
				<td>老周</td>
				<td>18707149499</td>
				<td>18707149499</td>
			</tr>
		</table>
	</body>

</html>