频道栏目
首页 > 程序开发 > web前端 > HTML/CSS > 正文
零基础学习网页制作(四)
2017-11-16 08:58:00      个评论    来源:Jinx  
收藏   我要投稿

零基础学习网页制作(四)

四、整合已学的元素
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=http://img.2cto.com/2017/1116/20171116075211859.png" width="100px" /></p>
<!-- 我是山旁边的琥珀,蓝蓝的 -->
<p>
<h3>白船</h3>
<!-- 湖泊上有一座假山-->
<p>我是假山</p>
</p>

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

点击复制链接 与好友分享!回本站首页
上一篇:零基础学习网页制作(三)
下一篇:零基础学习网页制作(五)
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站