HTML自學入門:1本線上電子書的範例教學網站

HTML自學入門:1本線上電子書的範例教學網站

HTML自學入門提供了一系列的文章,以1本線上電子書作為範例,零基礎從最基本的語法開始,具體逐步介紹如何添加種種內容和效果,帶你開始設計網頁。

HTML自學入門:1本線上電子書的範例教學網站

部落格文章

HTML ul li清單樣式:7個list-style-type自訂技巧

HTML ul li清單樣式:7個list-style-type自訂技巧

HTML ul li清單樣式是網頁很重要的元素,將多個項目資料條列式的呈現。本文介紹如何設定參數或者利用CSS方式的7個技巧,為這些自訂項目設定不同外觀。 一、ul清單…

HTML ul ol意思是什麼?學會4種排序樣式

HTML ul ol意思是什麼?學會4種排序樣式

HTML ul ol是網頁呈現多數資料常用的標籤,通常搭配li(list)使用,ul意思是Unorder List無序清單,ol為order List有序編號,本文介紹…

HTML文字標籤:10個排版和樣式的標記範例

HTML文字標籤:10個排版和樣式的標記範例

HTML文字標籤可以讓內容呈現更加靈活,本文介紹10個排版和樣式有關的標記範例,添加註解、表示引用、強調重點等不同用法,讓你的網頁設計豐富多樣。 一、電子書網頁範例 範…

HTML水平線:分隔線hr顏色樣式及其他3個標籤

HTML水平線:分隔線hr顏色樣式及其他3個標籤

HTML水平線hr可以在頁面新增1條直線,本文先介紹3個版面配置有關的其它3個標籤用法,接著重點說明分隔線hr作用,包括顏色及寛度高度等樣式設定。 一、網頁標題和換行 …

HTML符號與特殊文字:一次學會9個標籤用法

HTML符號與特殊文字:一次學會9個標籤用法

HTML符號與特殊文字在有些時候一定會用到,本文先介紹如何調整font size大小,進行段落換行,接著以簡單範例具體說明,教你一次學會9個相關標籤的用法。 一、h1~…

HTML文字靠左靠右:學會5個最常用的位置對齊

HTML文字靠左靠右:學會5個最常用的位置對齊

HTML文字靠左靠右是網頁設計常用技巧,本文先針對標題進行簡單設定,瞭解h1到h7大小比例,再介紹如何設定位置對齊,帶你學會5個很好用的位置對齊。 一、 html網頁電…

Html超連結顏色:3種文字link用法一次學會

Html超連結顏色:3種文字link用法一次學會

Html超連結顏色是必須熟悉的基本技巧,因為網頁之間通常會建立相互索引,本文介紹3種文字link用法,帶你一次學會如何設定參數,同時也補充alink的方法。 一、 a …

HTML href超連結:絕對路徑與相對路徑2種必學用法

HTML href超連結:絕對路徑與相對路徑2種必學用法

HTML href超連結會跳轉到另一個網頁,是網頁設計時一定會用到的標籤。本文介紹先介紹絕對路徑的用法,補充如何利用base標籤進行整個頁面相對路徑的設置。 一、Htm…

Html背景圖片:bgcolor與background這2個必學屬性用法

Html背景圖片:bgcolor與background這2個必學屬性用法

Html背景圖片是設計網頁一定會用到的技巧,本文介紹bgcolor屬性語法如何設定背景顏色,再以background將整個頁面填滿背景圖,最後補充CSS滿版圖片封片的樣…

Html教學:head標籤設定,ico圖標及http-equiv=Refresh自動跳轉

Html教學:head標籤設定,ico圖標及http-equiv=Refresh自動跳轉

HTML head標籤提供許多資訊給瀏覽器或搜索引擎,本文介紹如何使用link設定索引標籤的圖標,http-equiv=refresh自動跳轉頁面,以及descript…

1 2 Next

YouTube影片

本系列文章教學影片。

HTML自學入門YouTube影片

HTML自學入門 參考資源

MDN線上說明:HTML 入門

贊贊小屋程式設計自學

程式設計自學:2024零基礎入門到進階的教學大全 [the_ad id=”50419″]