# 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 使用了 <!-- -->
當作為註解。
作為註解的文字會被瀏覽器忽略。
就跟其他的語言一樣,它的出現就是為了維護跟更容易讀。