前端入门知识——HTML 基本结构(2)
body所容纳的都是与展现相关的，代码实例如下：
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>兴趣部落</title>
<style type="text/css">
table{border-collapse:collapse;} td{ background:#F2F2F2; border:solid 1px #CCCCCC; width:100px; height:22px; }
</style>
</head>
<body>
<table id="thetable">
<tr>
<td>兴趣部落一</td>
<td>兴趣部落二</td>
<td>兴趣部落三</td>
<td>兴趣部落四</td>
</tr> <tr>
<td>兴趣部落一</td>
<td>兴趣部落二</td>
<td>兴趣部落三</td>
<td>兴趣部落四</td>
</tr> <tr>
<td>兴趣部落一</td>
<td>兴趣部落二</td>
<td>兴趣部落三</td>
<td>兴趣部落四</td>
</tr> </table>
</body>
</html>
上面代码中，body内容是一个细线表格效果的展示，当然还可以容纳其他内容这里仅仅是一个展示。
最后，给大家推荐一个前端学习进阶内推交流群685910553（前端资料分享），不管你在地球哪个方位，
不管你参加工作几年都欢迎你的入驻！（群内会定期免费提供一些群主收藏的免费学习书籍资料以及整理好的面试题和答案文档！）
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>兴趣部落</title>
<style type="text/css">
table{border-collapse:collapse;} td{ background:#F2F2F2; border:solid 1px #CCCCCC; width:100px; height:22px; }
</style>
</head>
<body>
<table id="thetable">
<tr>
<td>兴趣部落一</td>
<td>兴趣部落二</td>
<td>兴趣部落三</td>
<td>兴趣部落四</td>
</tr> <tr>
<td>兴趣部落一</td>
<td>兴趣部落二</td>
<td>兴趣部落三</td>
<td>兴趣部落四</td>
</tr> <tr>
<td>兴趣部落一</td>
<td>兴趣部落二</td>
<td>兴趣部落三</td>
<td>兴趣部落四</td>
</tr> </table>
</body>
</html>
上面代码中，body内容是一个细线表格效果的展示，当然还可以容纳其他内容这里仅仅是一个展示。
最后，给大家推荐一个前端学习进阶内推交流群685910553（前端资料分享），不管你在地球哪个方位，
不管你参加工作几年都欢迎你的入驻！（群内会定期免费提供一些群主收藏的免费学习书籍资料以及整理好的面试题和答案文档！）
堵住前端小孔哭喊