HTML學習筆記（1）

什麼是 HTML?

HTML 是用來描述網頁的一種語言。
HTML 指的是超文字標記語言: HyperText Markup Language
HTML 不是一種程式語言，而是一種標記語言
標記語言是一套標記標籤 (markup tag)
HTML 使用標記標籤來描述網頁
HTML 文件包含了HTML 標籤及文字內容
HTML文件也叫做 web 頁面

學習HTML前要做的準備
雖然說HTML甚至可以用記事本來寫，但是還是推薦使用一個好的IDE

推薦一款我在用的IDE：
VS Code：https://code.visualstudio.com/
在這裡就先不做VS Code的安裝教程了，可以去B站搜一下，還是很全的https://www.bilibili.com/

推薦幾款VS Code的外掛：

Fitten Code: Faster and Better AI Assistant 一個好用的AI，可以猜測你想要寫的程式碼加以提示
開啟程式碼檔案，輸入一段程式碼，Fitten Code 就會為您自動補全程式碼
按下 Tab 鍵接受所有補全建議
按下 Ctrl+→ 鍵(mac系統為Command+→)接收單個詞補全建議
使用者可透過點選左上角工具欄中的Fitten Code – 開始對話或者使用快捷鍵Ctrl+Alt+C(mac系統為Control+Option+C)開啟對話視窗進行對話：

中文外掛，英語不好的同志的救星，含金量MAX
PS：輸入英文歎號，再點選回車，可以直接生成一段簡單的HTML模板

推薦幾個學習HTML的網站：
菜鳥教程：https://www.runoob.com/
AcWing：https://www.acwing.com/about/

接下來，開始我們的HTML學習之旅

HTML 元素語法

HTML 元素以開始標籤起始
HTML 元素以結束標籤終止
元素的內容是開始標籤與結束標籤之間的內容
某些 HTML 元素具有空內容（empty content）
空元素在開始標籤中進行關閉（以開始標籤的結束而結束）
大多數 HTML 元素可擁有屬性

宣告為 HTML5 文件
元素是 HTML 頁面的根元素
<head> 元素包含了文件的元（meta）資料，如 <meta charset="utf-8"> 定義網頁編碼格式為 utf-8。

（中文亂碼：目前在大部分瀏覽器中，直接輸出中文會出現中文亂碼的情況，這時候我們就需要在頭部將字元宣告為 UTF-8 或 GBK。）

<title> 元素描述了文件的標題
<body> 元素包含了可見的頁面內容
元素定義一個大標題（數字可改變，h1最大，h6最小）
 元素定義一個段落示例：
段落
<a href="https://www.cnblogs.com/zydow">這是一個連結使用了 href 屬性.
<img src="https://img2024.cnblogs.com/blog/3534859/202410/3534859-20241015205814309-888099565.png" width="800" height="450" />
HTML影像
示例：
  換行
<hr> 水平線
 註釋

HTML 空元素
沒有內容的 HTML 元素被稱為空元素。空元素是在開始標籤中關閉的。

就是沒有關閉標籤的空元素（
標籤定義換行）。
在 XHTML、XML 以及未來版本的 HTML 中，所有元素都必須被關閉。
在開始標籤中新增斜槓，比如
，是關閉空元素的正確方法，HTML、XHTML 和 XML 都接受這種方式。
即使
在所有瀏覽器中都是有效的，但使用
其實是更長遠的保障。

文字格式化

加粗文字 
斜體文字 
<code>電腦自動輸出</code> 
這是 下標 和 上標、

HTML學習筆記（1）

元素定義一個大標題（數字可改變，h1最大，h6最小）

相關文章