码迷,mamicode.com
首页 > Web开发 > 详细

html练习

时间:2016-04-04 17:59:27      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:

自从上次老师讲了html,javascript,div+cs,就对其产生了浓厚的兴趣。在练习的途中,我发现它的灵活性真的很高,首先我订了一下标题,并且从大到小,从上到下依次显示,它们之间有些层次的错位。我分别用了IE浏览器和Google浏览器,发现它们的层次有所不同,如下

IE浏览器

技术分享技术分享
Google浏览器
技术分享
其代码如下:
<style>
h2.ex1
{
position:relative;
left:284px;
}
h3.ex2
{
position:relative;
left:244px;
.left{float:left;}
}
</style>
</head>
<body background="2.jpg">
<h1 align="center">Traving and Enjoyment </h1>
<hr />
<h2 class="ex1">Traving and Enjoyment</h2>
<hr />
<h3 class="ex2">Traving and Enjoyment</h3>
<hr />
然后有考虑为什么不同浏览器出现了不同的效果,relative是相对定位,照理说应该没错,于是我查了一些资料,嗯,很可惜,没查到,只查到了对标题的定位与相对定位.也是用的这种方法。
然后我就试了下浮动
根据老师的讲述,我设定了.left{float:left;}
对图片进行向左浮动,然后再clean浮动,如图
技术分享
最后试了一下插入音乐,打开IE浏览器发现没有,以为自己设置错了,结果打开谷歌,能有图标,并且还能放出歌来。
总之,在这次很少的编制中,还是遇到了不少的问题,同时又加深了对html的兴趣。在这次练习中,我发现只有熟悉这语言才能很快的写出来,否则可能会在很简单的练习中花费好几个小时,因为不懂,所以去查资料,正因为这种不懂才会学到更多。

 

html练习

标签:

原文地址:http://www.cnblogs.com/lynley/p/5352246.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!