Paragraph-and-Tags(基礎標題段落排版標籤) | HTML

理解 HTML 的標籤和其他基本元素的強大之處是網頁開發的基礎。

在這篇文章中，我們用許多HTML範例標籤在如何去搭建一個網站結構。了解 HTML 標籤如 <h1> 、 <a> 等如何共同創造你想要的內容。無論你是初學者還是需要快速複習的人，掌握這些基礎 HTML 標籤能讓你能夠創建結構良好的網頁。

See the Pen Test by lenrich (@lenrich) on CodePen.

範例

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>標題.段落.排版標籤</title>
  </head>
  <body>
    <!-- 標題標籤 -->
    <h1>標題1</h1>
    <h2>標題2</h2>
    <h3>標題3</h3>
    <h4>標題4</h4>
    <h5>標題5</h5>
    <h6>標題6</h6>
    <!-- 段落標籤 -->
    <!-- strong 加粗 -->
    <!-- b 加粗 html5棄用 不建議使用 -->
    <!-- em 斜體 -->
    <!-- br 換行 -->
    <!-- hr 水平線 -->
    <!-- del 刪除線 -->
		<!-- Lorem500 隨意產出500個單字的文本  -->
    <p>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo, maxime quod
      aliquid <strong>praesentium</strong>
      <em>eos dolorum culpa? Dicta magni doloribus deserunt veritatis</em>
      explicabo laudantium aspernatur? <b>Vitae provident in voluptatemVitae provident in voluptatem</b>  aspernatur
      voluptatibus quae fuga <br />
      perspiciatis, ipsam deleniti mollitia 
      <hr>
      repudiandae sint? In sed explicabo
      culpa obcaecati sit <del>accusamus magnam</del>  enim architecto rem nostrum!
    </p>
  </body>
</html>