HTML 的全名是 HyperText Markup Language(超本文標記語言),翻譯可能有點令人困惑,說白話一點 HTML 就是一種網頁標記語言,算是學習網頁設計的入門基礎。建立 HTML 文件相當的容易,最簡單的方法就是開啟 Windows 內建的記事本開始編輯,當然這樣是不太夠的,後續我們會分享一些比較適合且功能較為完整的 HTML 編輯器給大家,建議每天花點時間來學習研究 HTML 語法,這樣很快就能夠上手,想建立自己的網頁就相當的容易囉!
HTML div 標籤是網頁中的重要基礎元素,透過 DIV 標籤可以在網頁中創造各個不同的區塊,每個區塊內還可以增加更小的區塊,設計師也可以利用 HTML div 區塊來進行排版,對網路瀏覽器來說,每組 HTML div ...... 詳細閱讀
設計 HTML 圖片與圖片邊框間的距離可以利用 CSS 的 padding 屬性來設計,padding 是所謂的內距,用來調整盒子模型中的元素與邊框之間的距離,以 HTML 預設的圖片來說,圖片本身與圖片邊框其實是連在一 ...... 詳細閱讀
如果你喜歡用 DIV 區塊來做網頁排版,那麼總是會有一些 DIV 區塊是用來放文字內容,預設的 DIV 區塊文字內容與邊框的距離通常會黏在一起,造成視覺上的不舒適,網頁設計師通常會利用 CSS 的 padding 屬性來 ...... 詳細閱讀
HTML Table 表格可以用來填寫許多的文字內容,在網頁設計排版與內容編排上算是非常傳統的規劃方式,不過 HTML 表格內的文字行高在沒有美化的情況下,經常造成視覺上的不舒適,為了能提供較好的閱讀舒適度,網頁設計師可 ...... 詳細閱讀
DIV 區塊內的文字行高是可以調整的,為什麼要調整 DIV 區塊內的文字行高呢?原因很簡單,因為要調整出最適合閱讀的行高,讓讀者可以輕鬆的閱讀,例如嘗試用較大的字體放在預設的 DIV 區塊內,很可能會出現不同行文字黏在一 ...... 詳細閱讀
HTML button 按鈕預設值是沒有背景圖片的,按鈕本身在不同的瀏覽器呈現出來的樣貌有些許的不同,不過大同小異,網頁設計師通常可以透過替 HTML button 按鈕增加背景圖片的技巧,來提升按鈕本身的視覺效果與增加 ...... 詳細閱讀
HTML img title 與 img alt 的差別在於"使用的目的與呈現效果"兩方面,簡單來說 img title 與 img alt 是兩個不同的東西,img title 是圖片標題,有點類似網頁標題的意思,用來 ...... 詳細閱讀
用 CSS 設計 HTML 表格欄位內文字靠下對齊的技巧,與上一篇《HTML 表格欄位內文字靠上對齊》所使用的技巧是相同的,都是使用 CSS 內建的 vertical-align 屬性來控制,vertical-align ...... 詳細閱讀
用 CSS 設計 HTML 表格欄位內文字靠上對齊很簡單,可以使用 CSS 內建的vertical-align 屬性來控制,vertical-align 屬性的參數值 text-top 與 top 都可以用來設置容器內的 ...... 詳細閱讀
HTML Table colspan 屬性的功能是用來讓表格欄位(td)橫跨多列(columns),效果類似 Microsoft word 或 OpenOffice writer 中"合併儲存格"的效果,colspan ...... 詳細閱讀
1 2 3 4 5 6 7 8 9 10 Next
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012