Wb/yue/HTML5/正文/HTML基本示範

From Wikimedia Incubator
< Wb‎ | yue‎ | HTML5‎ | 正文Wb > yue > HTML5 > 正文 > HTML基本示範
Jump to navigation Jump to search
<!DOCTYPE html>
<html>
<body>

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

</body>
</html>

你可以試下:

  1. 將上面嘅HTML代碼擺去Notepad等文字編輯器
  2. 儲存做.html檔
  3. 用瀏覽器開個檔

喺瀏覽器度顯示嘅應該係

First HTML example.png

注意:

  • 實際顯示結果可能有出入,同瀏覽器或者係系統設定有關
  • 唔用英文可能導致亂碼,之後會介紹解決方法

解釋:

  • <html>、</html>、<body>、</body>、<p>、</p>、<h1>同</h1>都係HTML標籤。HTML標籤唔止爾啲,更多標籤會陸續介紹。

練習:修改<h1>...</h1>同<p>...</p>之間嘅內容,並喺瀏覽器度睇效果。