HTML筆記2:文字型態(Text Type)與文字排版(Text Layout)

如筆記1:HTML簡介記載的，HTML是一個含有標示文字的文件，那麼HTML到底有包含怎樣子的標示文字可以讓開發者撰寫網頁使用呢?





本筆記將介紹HTML所提供網頁文字型態(Text Type)以及文字排版(Layout)的標示文字，首先文字型態如下:

<b> Bold text - 剛勁文字 </b> </br></br>
<strong> Strong text - 重要文字 </strong> </br></br>
<i> Italic text - 斜體文字 </i> </br></br>
<em> Emphasized text - 強調文字 </em> </br></br>
<mark> Marked text - 標誌文字 </mark> </br></br>
<small> Small text - 小型文字 </small> </br></br>
<del> Deleted text - 刪除文字 </del> </br></br>
<ins> Inserted text - 底線文字 </ins> </br></br>
_{Subscript text - 下標文字} </br></br>
^{Superscript text - 上標文字} </br></br>

每一標示文字分別的結果如下:

 

要注意的是以上的標示都是屬於雙標示<></>，用<>來開始，</>表示結束，而</br>是換行標示 。

至於文字排版，HTML有提供<h1>~<h6>使用，這之間的差別會依據數字越大文字會越小，除此之外，調整文字大小及顏色也可以使用<font size="X"></font>來調整大小，<font color></font>調整顏色，HTML也提供<p></p>來提供文章段落(paragraph)的效果，這些標示文字本身都具備了換行的效果，原因是每一個雙標示都佔有一個網頁的版面區塊，每個版面區塊會由上往下堆疊而起。文字排版如下:

<h1>文</h1>

<h2>字</h2>

<h3>越</h3>

<h4>來</h4>

<h5>越</h5>

<h6>小</h6>

<p>這是文章<font color="red" size="5">第一個段落</font>，起承轉合的"起"，在這裡會先寫文章的大鋼，做一些簡單的介紹</p>

<p>這是文張第二個段落，起承轉合的"承"，在這裡會依主題在做更進一步的說明或是文章的主要承述，這個段落會比較長一些</p>
 每一標示文字分別的結果如下: