HTML與CSS教學-第4章 HTML網頁主體與內容標記

第4章  HTML網頁主體與內容標記 
本章要點
標題與段落標記的使用
文字格式設定標記的使用
<div>與<span>標記的使用
HTML中特殊字元的使用 

目錄：
4.1  標題與段落標記的使用
4.2  文字格式設定標記的使用
4.3  內容（多用途）標記
4.4  特殊字元
4.5  綜合執行個體

4.1  標題與段落標記的使用 
4.1.1  h1、h2、h3、h4、h5與h6
一般文章都有標題、副標題、章和節等結構，HTML中也提供了相應的標題標記<hn>,其中n為標題的等級，HTML總共提供六個等級的標題，n越小，標題字型大小就越大。
hn標記一般格式為：
<hn color=屬性值 align=屬性值>標題</hn> （n=1,…6）
說明：<hn>的屬性有color、align。分別標識標題的顏色和位置(左、右、中間)。 

4.1.2  p
為了排列的整齊、清晰，文欄位落之間，常用<p></p>來做標記。<p>是HTML格式中特有的段落元素。在HTML格式裡不需要在意文章每行的寬度，不必擔心文字是不是太長了而被截掉，它會根據視窗的寬度自動轉折到下一行。因此，在原始檔案中的<p>，指出在這兒告一段落，下面的文字另起一段。如果沒有遇到<p>這個符號，它就會把所有的文字都擠在一個段落裡，不遇到視窗邊界是不會換行的。段落標記裡面可以加入文字,列表,表格等。檔案段落的開始由<p>來標記，段落的結束由</p>來標記，</p>是可以省略的，因為下一個<p>的開始就意味著上一個<p>的結束。
標記一般格式為：
<p align=屬性值>文本</p>
說明：<p>標籤有一個常用屬性align，它用來指名字元顯示時的對齊，其值一般有left（左）、center（中）、right（右）三種。 

4.1.3  blockquote
<blockquote>標記可定義一個區塊引述。<blockquote>與</blockquote>之間的所有文本都會從常規文本中分離出來，經常會在左、右兩邊進行縮排，而且有時會使用斜體。也就是說，區塊引述擁有它們自己的空間。
標記一般格式為：
< blockquote cite=URL>文本</ blockquote >

4.1.4  address
<address>可定義一個地址（比如電子郵件地址）。使用它來定義地址、簽名或者文檔的作者身份。
不論建立的文檔是簡短扼要還是冗長完整，都應該確保每個文檔都附加了一個地址，這樣做不僅為讀者提供了反饋的渠道，還可以增加文檔的可信度。
標記一般格式為：
<address>文本</address>

4.1.5  pre
<pre>標記可定義預格式化的文本。被包圍在<pre>標記中的文本通常會保留空格和分行符號，而文本也會呈現為等寬字型。<pre>標記的一個常見應用就是用來表示電腦的原始碼。
標記一般格式為：
<pre >
文字區塊
</pre >

4.2  文字格式設定標記的使用 
4.2.1  em
標記<em>用來表示強調，其文本預設樣式為斜體。
<em>標記一般格式為：
<em>文本</em >

4.2.2  strong
標記<strong>把文本定義為語氣更強的強調的內容。其文本預設樣式為粗體。
<strong>標記一般格式為：
< strong >文本</ strong > 

4.2.3  cite
標記<cite>定義引用。可使用該標記對參考文獻的引用進行定義，比如書籍或雜誌的標題。
<cite>標記一般格式為：
<cite  cite=屬性值>文本</ cite > 

4.2.4  i與b
<i>與<b>標記均是字型樣式元素。<i>顯示斜體文字效果，<b>呈現粗體文字效果。
<i>與<b>標記一般格式為：
<i>文本</i >
<b>文本</b> 

4.2.5  big與small
<big>與<small>標記也是字型樣式元素。<big>呈現大號字型效果，<small>呈現小號字型效果。
<big>與<small>標記一般格式為：
<big>文本</big>
<small>文本</small>

4.2.6  tt
<tt>標記呈現類似打字機或者等寬的文字效果。
標記一般格式為：
<tt>文本</ tt >

4.2.7  sup與sub
<sup>與<sub>標記均是用於數學公式、科學符號和化學公式中的標記。<sup>標記可定義上標文本，<sub>標記可定義下標文本。
標記一般格式為：
< sup >文本</ sup > 
< sub >文本</ sub >
說明：<sup>與<sub>標記中的常值內容將會以當前文字資料流中字元高度的一半來顯示，但是與當前文字資料流中文字的字型和字型大小都是一樣的。<sup>標記中的文本出現在當前文字資料流的上方，而<sub>標記中的文本出現在當前文字資料流的下方。

4.2.8  q
<q>標記可定義一個短塊的引用。標記一般格式為：
<q>文本</q>
說明：<q>與<blockquote>的區別，<q>標記在本質上與<blockquote>是一樣的。不同之處在於它們的顯示和應用。<q>標記用於簡短的行內引用。如果需要從周圍內容分離出來比較長的部分（通常顯示為縮排的塊），請使用<blockquote>標記。 

