Chap 03 HTML文字與段落標記

3.1 標題字

         HTML文檔中包含有各類級別的標題，各類級別的標題由<h1>到<h6>元素來定義。其中<h1>表明最高級別的標題，依次遞減，<h6>最低。

 

3.1.1  標題字標記h

       <h1>到<h6>元素中的字母h是英文headline的簡稱。做爲標題，它們的重要性是有區別的，其中h1標題的重要性最高，h6最低。

 

語法：

<h1>1級標題</h1>

<h2>2級標題</h2>

<h3>3級標題</h3>

<h4>4級標題</h4>

<h5>5級標題</h5>

<h6>6級標題</h6>

 

補充：

        對於不一樣的瀏覽器，其確切的點陣尺寸的大小也不相同，但<h1>標題大約是標準文字高度的2到3倍,<h6>標題則比標準字體略小。

 

3.1.2  標題字對齊屬性align

      默認狀況下，標題文字是左對齊的。而在網頁製做過程當中，經常須要選擇其餘的對齊方式。對齊方式的設置須要使用align參數設置。

 

語法：

<align=對齊方式>

 

說明：

       在該語法中，align屬性須要設置在標題標記以後。

 

3.2  文本基本標記

       <font>標記用來控制字體、字號和顏色等屬性，它HTML中最基本的標記之一，掌握好<font>標記的使用時控制網頁文本的基礎。

 

3.2.1  字體屬性face

     字體的face屬性設置不一樣的字體，設置的字體效果必須在瀏覽器中安裝響應的字體後才能夠正確瀏覽，不然有些特殊字體會被瀏覽器中的普通字體所代替。所以，在網頁中儘可能減小使用過多的特殊字體，以避免在用戶瀏覽時沒法看到正確的效果。

 

語法：

<font face="字體樣式">……</font>

 

說明：

      face屬性用於定義該段文本所採用的字體名稱。若是瀏覽器可以在當前系統中找到該字體，則使用該字體顯示。

 

3.2.2   字號屬性size 

       文字的大小也是字體的重要屬性之一。除了使用標題文字標記設置固定大小的字號以外，HTML語言還提供了<font>標記的size屬性來設置普通文字的字號。

 

語法：

<font size="文字字號">……</font>

 

說明：

       size屬性用來設置字體的大小，它有絕對和相對兩種方式。從1到7的整數，表明字體大小的絕對字號。從 -4到+4的整數，字體相對於3號放大和縮小字號。

 

3.2.3  顏色屬性color

 

語法：

<font color="字體顏色">……</font>

 

說明：

        color屬性用來定義文字的顏色，它能夠和</font>元素的其餘屬性一塊兒配合定義字體的各類樣式，各個屬性之間沒有前後次序。

 

3.3   文本格式化標記

       在HTML中，還有一些文本格式化標記用來設置文字以特殊的方式顯示，如粗體標記、斜體標記和文字的上下標等。

 

3.3.1  粗體標記b、strong

     <b>和<strong>是HTML中格式化粗體文本的最基本元素。在<b>和</b>之間的文字和在<strong>和</strong>之間的文字，在瀏覽器中都會以粗體字體顯示。該元素的首位部分都是必須的，若沒有結尾標記，則瀏覽器會認爲從<b>開始的全部文字都是粗體。

 

語法：

<b>加粗的文字</b>

<strong>加粗的文字</strong>

 

說明：

        在該語法中，粗體的效果能夠經過<b>標記來實現，還能夠經過<strong>標記來實現。<b>和<strong>是行內元素，它能夠插入到一段文本的任何部分。

 

3.3.2  斜體標記i、em、cite

       <i>、<em>和<cite>是HTML中格式化斜體文本的最基本元素。

 

語法：

<i>斜體文字</i>

<em>斜體文字</em>

<cite>斜體文字</cite>

 

3.3.3  上標標記

        上標字體<sup>的英文原名爲superscript,在各類數學公式等方面有普遍應用。

 

語法：
^上標內容

 

說明：

<sup>元素也是行內元素，而且容許嵌套使用。所以若是在<sup>裏再使用<sup>則會變成"上標的上標"。

 

3.3.4  下標標記

        下標字體<sub>的英文原名爲suberscript,在各類數學公式等方面有普遍應用。

 

語法：
_下標內容

 

說明：

<sub>元素也是行內元素，而且容許嵌套使用。所以若是在<sub>裏再使用<sub>則會變成"下標的下標"。

 

