節(jié)、分區(qū)和分割線

這些標(biāo)記用于將頁面分成多個(gè)部分。熟練地掌握這些標(biāo)記將意味著構(gòu)建出具有良好的結(jié)構(gòu)和布局的頁面，使其更加友好和易于閱讀。

分區(qū) - <div> </div>

div標(biāo)記定義了HTML文件中的一個(gè)部分或分區(qū)。它通常包含需要組合在一起的標(biāo)題、段落、表格或其他元素。通過設(shè)置<div class="">與css一起使用來設(shè)置網(wǎng)頁某個(gè)部分的顯示。

段落 - <p> </p>

p標(biāo)記用來定義文本的段落，就像你在書中看到的那樣，一旦文本達(dá)到屏幕邊緣就會自動折到下一行。當(dāng)另一個(gè)<p>標(biāo)記用于開始下一個(gè)段落時(shí)，瀏覽器將在段落之間添加一些空白。p標(biāo)記具有以下屬性：

• align="" - 段落中文本的對齊方式：left, center or right
• width="" - 段落將占據(jù)頁面的固定寬度或百分比，默認(rèn)為100%

內(nèi)聯(lián) - <span> </span>

span標(biāo)記用于將內(nèi)聯(lián)元素組合在一起，例如句子中的幾個(gè)單詞，以便僅對這些單詞應(yīng)用css樣式。span標(biāo)記可以在div和p標(biāo)記中使用，因?yàn)樗粫?chuàng)建新的塊。

換行 - <br>

br標(biāo)記相當(dāng)于一個(gè)回車符，用于在新行開始文本。一行中的多個(gè)<br>標(biāo)記將在網(wǎng)頁上創(chuàng)建一個(gè)很大的垂直空間。

水平分隔線 - <hr>

hr標(biāo)記通常被稱為HTML行分隔符標(biāo)記，創(chuàng)建一條通常用于視覺上分隔頁面的水平線。它具有以下屬性：

• width="" - 線條將占用固定寬度，默認(rèn)100%寬度
• color="" - 線條顏色
• noshade - 取消3D外觀，創(chuàng)建一條平的實(shí)線分隔線

不換行 - <nobr> </nobr>

出于某種原因，你希望文本在一條直線上繼續(xù)，而不是在屏幕的邊緣換行，可以使用nobr。注意：這將迫使用戶向右滾動以查看行的其余部分，這是一種糟糕的設(shè)計(jì)。

例子

下面是以上標(biāo)記的示例：

瀏覽器顯示內(nèi)容如下所示：