廢話不多說，直接開始繼續介紹屬性！

style

• style屬性是用來規定當元素的樣式，我個人把他看成是「將CSS直接寫在標籤中」。
• 若整個網頁的元素不多，使用style屬性也許會比較方便，但這邊還是建議大家盡量將排版美化等內容放在CSS檔案中，日後維護程式會更容易。

這裡舉個例子，如果想將「今天是第六天」這個<h1>標題改成藍字，有兩個做法：

1. 寫在CSS檔案中

   HTML：

   <h1>今天是第八天</h1>
   

   CSS：

   h1 {
       color: blue;
   }
   

   顯示結果：
   

2. 直接在起始標籤中加入style="color: blue;"

   HTML：

   <h1 style="color: blue;">今天是第八天</h1>
   

   顯示結果：
   

title

• title屬性是對當元素給予一些建議訊息。
• 呈現方式為：將滑鼠移到該元素內容上，會顯示一段提示文字（tooltip text）。

以下舉例說明會更清楚。

假設我們想讓「因為我耶和華你的神必攙扶你的右手，對你說：不要害怕！我必幫助你。」這一段文字增加滑鼠移到段落上才會顯示的提示，就可以使用title屬性。

程式碼：

<p title="以賽亞書41章13節">因為我耶和華你的神必攙扶你的右手，對你說：不要害怕！我必幫助你。</p>

顯示結果：

href（hypertext reference）

• HTML會用href屬性來指定超連結目標的URL。

若要在網頁中寫一個超連結「開啟Google首頁」，須使用<a>元素，並在起始標籤中加入href="https://www.google.com.tw/"。

<a href="https://www.google.com.tw/">開啟Google首頁</a>

上面這樣寫的話，用滑鼠左鍵點擊會直接切換頁面，若想要點擊後是另開新分頁，可以再加上target屬性，寫法為target="_blank"。

<a href="https://www.google.com.tw/" target="_blank">開啟Google首頁</a>

href屬性也可以用來跳轉頁面，就是昨天提到的id和href可以配合使用。

沒想到五個屬性就佔了兩天的版面，但比起講得很簡略讓以後的自己或是初學者看不懂，寫詳細一點還是比較好的吧！那我是YQ，明天見。