3.3.5 大字號標記big

         Big標記用來增大文本中字號的大小，它所包含的文字都會在原來的字號上增大一級。若是有多個<big>元素做用於同一個文本，則字號會被逐級增大。<big>做爲一個行內元素，它能夠成對出如今一段文字中的任何位置。

 

語法：

<big>被增大字號的內容 </big>

 

3.3.6  小字號標記small

         small標記用來縮小文本中字號的大小，它所包含的文字都會在原來的字號上縮小一級。若是有多個<small>元素做用於同一個文本，則字號會被逐級縮小。<small>做爲一個行內元素，它能夠成對出如今一段文字中的任何位置。

 

語法：

<small>被增大字號的內容 </small>

 

3.3.7 下劃線標記u

        <u>標記的使用和粗體以及斜體標記相似，它做用於需加下劃線的文字。

 

語法：

<u>被添加下劃線的內容</u>
 

3.4  段落標記

        在網頁中若是要把文字有條理地顯示出來，離不開段落標記的使用。在HTML中能夠經過標記實現段落的效果。

 

3.4.1  段落標記p

      <p>是HTML文檔中最多見的標記，<p>用來起始一個段落。

 

語法：

<p>段落文字</p>

 

說明：

      段落標記能夠沒有結束標記</p>，而每個新的段落標記開始的同時也意味着上一個段落的結束。

 

3.4.2  換行標記br

        換行標記<br>的做用是在不另起一段的狀況下將當前文本強制換行。

 

語法：

 文本內容……<br>被換行的文本內容……

 

說明：

    一個<br>標記表明一個換行，連續的多個標記能夠實現屢次換行。

 

3.4.3  不換行標記nobr

           在網頁中若是某一行的文本過長，瀏覽器會自動對這段文字進行換行處理。可使用nobr標記來禁止自動換行。

 

語法：

<nobr> 標記中間的文本不被自動換行</nobr>

 

3.5   水平線

       在網頁中經常能夠看到一些水平線將段落與段落之間隔開，這些水平線能夠經過插如圖片來實現，也能夠更簡單地經過標記來完成。

 

3.5.1  插入水平線hr

        <hr>標記表明水平分隔模式，並會在瀏覽器中顯示一條線。

 

語法：

<hr>

 

說明：

     在網頁中輸入一個<hr>標記，就添加了一條默認樣式的水平線。

 

3.5.2  水平線寬度width

      width用於改變水平線的寬度。

 

語法：

<hr width="寬度值">

 

說明：

    在該語法中，水平線的寬度值能夠是肯定的像素值，也能夠是窗口的百分比。

 

3.5.3 水平線高度size

      size標記用於改變水平線的高度。

 

語法：

<hr size="高度值">

 

說明：

          在該語法中，水平線的高度值只能是像素值。

 

3.5.4  水平線去掉陰影noshade

        noshade屬性用於定義瀏覽器是否顯示水平線的陰影。

 

語法：

<hr noshade>

 

說明：

         noshade是布爾值的屬性，它沒有屬性值，若是在<hr>元素中寫上了這個屬性，則瀏覽器不會顯示立體形狀水平線，反之若是不設置該屬性，瀏覽器默認顯示一條立體形狀帶有陰影的水平線。

 

3.5.5   水平線顏色color

語法：

<hr  color="顏色值">

 

說明：

顏色代碼是十六進制的數值。

 

3.5.6   水平線排列align

       水平線在默認狀況下是居中對齊的，若是想讓水平線左對齊或者右對齊，就須要設置對齊方式。

 

語法：

<hr align="對齊方式">

 

說明：

      在該語法中對齊方式有3種，包括center、left和right，其中center的效果與默認的效果相同。

 

3.6   其餘標記

 

3.6.1   插入空格

 nbsp

 

語法：

&nbsp

 

說明：

       在網頁中能夠有多個空格，一個&nbsp；表明一個半角空格，多個空格則能夠屢次使用這一符號。

 

3.6.2 插入特殊符號

      除了空格之外，在網頁的創做過程當中，還有一些特殊的符號也須要使用代碼進行代替。通常狀況下，特殊符號的代碼由前綴"&"、字符名稱和後綴";"組成。 使用方式與空格符號相似。

&quot;

&amp;

&lt;

&gt;   等等

原創內容，轉載請註明出處。謝謝！