1. 程式人生 > 實用技巧 >HTML入門

HTML入門

HTML是超文字標記語言的簡稱,

它不是一門程式語言而是一種排版語言,

HTML通過標籤來告訴瀏覽器如何將文章以最美觀的方式呈現給電腦前的使用者。

換句話說,你可以把HTML語言看作是瀏覽器和程式設計師之間交流的語言。HTML的一個例子如下:

在上面的例子中,左側是HTML程式碼,右側是在瀏覽器中開啟後的效果,

同學們可以先不管HTML中的具體程式碼含義,先在瀏覽器上把這段程式碼執行起來。

具體的執行方法有兩種,一種是用windows自帶的記事本執行,另一種是用雲編輯器Jsbin執行。

記事本執行非常簡單,開啟記事本,將程式碼寫到記事本中,

注意儲存時要儲存成字尾名為html的網頁檔案(注意儲存時後綴名必須是html,不能是txt!!!)。

存完後,用瀏覽器開啟這個html檔案(可以直接拖進瀏覽器裡)後即可看到效果。程式碼如下:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <title>Page Title</title>
 5 </head>
 6 <body>
 7 
 8 <h1>This is a Heading</h1>
 9 <p>This is a paragraph.</p>
10 
11 </body>
12 
13 </html>

Jsbin是一款很優秀的web前端開發線上編輯器,使用起來非常簡單,網址是https://jsbin.com/?html,output

截圖如下:左邊HTML區寫程式碼,右邊output區看結果!!

每個HTML文件可以看成是一棵以HTML元素為根的樹,

這棵樹除了HTML元素和body元素必須有外,其它元素可有可無