零基础学习网页制作（四）

四、整合已学的元素
1)描述
前面讲了一些简单的呈现元素和它们基本样式的修改,这一章主要将它们整合在一起,

大致代码如下:

<meta charset="utf-8" />
<title></title>
<!-- 从前有座山(有个p)山宽200公里,山高400公里,山上长满了树,
        所以看上去是绿色的 -->
<p>
<h1>我是山上的枫树,叶子红红的</h1>
<h2>我是山上的沃土,黑黑的</h2>
<table>
<tbody>
	<tr>
	<td>我是山上一抹油菜花</td>
	<td>我是山上一抹油菜花</td>
	</tr>
	<tr>
	<td>我是山上一抹油菜花</td>
	<td>我是山上一抹油菜花</td>
	</tr>
</tbody>
</table>
<br />
<!-- 下面也是山上的一棵树 --><img src=/uploadfile/2017/1116/20171116075211859.png" width="100px" /></p>
<!-- 我是山旁边的琥珀,蓝蓝的 -->
<p>
<h3>白船</h3>
<!-- 湖泊上有一座假山-->
<p>我是假山</p>
</p>

2)代码解释
p里面涵盖了较多的东西,这一章引入了一个新的样式
background表示元素的背景色.
width表示元素的宽度
height表示元素的高度
3)预览
预览结果如图