HTML - 網頁設計教學站

HTML img 圖片超連結設計會用到的兩個 HTML 功能就是 img tag 圖片標籤以及 a href 超連結的功能，只要將超連結的 a href 套用到網頁的 img 圖片上，就可以做出具有超連結功能的圖片囉！而且所有主流的瀏覽器（Browser）都支援圖片超連結效果，我 ...... 詳細閱讀

HTML img src 屬性的功能是用來替 img 標籤加入圖片網址，這是 HTML img 標籤最重要的屬性，瀏覽器會根據 img src 屬性把圖片顯示在網頁上，可以使用同伺服器的圖片，也可以使用外部伺服器的圖片，所有的瀏覽器都支援 HTML img src 屬性。使用這個 ...... 詳細閱讀

HTML img title 屬性是當滑鼠移經圖片時，讓圖片自動顯示一個小的文字說明視窗，img title 也稱為圖片標題，是 HTML img 圖片標籤內建的屬性，這個 img title 的用途可以讓瀏覽者在看圖片時，獲得多一點資訊，例如放了一張旅遊的照片在網頁上，就可以使 ...... 詳細閱讀

HTML img alt 屬性是網頁圖片的替代文字，alt 的功能與 title 並不相同，設定圖片 title 可以讓滑鼠移到圖片上時顯示一的提示文字，可是 img alt 並不會有這樣的效果（少部分流覽器會有，例如舊版 IE），嚴格來說 img alt 的屬性是一種圖片替代文 ...... 詳細閱讀

HTML Image Map 影像地圖是一種讓網頁圖片（img）能夠規劃出不同區塊，每個區塊成為超連結效果的網頁設計技巧，舉個例子來說，有些網站提供旅遊地圖讓網友選擇每個景點的介紹，這時候若地圖上的各區塊能夠做成超連結，當網友選擇某區塊，就帶網友前往專門介紹該景點的內容網頁，這種 ...... 詳細閱讀

HTML img tag 圖片標籤是 HTML 網頁設計中，用來在網頁裡面插入圖片的標準語法，同一個網頁中沒有特別限制所能插入的 img tag 數量，不過插入的圖片越大或是圖片數量越多，所占用的頻寬將會越多。HTML img tag 的用法與許多 HTML tag 需要有開頭標 ...... 詳細閱讀

HTML body tag 是標準 HTML 網頁架構的網頁主體內容，也就是要讓網友看到的內容，換句話說，網頁的 Logo、圖片、文字、影片、表單、表格 ... 等內容，都應該寫在 HTML body 標籤內，所有的瀏覽器都支援 HTML body 標籤。HTML 網頁的標準架構 ...... 詳細閱讀

HTML base tag 的功能是用來管理網頁內部超連結的特性，包含有超連結的預設連結網址以及預設的連結目標（也就是開啟的方式），透過 HTML base 可以快速管理網頁內的超連結，假設網頁內有很多條超連結都是連到同一個 URL，又不想要自己一個一個寫，或者是所以的超連結都要 ...... 詳細閱讀

HTML a href 超連結是網頁設計非常重要的一個元素，透過 a href 的超連結功能，才能創造出整個網際網路串連在一起的網，也是搜尋引擎 spider 索引資料的尋找過程中非常重要的路徑，所有的瀏覽器都支援 a href 超連結的功能，這算是最基本 HTML 網頁設計基礎 ...... 詳細閱讀

HTML link tag 的功能是用來設定網頁內需要導入的外部資源，例如透過 link tag 替網頁嵌入 CSS 檔案等外部資源，因為這些 CSS 語法不一定要寫在同一個網頁內，特別是較大型規模的網站，通常 CSS 的主要檔案都會另外管理，除此之外 HTML link tag ...... 詳細閱讀