Posts

HTML 教學文

   html 教學文: 前言: 先分享難度部分, 我在網路上找不到有關html 難度的資料。 我個人認為,html沒有像SQL那麼容易入手。 但我想分享幾個概念,希望大家在融會貫通後可以不必死背一大堆語法。(網路上很少把這些規律和規則整理出來) 1.<tag(標籤)>: (1)成對性:大部分tag有頭有尾,除了少部分tag外沒有,那些才需要理解甚至死背。 語法:<tag>...</tag> where ... means any text which will be shown  in interface. (2)層層性:tag內可以有tag。語法:<tag1> <tag2>...</tag2></tag1> 如: <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> (3)屬性設定: 屬性會設定在頭tag。 考慮如下程式碼: <body style="background-color:powderblue;">...</body> 這樣子設定body 的style屬性,將background-color這個屬性設為powderblue。 2.架構: (1)html->body->p,h1-h6: 一個網頁一定要有<html> tag裡面包著<body>tag。 <html> <body> </body> </html> 3.html版本 <!DOCTYPE x> where x 決定html 版本。 若你是用notepad(記事本)寫得(要存成檔案時副檔名不是預設php或html),而不是用Visual studio code等IDE環境寫的話,記得在檔案開頭這行程式碼。 用來告訴html要用哪個html版來執行網頁。 如:<!DOCTYPE html>決定了網頁用html5版執行。