# HTML 基本範例

# HTML 基本常識 && 注意事項

  • HTML 是一種標籤式的語言,可以在任意貼上或取下

  • (幾乎) 每段程式碼的都需要被 開始標簽結束標簽 包覆,範例:

  • 如果在編輯的時候,某行出了 Bug (發生錯誤) 的話,瀏覽器會直接忽略該行喔~~

  • HTML 它可以靠 開始標簽結束標簽 跨行,但不必要的跨行會讓之後的編輯更複雜喔!!

  • 在開始與結束標籤內可使用大寫,但 W3C 有規範只能用小寫喔~~

  • 未來程式碼可能會超多超多...,所以,縮排很重要!!

# HTML 文件

所有 HTML 文檔都必須以文檔類型聲明:開頭 <!DOCTYPE html>

  • HTML 文檔本身以開頭 <html> 和結尾 </html>
    定義頭部基本信息:標題,關鍵字,作者等。

  • HTML 文檔的可見部分在 <body> 和之間 </body>
    表示當前 HTML 的主體,定義最終在瀏覽器窗口顯示的內容。

# <!DOCTYPE> 聲明

<!DOCTYPE> 聲明代表文檔類型,並有助於瀏覽器正確顯示網頁。

  • 它只能在頁面頂部(在任何 HTML 標記之前)出現一次。

  • <!DOCTYPE> 聲明不區分大小寫。

<!DOCTYPE>HTML5 的聲明為:

<!DOCTYPE html>

# HTML 標題

HTML 標題是使用 <h1> to <h6> 標記定義的。

<h1> 定義最重要的標題。 <h6> 定義最不重要的標題:

:::note info
瀏覽器在標題前後自動添加一些空白(邊距)。
:::

# 標題很重要

  • 對於搜索引擎抓取 HTML 頁面的內容, <h1> 元素僅次於 <title> 元素。

  • 為了可以被搜索引擎抓取,建議一個 HTML 頁面只包含一個 <h1> 元素。

  • <h1> 標題應該用作主要標題,其次是 <h2> 標題,然後是次要的標題, <h3> 依此類推。

::: note warning
Note:僅將 HTML 標題用於標題。不要使用標題使文本 或加 ,它不是修飾文章用的。
:::

# HTML 段落

HTML 段落使用 <p> 標記定義:

# HTML 顯示

您無法確定 HTML 的顯示方式。 大屏幕或小屏幕以及調整大小的窗口都會產生不同的結果。

使用 HTML,您無法通過在 HTML 代碼中添加額外的空格或額外的行來更改顯示

顯示頁面時,瀏覽器將自動刪除所有多餘的空格和行:

# HTML 連結

HTML <a> 標記定義了超連結。它具有以下語法:

href 指示連結的目的地,所以它最重要。 該連結的文本是將讀者可見的部分。

單擊連結文本,會將讀者發送到指定的 URL 地址。默認情況下,鏈接將在所有瀏覽器中顯示如下:

  • 未訪問的連結帶有下劃線並顯示為藍色
  • 已訪問的連結帶有下劃線和紫色
  • 被點擊的連結帶有下劃線和紅色

:::note info
連結當然可以使用 CSS 設置樣式,以便獲得另一種外觀!

:::

# HTML 註解

HTML 使用了 <!-- --> 當作為註解。

作為註解的文字會被瀏覽器忽略。

就跟其他的語言一樣,它的出現就是為了維護更容易讀

更新於 閱讀次數

用實際行動犒賞爆肝的我😀

Zrn Ye LinePay

LinePay