就是記錄而已

標題：

<!-- 這是Heading(標題)，可至h6 -->
    <h1>主標題</h1>
    <h2>副標題</h2>
    <h3>小標題</h3>

段落：

<!-- 這是Paragraph(段落) -->
    <p>內文測試，內文測試，內文測試，內文測試，內文測試，內文測試，內文測試，內文測試</p>

粗體、斜體字：

<!-- strong是粗體、em是斜體；b(bolded)、i(italic)也分別代表粗體、斜體。
        但strong、em是用於較強調其屬性 -->
    <p><strong>粗體測試</strong></p>
    <p><em>斜體測試</em></p>
    <p><b>粗體，粗體</b></p>
    <p><i>斜體，斜體</i></p>

圖片：

<!-- figure是html5的新標籤，figcaption可描述圖片並顯示於網頁 -->
<figure>
    <img src="html5.png" alt="html5圖片測試">
    <figcaption>這是一張html5的圖示</figcaption>
</figure>

也可單獨使用img標籤

• src：指定圖像的路徑(以網頁檔存放的位置為起始點。與網頁檔位於同位置的話，如範例直接輸入檔名；位於網頁檔下一層資料   
           夾的話，如pic/html5.png)
• alt：當圖片顯示異常時，則為圖片指定替代文本

導覽例、超連結：

<!-- nav(navigation)為導覽例
     a為超連結
 -->
  <nav>
    <a href="https://www.google.com.tw">Google</a>
    <a href="https://www.yahoo.com.tw">Yahoo</a>
    <a href="https://w3schools.com">w3schools</a>
  </nav>

清單：

    <!-- ls是清單；ul是unordered list(無序清單)；ol是ordered list(有序清單) -->
    <ul>
    <li>清單</li>
    <li>清單</li>
    <li>清單</li>
    <li>清單</li>
    <li>清單</li>
    </ul>
    
    <ol>
    <li>步驟1</li>
    <li>步驟1</li>
    <li>步驟1</li>
    <li>步驟1</li>
    <li>步驟1</li>
    <li>步驟1</li>
    </ol>

表格：

<!-- table標籤定義HTML表格
     tr即table row定義該列。
     th定義該列各欄的資料，預設字型粗體
     td定義該列各欄的資料
 -->
<table>
    <tr>
      <th>Firstname</th>
      <th>Lastname</th>
      <th>Age</th>
    </tr>
    <tr>
      <td>Jill</td>
      <td>Smith</td>
      <td>50</td>
    </tr>
    <tr>
      <td>Eve</td>
      <td>Jackson</td>
      <td>94</td>
    </tr>
  </table>

產生如圖：