<table>代表表格</table> <tr>代表表格中的一行</tr> <td>代表表格中的一列</td> 'tr'與'td'交成一個單元格 <table>...</table>之間有多少個<tr>，就有多少行 <tr>...</tr>之間有多少個<td>，就有多少列

正常的內(nèi)容文字使用宋體12號即可，無需效果網(wǎng)站名，logo采用最大的字體，黑體，筆跡清晰即可。文章標題采用大于14號比內(nèi)容略大。版權(quán)，底部，次要文字采用10號左右淺色。

CSS是Cascading Style Sheets(層疊樣式表)的縮寫。是一種對web文檔添加樣式的簡單機制，屬于表現(xiàn)層的布局語言。1.基本語法規(guī)范分析一個典型CSS的語句：p {COLOR:#FF0000;BACKGROUND:#FFFFFF} ??其中"p"我們稱為"選擇器"(selectors)，指明我們要給"p"定義樣式；??樣式聲明寫在一對大括號"{}"中；??COLOR和BACKGROUND稱為"屬性"(property)，不同屬性之間用分號";"分隔；??"#FF0000"和"#FFFFFF"是屬性的值(value)。2.顏色值顏色值可以用RGB值寫，例如：color : rgb(255,0,0)，也可以用十六進制寫，就象上面例子color:#FF0000。如果十六進制值是成對重復(fù)的可以簡寫，效果一樣。例如:#FF0000可以寫成#F00。但如果不重復(fù)就不可以簡寫，例如#FC1A1B必須寫滿六位。3.定義字體web標準推薦如下字體定義方法：body { font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋體,sans-serif; } 字體按照所列出的順序選用。如果用戶的計算機含有Lucida Grande字體，文檔將被指定為Lucida Grande。沒有的話，就被指定為Verdana字體，如果也沒有Verdana，就指定為Lucida字體，依此類推，； ??Lucida Grande字體適合Mac OS X； ??Verdana字體適合所有的Windows系統(tǒng)； ??Lucida適合UNIX用戶 ??"宋體"適合中文簡體用戶; 如果所列出的字體都不能用，則默認的sans-serif字體能保證調(diào)用; 4.群選擇器當幾個元素樣式屬性一樣時，可以共同調(diào)用一個聲明，元素之間用逗號分隔，：p, td, li { font-size : 12px ; } 5.派生選擇器可以使用派生選擇器給一個元素里的子元素定義樣式，例如這樣：li strong { font-style : italic; font-weight : normal；} 就是給li下面的子元素strong定義一個斜體不加粗的樣式。6.id選擇器用CSS布局主要用層"div"來實現(xiàn)，而div的樣式通過"id選擇器"來定義。例如我們首先定義一個層<div id="menubar"></div>然后在樣式表里這樣定義：#menubar {MARGIN: 0px;BACKGROUND: #FEFEFE;COLOR: #666;} 其中"menubar"是你自己定義的id名稱。注意在前面加"#"號。id選擇器也同樣支持派生，例如：#menubar p { text-align : right; margin-top : 10px; } 這個方法主要用來定義層和那些比較復(fù)雜，有多個派生的元素。6.類別選擇器在CSS里用一個點開頭表示類別選擇器定義，例如：.14px {color : #f60 ;font-size:14px ;} 在頁面中，用class="類別名"的方法調(diào)用：<span class="14px">14px大小的字體</span> 這個方法比較簡單靈活，可以隨時根據(jù)頁面需要新建和刪除。7.定義鏈接的樣式CSS中用四個偽類來定義鏈接的樣式，分別是：a:link、a:visited、a:hover和a : active，例如：a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;} 以上語句分別定義了"鏈接、已訪問過的鏈接、鼠標停在上方時、點下鼠標時"的樣式。注意，必須按以上順序?qū)?，否則顯示可能和你預(yù)想的不一樣。記住它們的順序是“LVHA”。

屬于內(nèi)嵌樣式。例如：123<div  style="background:#ccc,width:300px; height:200px">樣式</div>這個表示，圖層 高度:200px ,寬度：300px, 背景：#ccc;   

頁面中header部分一般位于最上端（有時根據(jù)需要也會位于某一側(cè)，不管它在頁面中的位置如何，在XHTML代碼中它總是優(yōu)于其它元素先加載），內(nèi)容主要包括網(wǎng)站名稱（Logo，次級標題可能是網(wǎng)站的一句口號等）和網(wǎng)站的導(dǎo)航部分。在推行Web標準的現(xiàn)代網(wǎng)絡(luò)中，Web中對于header的代碼結(jié)構(gòu)似乎已經(jīng)趨于穩(wěn)定化。下面是一個典型的header代碼結(jié)構(gòu)： <div id="header"> <h1>dudo 博客</h1> <ul> <li>首頁</li> <li>CSS</li> <li>XHTML</li> <li>JavaScript</li> </ul> </div> 這段代碼我們可以通過添加CSS代碼來實現(xiàn)多種布局樣式。

<pre>Text（in a pre tag) is displayed in a fixed-width font, and it preserves both spaces and line breaks</pre> <pre> tag 用來顯示固定寬度的字體，它能保留（固定的/原有的。。。字和行的）空格和換行The pre element is often used to display computer code<pre> tag 通常被用來顯示計算機程序如： <pre>for i = 1 to 10 print inext i</pre>** 貓迷英語專家團提供【Real。American。English?！?

大部分html標簽都是有＃語義＃的，例如<p>表示這是一個段落，<strong>表示強調(diào)，<ul>表示是無序列表。<div>和<span>是2個無語意的標簽，也就是說，他們可以當作一個容器，里面放別的東西。<div>默認是塊級元素，<span>默認是inline元素。因此，當你需要為一個<ul>加一個父元素以方便更好地布局或者js操作，就可以用<div>將其包含起來。在html5以前，由于沒有 header/footer/section/article 這樣的語義標簽，所以都是用div來布局，以區(qū)分不同的頁面內(nèi)容模塊。例如導(dǎo)航：<div class='main-nav'> <ul>這里是實際的導(dǎo)航條內(nèi)容....</ul></div>這樣對于寫css有一定的便利。特別是萬惡的ie7-年代，為了圓角、陰影等效果，可能要嵌套n層的div才能實現(xiàn)。而隨著html5/css3的普及，已經(jīng)不用這樣嵌套了。所以，如果你開始學習制作網(wǎng)頁，挑選教材就很重要了。不要再學那些幾年前的理念了。 真是太謝謝了 我現(xiàn)在學的是html5和css3的