HTML 簡單來說就是給瀏覽器看的網頁原始碼，是一種【標籤語言】，就算是沒有學過程式語言的人也能輕易上手。
影片示範
直接用【Ckeditor編輯器】的圖形界面編輯完後，切換到html頁面複製原始碼，然後貼到【樣式設定】裡面進行編輯。
在【樣式設定】裡面的這4種指令會被取代成對應的東西
{i} = 圖片的編號
{url} = 圖片的網址
{i-1}、{i-2}…{i-9} = 分群的圖片編號
{url-1}、{url -2}…{url -9} = 分群的圖片網址
下面是我整理了一般論壇支援的html語法，算記不住沒有關係，至少要有基本的認識。
被【<!-- -->】包起來的就是給人看的注釋，不屬於程式碼
圖片語法
<!--一般圖片語法--> <img src="https://i.imgur.com/tDphr7G.jpg"> <!--等比例縮放，把圖片縮放到寬度=300--> <img src="https://i.imgur.com/tDphr7G.jpg" width="300"> <!--強制固定圖片寬度=300、高度=200--> <img src="https://i.imgur.com/tDphr7G.jpg" width="300" height="200"> |
換行語法
<!--水平線--> <hr> <!--跳行（網頁會無視 Enter，所以必須使用這個來換行）--> <br> <!--空白段落（其實用途跟 <br> 差不多）--> <p></p> |
超連結 語法
<!--一般文字超連結--> <a href="https://www.google.com">我是超連結</a> <!--圖片超連結--> <a href="https://www.google.com"> <img src="https://i.imgur.com/tDphr7G.jpg"> </a> |
文字樣式 語法
<!--文字【大小】 30 --> <span style="font-size:30px;">文字文字文字</span> <!--文字【顏色】 紅色 --> <span style="color:#FF0000;">文字文字文字</span> <!--文字【背景顏色】 綠色 --> <span style="background-color:#0000FF;">文字文字文字</span> <!--文字【字體】 微軟正黑體 --> <span style="font-family:微軟正黑體;">文字文字文字</span> |
表格 語法
<!-- table = 表格 tr = 表格的列（必須放在 table 裡面） td = 表格的儲存格（必須放在 tr 裡面） --> <!-- 1列 2欄 ，框線寬度 1 （border = 邊框寬度）--> <table border="1"> <tr> <td>第一列 第一欄</td> <td>第一列 第二欄</td> </tr> </table> <!-- 2列 3欄，無框線，寬度=500 --> <table width="500"> <tr> <td width="100">第一列 第一欄</td> <td width="100">第一列 第二欄</td> <td width="300">第一列 第三欄</td> </tr> <tr> <td>第二列 第一欄</td> <td>第二列 第二欄</td> <td>第二列 第三欄</td> </tr> </table> |
補充
想要深入html的人可以參考這個網站： W3School（英文） 、 W3School（中文）快速貼圖 載點： 【快速貼圖】下載
