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

HTML自學入門

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

部落格文章

記事本寫網頁程式碼： HTML<Title>瀏覽器標題設計範例

HTML網頁語法入門的第1步：<!doctype html>意思是什麼？

Fiddler Classic教學：它是什麼？下載安裝後如何使用

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

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

HTML教學：body link標籤用法，alink與vlink

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

1 2 Next

YouTube影片

在此列出相關影片，更多不同主題教學，歡迎前往贊贊小屋YouTube頻道。

GET和POST是兩種基本的網頁請求方法，Ajax是網頁填寫表單時常見技術，瞭解這些概念有助於程式網路爬蟲。本影片以Google Chrome瀏覽器開發人員工具操作範例介紹。

本影片部落格圖文版：
https://zanzan.tw/archives/14846

一次看完HTML教學影片清單：
https://zanzan.tw/youtube/html

歡迎加入Line社群，口袋裡的VBA小教室！
http://link.zanzan.tw/3s29t8

YouTube Video UExCWm9PeWM4WENwRmtGR2dBNkFENTBHcFpTcDdQVmRuSC41NkI0NEY2RDEwNTU3Q0M2

GET和POST差異？Ajax是什麼？瀏覽器操作範例介紹

Html中的Body標籤是整個網頁的顯示頁面，影片介紹如何利用Text參數設定文字顏色、bgcolor.設定背景顏色、Background加上背景圖片，進而補充css樣式將圖片填滿整個網頁。

本影片部落格圖文版：
https://zanzan.tw/archives/22830

一次看完HTML教學影片清單：
https://zanzan.tw/youtube/html

歡迎加入Line社群，口袋裡的VBA小教室！
http://link.zanzan.tw/3s29t8

YouTube Video UExCWm9PeWM4WENwRmtGR2dBNkFENTBHcFpTcDdQVmRuSC4yODlGNEE0NkRGMEEzMEQy

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

HTML中的body link標籤主要用於調整網頁上超連結的文字顏色，影片介紹如何設定link改變瀏覽器預設值，進行補充alink及vlink用法，並且以target=”_blank”另開網頁實際測試效果。

一次看完HTML教學影片清單：
https://zanzan.tw/youtube/html

歡迎加入Line社群，口袋裡的VBA小教室！
http://link.zanzan.tw/3s29t8

YouTube Video UExCWm9PeWM4WENwRmtGR2dBNkFENTBHcFpTcDdQVmRuSC4wMTcyMDhGQUE4NTIzM0Y5

HTML教學：body link標籤用法，alink與vlink

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

本影片說明文章：
https://zanzan.tw/archives/26499

一次看完HTML教學影片清單：
https://zanzan.tw/youtube/html

歡迎加入Line社群，口袋裡的VBA小教室！
http://link.zanzan.tw/3s29t8

HTML可以直接針對頁面標題進行簡單設定，影片先介紹body topmargin與leftmargin用法，實際測試H1到H7的標題大小比例，align置中與靠右對齊，補充font face和color字型的字體大小。

一次看完HTML教學影片清單：
https://zanzan.tw/youtube/html

歡迎加入Line社群，口袋裡的VBA小教室！
http://link.zanzan.tw/3s29t8

YouTube Video UExCWm9PeWM4WENwRmtGR2dBNkFENTBHcFpTcDdQVmRuSC41MjE1MkI0OTQ2QzJGNzNG

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

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

本影片部落格圖文版：
https://zanzan.tw/archives/28418

一次看完HTML教學影片清單：
https://zanzan.tw/youtube/html

歡迎加入Line社群，口袋裡的VBA小教室！
http://link.zanzan.tw/3s29t8

HTML有許多設定文字樣式的標籤，影片先介紹font size設定文字大小，pre及br進行換行，strong、em、cite、u、strike、sup、sub等標記用法，最後補充如何輸入特殊符號。

本影片部落格圖文版：
https://zanzan.tw/archives/28418

一次看完HTML教學影片清單：
https://zanzan.tw/youtube/html

歡迎加入Line社群，口袋裡的VBA小教室！
http://link.zanzan.tw/3s29t8

YouTube Video UExCWm9PeWM4WENwRmtGR2dBNkFENTBHcFpTcDdQVmRuSC4wOTA3OTZBNzVEMTUzOTMy

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

HTML頁面段落可以進行樣式設定，影片介紹center標籤將整個區塊內容置中對齊，nobr取消自動換行，blockquote設置縮排，最後補充hr水平線，如何調整寛度高度等屬性。

一次看完HTML教學影片清單：
https://zanzan.tw/youtube/html

歡迎加入Line社群，口袋裡的VBA小教室！
http://link.zanzan.tw/3s29t8

YouTube Video UExCWm9PeWM4WENwRmtGR2dBNkFENTBHcFpTcDdQVmRuSC4xMkVGQjNCMUM1N0RFNEUx

HTML教學：段落樣式設定，置中、縮排、水平線

觀看更多影片訂閱頻道