前端基礎-HTML

HTML 是一種在 Web 上使用的通用标記語言。HTML 允許你格式化文本，添加圖檔，建立連結、輸入表單、架構和表格等等，并可将之存為文本檔案，浏覽器即可讀取和顯示。

HTML 的關鍵是标簽，其作用是訓示将出現的内容。

頁面F12看代碼

是注釋語句。

<! >這不是，這是放在第一行的聲明，訓示 web 浏覽器關于頁面使用哪個 HTML 版本進行編寫的指令。

對于中文網頁需要使用 聲明編碼，否則會出現亂碼

HTML 元素以開始标簽起始

HTML 元素以結束标簽終止

元素的内容是開始标簽與結束标簽之間的内容

大多數 HTML 元素可擁有屬性

HTML 标簽對大小寫不敏感：

等同于

HTML 元素可以設定屬性

屬性可以在元素中添加附加資訊

屬性一般描述于開始标簽 <>裡面

屬性總是以名稱/值對的形式出現，比如：name="value"。

屬性

描述

class

為html元素定義一個或多個類名（classname）(類名從樣式檔案引入)

id

定義元素的唯一id

style

規定元素的行内樣式（inline style）

title

描述了元素的額外資訊 (作為工具條使用)

元素包含了所有的頭部标簽元素。在 元素中你可以插入腳本（scripts）, 樣式檔案（CSS），及各種meta資訊。

可以添加在頭部區域的元素标簽為:<code>&lt;title&gt;, &lt;style&gt;, &lt;meta&gt;, &lt;link&gt;, &lt;script&gt;, &lt;noscript&gt; 和 &lt;base&gt;</code>。

标簽

<code>&lt;title&gt;</code>

搜尋引擎以及收藏夾中的标題

<code>&lt;base&gt;</code>

定義了頁面連結标簽的預設連結位址

<code>&lt;link&gt;</code>

文檔和外部資源之間的關系

<code>&lt;style&gt;</code>

定義了HTML文檔的樣式檔案

<code>&lt;meta&gt;</code>

定義了文檔的中繼資料

<code>&lt;script&gt;</code>

定義了用戶端的腳本檔案

CSS (Cascading Style Sheets) 用于渲染HTML元素标簽的樣式。使用方法：

内聯樣式- 在HTML元素中使用"style" 屬性

内部樣式表 -在HTML文檔頭部 <code>&lt;head&gt;</code> 區域使用<code>&lt;style&gt;</code>标簽 來包含CSS

外部引用 - 使用外部 CSS 檔案（适合一個樣式應用與多個頁面）

JavaScript 使 HTML 頁面具有更強的動态和互動性。

使用<code>&lt;script&gt;</code>标簽，可以在<code>&lt;head&gt;</code>也可以在<code>&lt;body&gt;</code>