㊣傲楓曰:網頁中加入文字的方法。

標題文字

 經過了前兩章的練習,我想大家一定都會覺得很簡單,沒錯,寫網
 頁就是這麼簡單,別想的太難囉!接下來的單元我們把注意力擺在
 "主要內容"上面。

 文字通常是一個網頁最重要的部分,我們所追求的目標,要讓文字
 易讀,而且能給人舒適感,這樣你所想表達的意思才可以清楚的呈
 現出來。


<h1>...</h1>∼<h6>...</h6>
 這六組叫做標題標籤,顧名思義,當你想要加入一個標題文字時,
 就需要用到它們。其中<h1>是最大的,<h6>則是最小的,寫法是:

 <h1>傲楓</h1>


 簡單吧!標題的大小還可以自由控制!

 ex <h1>傲</h1>
    <h2>楓</h2>
    <h3>真</h3>
    <h4>的</h4>
    <h5>很</h5>
    <h6>帥</h6>

結果呈現


 請大家注意這六個字的排列方式,是一個字就佔據一行,沒錯,因
 為這個標籤有自動換行的效果。而且它會自動將文字變成粗體


字體大小

<font>...</font>
 這個標籤相當的好用,因為他可以加入一些屬性以控制文字的大小
 、顏色、字型等......先把注意力擺在"大小",寫法是

 <font size="3">傲楓</font>
    
 size這個屬性就是用來控制大小,基本上如果沒有特別規定,預設
 值就是3,值越大字就越大。

 size還有一種寫法

 <font size="+1">傲楓</font>

 這種寫法的原理,就是因為預設值為3,所以+1以後就變成4的效果
 了,同理-1就變成 2的效果。頭昏了嗎?沒關係,看下面的對照你
 就懂了。

 <font size="7"> = <font size="+4">
 <font size="6"> = <font size="+3">
 <font size="5"> = <font size="+2">
 <font size="4"> = <font size="+1">
 <font size="3"> = <font size="+0">
 <font size="2"> = <font size="-1">
 <font size="1"> = <font size="-2">

 如果我異想天開,想做出超級大字來介紹自己,於是我就寫
 <font size="+100">傲楓</font>,但是失敗啦!嗚嗚~~

 因為這個屬性有一定的限制,不能讓你做出超級大字或是螞蟻小
 字,若你的設定超過最大值,那將會以最大的字體來顯示。

 ex. <font size=-2>傲</font>
     <font size="-1">楓</font>
     <font size="+0">小</font>
     <font size="+1">築</font>
     <font size="+2">網</font>
     <font size="+3">頁</font>
     <font size="+4">教</font>
     <font size="+100">學</font>

結果呈現


修改文字大小預設值

 文字大小預設值是3,你想要改變它?其實也是可以的。寫法是

<basefont size="1~7">

 請放在<body>這個標籤後面,這樣一來預設值可以改成1~7。


字型及顏色

face
 這個屬性是用來控制字型的,寫法是 

 <font face="標楷體">

 你會發現文字就變成標楷體了,但是有一點要特別注意,你所設定
 的字型最好是大家都有的,如果沒有你所設定的字型,文字仍然只
 會以細明體的型式呈現,也許就沒有你想像中的漂亮。


color
 除了可以在<body>中控制字的顏色,我們也可以讓某特定的一段文
 字換顏色,寫法是

 <font color="#ff0000">
    
 其中  #ff0000 是網頁所使用的顏色代碼,變換這些色碼,可自行
 設定顏色。



其他的特別效果

我是<i>斜體字</i>我是斜體字
我是<b>粗體字</b>我是粗體字
我有<u>底線</u>我有底線
我是<tt>打字機字型</tt>我是打字機字型
我讓<big>文字加大</big>我讓文字加大
我讓<small>文字變小</small>我讓文字變小
我在<sup>上</sup>我在
我在<sub>下</sub>我在
我會<blink>閃爍</blink>(IE不支援)我會閃爍
我是<code>原始碼</code>我是原始碼
我是<var>變數</var>我是變數
我是<address>地址</address>我是
地址
<strong>加強</strong>語氣加強語氣
<cite>引用</cite>名言引用名言


其他的特殊符號

&lt;<
&gt;>
&amp;&


回上一章 排版對齊      到下一章 圖像之美