html相關語法教學網頁－李維の私享國度

滿實用的

https://www.fooish.com/html/

HTML 文件本質上只是單純的純文字檔，舉個例子，一份 HTML 文件會長得像這樣子：

<!DOCTYPE html>
<html>
  <head>
    <title>網頁標題</title>
  </head>
  <body>
    <h1>這是一級標題</h1>
    <p>這是一個段落</p>
  </body>
</html>

每一個 HTML 標籤包圍的內容中，可以再包含其他的 HTML 標籤，所以說 HTML 文件的結構是屬於一種階層樹狀 (巢狀) 的結構：

         +-------+
         | html  |
         +---+---+
             |
    +--------+------+
    |               |
 +--+---+        +---+--+
 | head |        | body |
 +--+---+        +---+--+
    |                |    
+---+---+       +----+----+
| title |       |         |
+-------+   +---+--+   +--+--+
            |  h1  |   |  p  |
            +---+--+   +--+--+
                |         |
              text      text