當在設計網頁的時候，橙子經常都要設定連結，而連結的位置和風格並非都是一樣的，有時要多種改變，就必須做點設定，像是平常未點連結時是一個顏色，當滑鼠滑過後，是另外個顏色，當連結過後，連結又是另一個顏色...等，在以前的網頁設計中，無法很容易改變其性質，現在可以利用虛擬類別選擇器來設定！
橙子先寫個html
目前分類：Html 基本說明 (20)
- Jun 06 Thu 2013 09:31
Html 基本說明（08）-如何改變連結的風格
- Jun 06 Thu 2013 09:31
Html 基本說明（07）-如何在迅速找到主題-增加錨點
我們在同一頁中，因文章內容很多，捲軸一直向下拉，拉到最下面後，又要用滑鼠將捲軸拉上，雖然已有滑鼠滾輪的幫助，有時候是非必要用錨點的方式，但並不代表他已失去了功用，有時候，在寫很多文章時，並非有滾軸可以找到你要的主題，為了方便使用者找到他要的資訊，我們有時候，還是用錨點的方式，協助使用者來找到他要的資料，以下就來介紹如何編寫！
錨點的寫法
- Jun 06 Thu 2013 09:30
Html 基本說明（06）-如何在網頁中新增連結
在設計網頁時，經常須要連結到內部及外部的網頁，所以網頁中就必須要設定連結路徑，使網頁能夠連結到指定的位置，所以，今天要說的就是"連結"
連結的標籤為<a></a>，而如果要加上路徑的話，則要改成<a href="xxxx.html">test</a>的表示方式
- Jun 06 Thu 2013 09:30
Html 基本說明（05）-CSS 容器（2）
- Jun 06 Thu 2013 09:30
Html 基本說明（05）-CSS 容器[css]
- May 22 Wed 2013 09:19
Html 基本說明（04）-為什要用CSS
接著再來說明，為什要使用CSS 來編輯網頁，用最傳統的寫法也是一樣可以寫呀，其實在於將網頁內容分開，原本資料內容顏色都定義在HTML 裡面，都是混在一起的，先寫段傳統的寫法唄！
- May 22 Wed 2013 09:19
Html 基本說明（03）-CSS說明
- May 22 Wed 2013 09:18
Html 基本說明（02）-HTML基本結構說明
- May 22 Wed 2013 09:18
Html 基本說明（01）-html版本寫法差異-[html5&html 4.01]
Html 有許多的格式，但基本的使用和目前常用的，也就那幾種，看各位想要哪一種，就選用那一種方式編寫，以下就介紹一些抬頭宣告的說明，這是基本的規格，各位可將之存成單一文檔，就可在新增網頁的時候，就不用再打一次了，多打多錯！
- Aug 22 Wed 2012 13:56
Html 基本說明（19）-可以不用的html 標籤，讓你的網頁更易了解 [4]-br
最後就是不要過度使用<br/>標籤，<br/>是用來換行的，而不是用來建立一個段落，在過去設計師總是會避免他們不想要的段落間距，比如用一些換行來取代一個<p>標籤用<font>標籤使段落看起來像一個標題，其實，無須過度使用<br/>換行標籤，即可利用css裡的margin和padding在<p>標籤中設定上下的長度，即可看出行與行的間距量而一些過去粗糙的html 寫法就不要再寫了
- Aug 22 Wed 2012 13:29
Html 基本說明（18）-可以不用的html 標籤，讓你的網頁更易了解 [3]-bgcolor
- Aug 13 Mon 2012 14:43
Html 基本說明（17）-可以不用的html 標籤，讓你的網頁更易了解 [2]-table 標籤
- Aug 13 Mon 2012 14:21
Html 基本說明（16）-可以不用的html 標籤，讓你的網頁更易了解 [1]
CSS 可以讓HTML的編寫更加容易，你不須要在HTML上增加一些標籤碼，而所出來的效果，又沒有預期的好，反而更加的醜，再加上更新上的困難，例如 <font>是較明顯的例子，最主要是給本本加入顏色，改變字體類型…等等
以下介紹一些可以用CSS 取代的標籤和屬性
- Aug 07 Tue 2012 15:41
Html 基本說明（15） - 網頁顏色英文 RGB 對照表
- Aug 03 Fri 2012 14:09
Html 基本說明（14） - 製作動態選單
- Aug 01 Wed 2012 14:30
Html 基本說明（13） - 讓表格有分列顏色的效果！
在表格的設計中，當你在表格的資料越多的時候，可能有好幾十列的資料，當使用者在看的時，會看不清他要的是那一行資料，
又特別拿尺來對齊，才能明顯看後到資料，此時對於網路的使用者來說，是一件很麻煩的事。
- Jul 31 Tue 2012 15:30
Html 基本說明（12） - 讓表格加入細邊框
依照Html 基本說明（11），我們再來讓表格漂亮一點，橙子再將程式列表一次
<!doctype html> <html> <head> <metacharset="utf-8"> <title>魚和橙的結合</title> </head> <body> <table border="1"> <caption> 各國獎牌數 </caption> <thead> <tr> <th> </th> <th>Gold</th> <th>Sliver</th> <th>Copper</th> </tr> </thead> <tbody> <tr> <td>chinese taipei</td> <td>2</td> <td>2</td> <td>2</td> </tr> <tr> <td>american</td> <td>30</td> <td>15</td> <td>20</td> </tr> </tbody> <tfoot> <tr> <td>sum</td> <td>32</td> <td>17</td> <td>22</td> </tr> </tfoot> </table> </body> </html>
和前個例字不同的，當我們將<table> 改成 <table border="1">，也就是將表格將入邊框，再來看結果如何：
- Jul 30 Mon 2012 17:39
Html 基本說明（11）- 加入表格
- Jul 26 Thu 2012 14:13
Html 基本說明（10）- 如何改變列表清單圖案或數字
我們再來說明如何改變列表的圖案，一樣用上個程式式來說明
<!doctype html> <html> <head> <meta charset="utf-8"> <title>魚和橙的結合</title> </head> <body> <h1>How to use LIST 2 -魚和橙的結合</h1> <h2>Use (ul)</h2> <ul> <li>Round Round Round</li> <li>Square Square Square</li> <li>Triangle Triangle Triangle</li> <li>Diamond Diamond Diamond</li> </ul> <h2>Use (ol)</h2> <ol> <li>one one one</li> <li>two two two</li> <li>three three three</li> <li>four four four</li> </ol> </body> </html>
結果如下：
- Jul 24 Tue 2012 16:50
Html 基本說明（09）- 如何使用列表清單，讓文章更有條理
