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