HTML - 網頁設計教學站

HTML ul li 項目清單可以讓我們清楚的條列出各式各樣的清單內容，不過單純的條列清單內容是乎不是這麼實用，有的時候我們會需要讓這些條列式的清單內容變成超連結的形式，讓我們的讀者可以選擇他們想看的內容繼續看下去，要如何設計具有超連結效果的 HTML ul li 項目清單呢？其 ...... 詳細閱讀

HTML ol li 列表清單是一種數字編號項目清單，它的特色是每個項目前方會有阿拉伯數字自動排序，用法與 HTML 的 ul li 標籤完全一樣，只有呈現的結果不同，如果你要在網頁內容或文章中使用具有數字自動排序的項目清單，HTML ol li 標籤就可以滿足。HTML ol ...... 詳細閱讀

HTML ul li 中文常稱為列表清單、項目清單或項目標籤，它的作用是在文章中利用列表的方式把資料比較清楚的呈現，常見的 HTML 項目標籤有兩種，分別是 ul li 與 ol li 這兩種，今天介紹的 ul li 項目標籤是沒有排序的清單，架構像這樣子。HTML ul li ...... 詳細閱讀

HTML textarea 多行文字輸入欄位的背景預設只有白色而沒有圖片，這樣單純的設計適合絕大多數的情況，可是如果網頁本身設計的風格需要在 textarea 的背景增加背景圖片的效果，預設的白色背景就不符合需求，網頁設計師可以利用 CSS 提供的 background-imag ...... 詳細閱讀

HTML textarea 表單多行文字輸入欄位預設的背景顏色是白色，無論網頁本身的背景顏色是什麼顏色，HTML textarea 的背景顏色都會是白色，在Google Chrome、FireFox、IE、Opera 等著名瀏覽器裡都是同樣的基本設定，但我們不能永遠都是用白色背景 ...... 詳細閱讀

傳統的 HTML 要在 textarea 表單都行文字輸入欄位內設計不同的字型，可以利用 HTML 本身內建的 font face 功能來設計，隨著 CSS 的發展，現在新一代的網頁設計師幾乎都是採用 CSS 內建的 font-family 屬性，來替 HTML 的 textar ...... 詳細閱讀

HTML textarea 表單多行文字輸入欄位內文字大小設計可採用 CSS 內建的 font-size 屬性來設計，建議不要採用 HTML 內建的 font size，因為那只有 1~7 的範圍，能調整的文字大小有限，不夠精緻，而 CSS 的 font-size 屬性可接受的文 ...... 詳細閱讀

如何處理 HTML textarea 表單多行文字輸入欄位的邊框顏色與樣式設計是必要的技巧，因為傳統的 HTML textarea 預設的邊框視覺效果比較單調，難以與比較有質感的網頁設計做搭配，以往用 HTML 也的確比較難設計出好看的 textarea 邊框，不過現在有 CSS ...... 詳細閱讀

如果你想自定網頁圖片的高度，可以透過 CSS style 來宣告一個 height 屬性，這是設計圖片高度的標準寫法，你可以強制將一張圖片放大顯示或縮小顯示，在網頁設計中是非常常用的技巧，不過有一個 height 屬性更常使用的是 width 屬性，width 是用來設計圖片寬度 ...... 詳細閱讀

HTML img width 一般解讀為圖片的寬度，不過實際上，網頁圖片的寬度並不是直接用 width 來設定，而是必須先用 CSS 的 style 來宣告一個 width 屬性，我們在待會兒的範例語法中會寫給各位讀者朋友看，透過 width 屬性來的設計圖片寬度有一定的技巧，如 ...... 詳細閱讀