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版執行。
Comments
Post a Comment