Html DW -4-表格

最新推荐文章于 2021-06-21 12:52:34 发布

limaning

最新推荐文章于 2021-06-21 12:52:34 发布

阅读量611

点赞数

分类专栏： HtmlCSS

本文链接：https://blog.csdn.net/limaning/article/details/40303501

版权

HtmlCSS 专栏收录该内容

22 篇文章 1 订阅

订阅专栏

<body>
        <p>表格由table标签开始</p>
        <p>表格行由tr开始</p>
        <p>表格数据由td开始</p>
        <hr/>
        <p>以2行3列的表格为例：</p>
        <table border="1">        <!-- border设置表格里面的边框宽度  -->
        					<!-- cellpadding="10"即表格内容和周围边框的距离    cellspacing="10"即内部单元格的间距 -->
        					<!-- 用background="图片地址"或bgcolor="red"设置表格背景图片或者颜色 -->
       　　　 <caption>caption表格标题</caption>
        	<tr>					<!-- tr表示表头标题 -->
			<th>第一列th标题</th>	　　　　　　<!-- 用align="left"或"right"来设置左右对齐 -->
			<th colspan="2">第二列th标题</th>        <!-- colspan=2表示这个标题跨两列　　　rowspan=2表示纵跨两行 -->			
        		</tr>
			<tr>
				<td>黎明</td>				
				<td>Baby</td>
				<td>Slider</td>
			</tr>    
			<tr>
				<td>Ricky</td>
				<td> </td>			<!--  表示空格占位符 -->
				<td>Swift</td>
			</tr>    
						
        </table>