顺序，表格练习

最新推荐文章于 2019-11-11 10:55:53 发布

拙劣。

最新推荐文章于 2019-11-11 10:55:53 发布

阅读量200

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML 块级元素

本文链接：https://blog.youkuaiyun.com/weixin_44017414/article/details/84941812

块级元素同时被 2 个专栏收录

5 篇文章

订阅专栏

HTML

2 篇文章

订阅专栏

初学顺序与表格的运用方式：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
        <div  style="background: lightblue; width: 300px;height: 100px;">我是div元素<a href="index.html">我是div-a</a></div>
        <p style="background: lightcoral;">我是p元素</p>
        <h1>我是h1标签</h1>
        <h2 style="background: lightblue;width: 200px;height: 100px;">我是h2标签</h2>
        <h3>我是h3标签</h3>
        <ul style="background: lawngreen;"type="square">
        	<li style="background: magenta;">我是无序标签</li>
        	<li>我是无序标签</li>
        	<li>我是无序标签</li>
        </ul>
        <ol style="background: lawngreen;"type="1">
            <li>我是有序标签</li>
        	<li>我是有序标签</li>
        	<li>我是有序标签</li>
        </ol>
		  <table border="1" cellspacing="0" cellpadding="10">
		  <tr>
		  		<th>姓名</th>
		  		<th>性别</th>
		  		<th>年龄</th>
		  		<th>爱好</th>
		 </tr>
		  <tr>
		  		<td>小王</td>
		  	    <td>男</td>
		  	    <td>18</td>
		  	    <td rowspan="2">读书</td>
		  </tr>
		  	<tr>
		  		<td>小张</td>
		  		<td rowspan="2">女</td>
		  		<td>20</td>
		  </tr>
		 <tr>
		 		<td>小薇</td>
		 		
		 		<td colspan="2">18搏击</td>
		 </tr>
		  </table>
	</body>
</html>

效果如下：