HTML 程式札記 : <h1>、<p> 文本

2024/02/05閱讀時間約 2 分鐘

本文將介紹 HTML 中的標題、段落、文本格式化、引用和註釋,這些文本標籤有助於建立一個結構良好的網站。

標題:組織你的內容

標題(Headings)在HTML文檔中起著劃分內容、展現結構的重要作用。HTML提供了六級標題,從<h1><h6>,重要性依序遞減。

<h1>這是主標題</h1>
<h2>這是次級標題</h2>
<!-- 更多次級標題 -->

段落:文本的基本單位

段落(Paragraphs)是HTML中基本的文本單位。使用<p>標籤來定義一個段落,段落之間會自動產生垂直間距,這是瀏覽器的默認樣式

<p>這是一個段落。</p>
<p>這是另一個段落。</p>

文本格式化:增強閱讀體驗

HTML提供了多種標籤來格式化文本,使其更具可讀性。<strong>標籤用於將文本變為粗體,表示重要性。<em>標籤用於將文本變為斜體,表示強調。<u>標籤用於給文本添加下劃線。<del>標籤用於添加刪除線,常用於顯示已被刪除或更改的內容。

<strong>這段文本被加粗。</strong>
<em>這段文本被強調。</em>
<u>這段文本下面有劃線。</u>
<del>這段文本被刪除。</del>

引用:引入外部內容

引用是 HTML 中引入並標記外部來源內容的方式。<blockquote>用於長引用,如段落。<q>用於短引用,如句子或短語。

<blockquote>
正如馬克·吐溫曾經說過的:“人生就是關於勇敢面對挑戰的旅程。” 這段話深刻地揭示了生活的本質,
並鼓勵我們在面對困難時保持積極和堅強。
</blockquote>
<p>就像莎士比亞在他的劇作中所表達的:<q>全世界是一個舞台。</q></p>

注釋:解釋與記錄

注釋用於在 HTML 程式碼中添加說明,不會顯示在網頁上。注釋內容會被<!---->包圍。注釋對於理解程式碼結構非常有用。

<!-- 這是一個注釋 -->
<p>這個段落包含注釋。</p>

😊 感謝你的耐心閱讀,若是你喜歡這篇內容,可以透過以下方式表達你的喜歡 😊

❤️按個愛心|💬留言互動|🔗分享此文|📌追蹤阿梧|☕請喝咖啡

51會員
81內容數
「梧笙」即「吾生」,意即我的生命,朋友都叫我「阿梧(Awu)」,高雄人。我喜歡學習新技能,從程式設計到網路工具,再到社群經營和影片剪輯。日常興趣是打遊戲、看動漫、讀小說和聽音樂。我會把這些興趣寫成文章,如果你有任何想法或問題,歡迎來信到我的郵箱 [email protected]
留言0
查看全部
發表第一個留言支持創作者!
從 Google News 追蹤更多 vocus 的最新精選內容