4.2.9  dfn
<dfn>標記定義一個項目。可標記那些對特殊術語或短語的定義。現在流行的瀏覽器通常用斜體來顯示<dfn>中的文本。
<dfn>標記一般格式為：
<dfn>文本</dfn> 

4.2.10  abbr與acronym
<abbr>標記表示一個縮寫形式，用於表示web頁面上的簡稱。<abbr>標記最初是在 HTML4.0中引入的，表示它所包含的文本是一個更長的單詞或短語的簡寫形式。瀏覽器可能會根據這個資訊改變對這些文本的顯示方式，或者用其他文本代替。
<abbr>標記一般格式為：
< abbr title=“文本”>文本簡稱</abbr> 

4.2.11  del與ins
<del>標記定義文檔中已被刪除的文本。
<del>標記一般格式為：
<del >文本</del>
<ins>標記定義已經被插入文檔中的文本。
<ins>標記一般格式為：
<ins>文本</ins>
說明：<del>與<ins>標籤配合使用，來描述文檔中的更新和修正。

4.2.12  bdo
<bdo>標記可重新定義文字顯示方向。
<bdo>標記一般格式為：
<bdo dir=屬性值>文本</bdo>

4.2.13  code、kbd、samp與var
<code>、<kbd>、<samp>與<var>標記常用於顯示電腦/編程代碼。這幾個標記不只是讓使用者更容易理解和瀏覽的文檔，而且將來某些自動系統還可以利用這些恰當的標籤，從的文檔中提取資訊以及文檔中提到的有用參數。提供給瀏覽器的語義資訊越多，瀏覽器就可以越好地把這些資訊展示給使用者。

4.2.14  hr
<hr>標記在HTML頁面中建立一條水平線。可以在視覺上將文檔分隔成各個部分。
<hr>標記一般格式為：
<hr 屬性=”屬性值”>

4.2.15  marquee
滾動字幕的使用使得整個網頁更有動感，顯得很有生氣。用HTML的<marquee>滾動字幕標籤所需的代碼最少，能夠以較少的下載時間換來較好的效果。<marquee>標記一般格式為：
<marquee 屬性=”屬性值”>滾動字幕</marquee>

4.3 內容（多用途）標記
4.3.1  div
div是division的簡寫，division意為分割、地區。<div>標記在HTML中表示一個塊，<div>標記可以把文檔分割為獨立的、不同的部分，因而該標記被稱為區隔標記。可以將它用作Web頁面的組織工具，設定頁面文字、圖形、映像、表格等的擺放位置。可以通過CSS樣式(style)為其賦予不同的表現。
div標記一般格式為：
<div屬性=”屬性值”>文檔</div>

4.3.2  span
<span>標記在HTML中表示一個組合文檔中的行內元素，<span>標記可以把一行文檔中的某部分分割為獨立的地區，從而實現某種特定效果，因而該標記被稱為行內區隔標記。
<span>標記一般格式為：
< span屬性=”屬性值”>文檔</ span >

4.4  特殊字元
特殊字元是指在HTML中具有特別含義的字元，比如小於符號<就表示HTML標記的開始，這個小於符號是不會顯示在最終看到的網頁裡面。那如果希望在網頁中顯示一個小於符號，該怎麼辦呢？這時就需要使用一些特殊的程式碼群組合來替代。
在HTML中特殊字元是不能直接使用的。要使用特殊字元，應使用它們的逸出序列。在超文字標記語言 (HTML)裡，一個特殊字元有兩種表達方式，即字元逸出序列或數字逸出序列。
所謂字元逸出序列，實際上就是用有意義的名稱來表示特殊字元，通常由首碼“&”，加上字元對應的名稱，再加上尾碼“;”而組成。其表達方式如下：
&name；
其中name是一個用於表示字元的名稱，它是區分大小寫。例如：
& lt; font &lgt;
顯示為<font>，若直接寫為“<font>“則被認為是一個標註。
所謂數字逸出序列，就是用數字來表示文檔中的特殊字元，通常由首碼“&#”，加上數值，再加上尾碼“;”而組成。
其表達方式如下：
   &#D；
其中D是一個十進位數值

小結
文本是HTML網頁中的重要內容之一，編寫HTML文檔時，可以將文本放置在標記之間來設定文本的格式。設定文檔中文本的格式內容包括分段與換行、設定段落對齊、設定字型、字型大小和文本顏色以及設定字元樣式等。本章學習了HTML語言的標題與段落標記、文字格式設定中的常用標記以及<div>與<span>標記，HTML語言中特殊字元的組成結構和使用的方法。使用這些標記，告訴Web瀏覽器如何對文本進行格式化和顯示，如何對網頁元素進行分割和標記，以形成文本的布局、文字的格式及美觀簡潔的版面。