自从上次老师讲了html，javascript,div+cs，就对其产生了浓厚的兴趣。在练习的途中，我发现它的灵活性真的很高，首先我订了一下标题，并且从大到小，从上到下依次显示，它们之间有些层次的错位。我分别用了IE浏览器和Google浏览器，发现它们的层次有所不同，如下
IE浏览器
Google浏览器
其代码如下：
<style>
h2.ex1
{
position:relative;
left:400px;
}
h3.ex2
{
position:relative;
left:350px;
.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 />
h2.ex1
{
position:relative;
left:400px;
}
h3.ex2
{
position:relative;
left:350px;
.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是相对定位，照理说应该没错，于是我查了一些资料，嗯，很可惜，没查到，只查到了对标题的定位与相对定位.也是用的这种方法。并且，随着显示框的缩小，其标题的位置也发生了改变，于是查找资料，说是实现 css+div 的位置，这样就不随窗口大小改变而变化。
后面我就试了下浮动
根据老师的讲述，我设定了.left{float:left;}
对图片进行向左浮动，然后再clean浮动，如图
最后试了一下插入音乐，打开IE浏览器发现没有，以为自己设置错了，结果打开谷歌，能有图标，并且还能放出歌来。
总之，在这次很少的编制中，还是遇到了不少的问题，同时又加深了对html的兴趣。在这次练习中，我发现只有熟悉这语言才能很快的写出来，否则可能会在很简单的练习中花费好几个小时，因为不懂，所以去查资料，正因为这种不懂才会学到更多。