【常見的塊級標籤】 標題標籤<h1></h1>...<h6></h6> 水平線<hr/> 段落<p></p> 換行<br/> 引用<blockquote</blockquote> 預格式<pre></pre>   引用標籤<blockquote></blockquote> 表明標籤中的文字，為引用的內容，瀏覽器顯示為等寬字型，並縮排。 cite屬性，表明引用的來源，一般為引用的網址URL <blockquote cite="http：//www.yt4561761.com"> hahahahahahah </blockquote>   預格式標籤<pre></pre> 瀏覽器解析時，會按照等寬字型顯示，並保留標籤內的空格和回車。 常用於保留程式碼格式。 <pre>yt4561761 yt4561761 yt4561761 </pre>   【有序列表ol order list】 <ol> <li>一</li> <li>二</li> <li>三</li> <li>四</li> </ol>   【無序列表ul unorder list】 <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul>   【定義描述列表】 <dl> <dt>標題</dt> <dd>描述項</dd> </dl> 一般情況下，標題dt只有一項。描述項dd可以有多項。 瀏覽器顯示時，標題頂格顯示，dd縮排顯示。 <dl> <dt>這是dl列表的標題</dt> <dd>描述項1</dd> <dd>描述項2</dd> <dd>描述項3</dd> </dl>   【圖片組合標籤figure】 1-<figure></figure>標籤有兩個子標籤： <img src="">:一幅圖片，src表示圖片的路徑。 <figcaption></figcaption>：圖片的標題 2-瀏覽器顯示為：圖片與標題上下排列，且整體向後縮排一個單位。 <figure> <img src="img/icon.png" /> <figcaption>洪浩光伏 </figcaption> </figure>   【分割槽標籤div】 常配合CSS使用，為網頁中最常用的分割槽標籤，常用於網頁佈局使用 <div style="width：100%; height：100px; "> 這是div裡面的文字 <h1>div裡面的標題</h1> </div>   【常見的行級標籤】 span 文字 img 圖片 em 強調 strong 強調 q 短引用 a 超連結 i 傾斜 b 加粗 small 縮小字型 u 下劃線   span（文字）：用於包裹一部分文字，進行特定樣式的修改。 虞濤真<span style="color:red; font-size:36px;">酷</span>！！   em（強調）：瀏覽器顯示為傾斜。 strong（強調）：瀏覽器顯示為加粗。   【strong/em/i/b 標籤的區別】 1-em和strong都表示強調，strong>em,strong和em標籤均可多層巢狀，表示強調程度的遞增。 2-em和i都能傾斜，Strong和b都能加粗。但是Strong和em多了一層強調的語義。可以幫助搜尋 引擎快速抓取網站重點。且html5要求開發者儘可能實現程式碼的語義化。 <em>我真帥！！</em><br /> <strong>我真踏馬帥！！</strong><br /> <i>我被i標籤弄斜了</i><br /> <b>我被b標籤弄粗了</b><br />   【q(短引用)】常用於一句話的引用，cite屬性表示引用來源，瀏覽器解析時，會在內容的前後插入雙引號。 <q cite="www.yt4561761.com">那你很棒哦</q>   small（縮小字型）：small標籤可多層巢狀，表示比預設字型小一號，直到小到最小號為止。   big（放大字型）：亦可多層巢狀，直到最大。 但在最新規範中，small和big標籤不提倡使用。提倡使用style="font-size:11px;"CSS樣式替代。 <p>那你很<big><big><big><big><big>棒</big></big></big></big></big>哦！</p>       【table】 <table></table>表格框 <tr></tr>表格行 <td></td>表格列 <th></th> 表格標題列（將tr中的td替換為th)，th預設加粗且在單元格居中顯示。   【table的常用屬性】 1-border：表格邊框屬性；當使用border="1"設定邊框時，會在所有td以及table上巢狀邊框，當border加大時，只有table框會加粗。 2-cellspacing：單元格與單元格之間的間隙。當cellspacing="0"時，單元格之間的間隙為0，但邊框線並不會合併。 ☆☆合併邊框的寫法style="border-collapse:collapse;" 使用邊框合併時，無需設定cellspacing。 3-cellpadding:單元格內邊距，單元格中文字與單元格邊框之間的距離。 4-width/height:表格的寬高 5-align：設定表格在父容器中的對齊方式 ，left/居左 center/居中 right/居右 ☆☆當表格使用align屬性時，相當於使表格浮動，可能會導致表格後面的元素受表格浮動影響，導致佈局錯亂。 6-bgcolor：背景色 7-background：背景圖，後接相對路徑。背景圖和背景色同時生效時，圖會覆蓋背景色 8-bordercolor：設定邊框顏色   【<tr><td>標籤的屬性】 當表格屬性與行列屬性衝突時，以行列屬性為優先，屬性設定優先順序td>tr>table。 1-width,height:給單個的行列設定寬高 2-bgcolor:背景色 3-align：設定單元格中的文字，在單元格中的水平對齊方式 left/center/right 4-valign:設定單元格中文字在格中的垂直對齊方式 top/center/bottom 5-nowrap:nowrap="nowrap"設定單元格文字行末不斷行   【表格的跨行與跨列】 1-跨列：colspan，某單元格跨N列，則該單元格右邊的N-1個td就不需要了。 2-跨行：rowspan，某單元格跨N行，則該單元格下邊的N-1個td就不需要了。