今天的我复制的昨天的程序员

今天的我是昨天的复制，今天的我不想在那么的混下去了，今天的我把以前学过的东西回想了一遍，今天的我学习了HTML，这是网页设计的基本知识，学习了网页中的各种标签，还有标签中各种属性，从最初的HTML开始，到CSS+DIV，都重头学了个遍，我想最好的还是CSS+DIV吧，我看了一个博客写的，从最简单的什么是HTML开始，到最后的IFREAM框架，让我对HTML又有了一个更新的认识，以前在大学学习的时候，只会用Adobe Dreamweaver 这个工具在上面填东西，对代码的部分根本就没什么更深的了解，在培训期间，学了很多，自己独立能完成页面的代码，几千行的代码没有问题，设计出的页面也和原来的几乎完全相同，但是今天又重新复习了一下，感觉还有那么多的内容不会，对IFREAM框架的理解没有那么的深，原来每一种语言都有他独特的魅力，想网站的布局。

1.                             <style type="text/css">   
2. body {   
3.     margin: 0px;   
4.     padding: 0px;   
5.     font-size: 12px;   
6. }   
7.   
8. #container {   
9.     width: 960px;   
10.     margin-left: auto;   
11.     margin-right: auto;   
12. }   
13.   
14. #header {   
15.     width: 100%;   
16.     height: 150px;   
17.     float: left;   
18. }   
19.   
20. #header #left {   
21.     width: 200px;   
22.     height: 100%;   
23.     background-color: blue;   
24.     float: left;   
25. }   
26.   
27. #header #center {   
28.     width: 600px;   
29.     height: 100%;   
30.     background-color: gray;   
31.     float: left;   
32. }   
33.   
34. #header #right {   
35.     width: 140px;   
36.     height: 100%;   
37.     background-color: yellow;   
38.     float: left;   
39. }   
40.   
41. #menu {   
42.     width: 100%;   
43.     height: 25px;   
44.     background-color: gray;   
45.     float: left;   
46. }   
47.   
48. #main {   
49.     width: 100%;   
50.     float: left;   
51. }   
52.   
53. .left {   
54.     width: 150px;   
55.     height: 500px;   
56.     background-color: red;   
57.     float: left;   
58. }   
59.   
60. .right {   
61.     width: 800px;   
62.     height: 500px;   
63.     float: right;   
64. }   
65.   
66. .rleft {   
67.     width: 300px;   
68.     height: 245px;   
69.     background-color: blue;   
70.     float: left;   
71. }   
72.   
73. .rright {   
74.     margin: 0px;   
75.     padding: 0px;   
76.     width: 490px;   
77.     height: 245px;   
78.     background-color: orange;   
79.     float: right;   
80. }   
81.   
82. .rtitle {   
83.     width: 100%;   
84.     height: 26px;   
85.     background: url("../images/title.png") no-repeat right;   
86. }   
87.   
88. .rtitle h3 {   
89.     padding: 0px;   
90.     margin: 0px;   
91.     font-size: 14px;   
92.     line-height: 26px;   
93.     width: 100px;   
94.     height: 26px;   
95.     padding-left: 15px;   
96.     background: url("../images/title.png") no-repeat left;   
97.     float: left;   
98. }   
99.   
100. .rtitle a {   
101.     padding: 0px;   
102.     margin: 0px;   
103.     font-size: 14px;   
104.     line-height: 26px;   
105.     width: 60px;   
106.     height: 26px;   
107.     float: right;   
108. }   
109.   
110. .adv {   
111.     width: 100%;   
112.     height: 100px;   
113.     background-color: gray;   
114.     float: left;   
115. }   
116.   
117. #footer {   
118.     width: 100%;   
119.     height: 100px;   
120.     background-color: yellow;   
121.     float: left;   
122. }   
123.   
124. .navw {   
125.     width: 100%;   
126.     height: 10px;   
127.     overflow: hidden;   
128.     float: left;   
129. }   
130.   
131. .navh {   
132.     width: 10px;   
133.     height: 100%;   
134.     float: left;   
135. }   
136. </style>   
137.                   

<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>

1. <div id="container">  
2.         <div id="header">  
3.                 <div id="left">  
4.                 </div>  
5.                 <div class="navh">  
6.                 </div>  
7.                 <div id="center">  
8.                 </div>  
9.                 <div class="navh">  
10.                 </div>                   
11.                 <div id="right">  
12.                 </div>  
13.         </div>  
14.         <div class="navw">  
15.         </div>  
16.             <div id="menu">  
17.         </div>  
18.            
19.         <div class="navw">  
20.         </div>  
21.         <div id="main">  
22.                 <div class="left">  
23.                 </div>  
24.                 <div class="navh">  
25.                 </div>  
26.                 <div class="right">  
27.                         <div class="rleft">  
28.                         </div>  
29.                         <div class="rright">  
30.                             <div class="rtitle">  
31.                                 <h3>测试一下</h3>  
32.                                 <a href="#">更多...</a>  
33.                             </div>  
34.                         </div>  
35.                         <div class="navw">  
36.                         </div>  
37.                         <div class="rleft">  
38.                         </div>  
39.                         <div class="rright">  
40.                         </div>                                               
41.                 </div>  
42.        
43.         </div>  
44.         <div class="navw">  
45.         </div>  
46.         <div id="footer">  
47.            
48.         </div>  
49. </div>   

引自http://www.dlivan.com/15.html | 创想空间|大连SEO|专注于电脑技术、网站架设互联网

该日志由 ivan 于2011年03月08日发表在大连SEO分类下， 你可以发表评论，并在保留原文地址及作者的情况下引用到你的网站或博客。
这个网站的SEO做的很好，还有HTML的语言的一些用法，我在这个网站上把HLML的内容重新看了一遍，让我受益匪浅，今天的我不在是昨天的我，今天的我学习了东西，比昨天的我有了一点长进，呵呵。

人要越长大越懂得充实自己，要不到老的时候真的会后悔莫及，今天的我有了点小感慨，希望前辈别笑话我，加油明天是美好的，未来是光明的，为了明天努力！