今天的我是昨天的复制,今天的我不想在那么的混下去了,今天的我把以前学过的东西回想了一遍,今天的我学习了HTML,这是网页设计的基本知识,学习了网页中的各种标签,还有标签中各种属性,从最初的HTML开始,到CSS+DIV,都重头学了个遍,我想最好的还是CSS+DIV吧,我看了一个博客写的,从最简单的什么是HTML开始,到最后的IFREAM框架,让我对HTML又有了一个更新的认识,以前在大学学习的时候,只会用Adobe Dreamweaver 这个工具在上面填东西,对代码的部分根本就没什么更深的了解,在培训期间,学了很多,自己独立能完成页面的代码,几千行的代码没有问题,设计出的页面也和原来的几乎完全相同,但是今天又重新复习了一下,感觉还有那么多的内容不会,对IFREAM框架的理解没有那么的深,原来每一种语言都有他独特的魅力,想网站的布局。
- <style type="text/css">
- body {
- margin: 0px;
- padding: 0px;
- font-size: 12px;
- }
- #container {
- width: 960px;
- margin-left: auto;
- margin-right: auto;
- }
- #header {
- width: 100%;
- height: 150px;
- float: left;
- }
- #header #left {
- width: 200px;
- height: 100%;
- background-color: blue;
- float: left;
- }
- #header #center {
- width: 600px;
- height: 100%;
- background-color: gray;
- float: left;
- }
- #header #right {
- width: 140px;
- height: 100%;
- background-color: yellow;
- float: left;
- }
- #menu {
- width: 100%;
- height: 25px;
- background-color: gray;
- float: left;
- }
- #main {
- width: 100%;
- float: left;
- }
- .left {
- width: 150px;
- height: 500px;
- background-color: red;
- float: left;
- }
- .right {
- width: 800px;
- height: 500px;
- float: right;
- }
- .rleft {
- width: 300px;
- height: 245px;
- background-color: blue;
- float: left;
- }
- .rright {
- margin: 0px;
- padding: 0px;
- width: 490px;
- height: 245px;
- background-color: orange;
- float: right;
- }
- .rtitle {
- width: 100%;
- height: 26px;
- background: url("../images/title.png") no-repeat right;
- }
- .rtitle h3 {
- padding: 0px;
- margin: 0px;
- font-size: 14px;
- line-height: 26px;
- width: 100px;
- height: 26px;
- padding-left: 15px;
- background: url("../images/title.png") no-repeat left;
- float: left;
- }
- .rtitle a {
- padding: 0px;
- margin: 0px;
- font-size: 14px;
- line-height: 26px;
- width: 60px;
- height: 26px;
- float: right;
- }
- .adv {
- width: 100%;
- height: 100px;
- background-color: gray;
- float: left;
- }
- #footer {
- width: 100%;
- height: 100px;
- background-color: yellow;
- float: left;
- }
- .navw {
- width: 100%;
- height: 10px;
- overflow: hidden;
- float: left;
- }
- .navh {
- width: 10px;
- height: 100%;
- float: left;
- }
- </style>
<style type="text/css"> body { margin: 0px; padding: 0px; font-size: 12px; } #container { width: 960px; margin-left: auto; margin-right: auto; } #header { width: 100%; height: 150px; float: left; } #header #left { width: 200px; height: 100%; background-color: blue; float: left; } #header #center { width: 600px; height: 100%; background-color: gray; float: left; } #header #right { width: 140px; height: 100%; background-color: yellow; float: left; } #menu { width: 100%; height: 25px; background-color: gray; float: left; } #main { width: 100%; float: left; } .left { width: 150px; height: 500px; background-color: red; float: left; } .right { width: 800px; height: 500px; float: right; } .rleft { width: 300px; height: 245px; background-color: blue; float: left; } .rright { margin: 0px; padding: 0px; width: 490px; height: 245px; background-color: orange; float: right; } .rtitle { width: 100%; height: 26px; background: url("../images/title.png") no-repeat right; } .rtitle h3 { padding: 0px; margin: 0px; font-size: 14px; line-height: 26px; width: 100px; height: 26px; padding-left: 15px; background: url("../images/title.png") no-repeat left; float: left; } .rtitle a { padding: 0px; margin: 0px; font-size: 14px; line-height: 26px; width: 60px; height: 26px; float: right; } .adv { width: 100%; height: 100px; background-color: gray; float: left; } #footer { width: 100%; height: 100px; background-color: yellow; float: left; } .navw { width: 100%; height: 10px; overflow: hidden; float: left; } .navh { width: 10px; height: 100%; float: left; } </style>
- <div id="container">
- <div id="header">
- <div id="left">
- </div>
- <div class="navh">
- </div>
- <div id="center">
- </div>
- <div class="navh">
- </div>
- <div id="right">
- </div>
- </div>
- <div class="navw">
- </div>
- <div id="menu">
- </div>
- <div class="navw">
- </div>
- <div id="main">
- <div class="left">
- </div>
- <div class="navh">
- </div>
- <div class="right">
- <div class="rleft">
- </div>
- <div class="rright">
- <div class="rtitle">
- <h3>测试一下</h3>
- <a href="#">更多...</a>
- </div>
- </div>
- <div class="navw">
- </div>
- <div class="rleft">
- </div>
- <div class="rright">
- </div>
- </div>
- </div>
- <div class="navw">
- </div>
- <div id="footer">
- </div>
- </div>
引自http://www.dlivan.com/15.html | 创想空间|大连SEO|专注于电脑技术、网站架设互联网
该日志由 ivan 于2011年03月08日发表在大连SEO分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
这个网站的SEO做的很好,还有HTML的语言的一些用法,我在这个网站上把HLML的内容重新看了一遍,让我受益匪浅,今天的我不在是昨天的我,今天的我学习了东西,比昨天的我有了一点长进,呵呵。
人要越长大越懂得充实自己,要不到老的时候真的会后悔莫及,今天的我有了点小感慨,希望前辈别笑话我,加油明天是美好的,未来是光明的,为了明天努力!