學習前段在這周進入了正題，接觸到了html和css.

首先，是概念性的東西。

W3C：萬維網聯盟，是目前web技術領域最權威和影響力的技術標準機構，目前為止，W3C已發布了200多項影響深遠的web技術標準和實施指南。

WHATWG: 全稱:Web Hypertext Application Technology Working Group；超文本應用技術工作組

HTML全稱： Hypertext Markup Language,中文是超文本標記（記標/元素/標簽）語言。用來定義文檔結構 用這個語言寫的代碼通常被瀏覽器解析執行

Hypertext超文本：包括文本，圖片，鏈接，音頻，視頻等元素

Markup Language標記語言: 一套標記標簽，HTML用它來描述網頁

CSS全稱Cascading Style Sheets,中文：層疊樣式表. 作用：用來定義HTML文檔的樣式（外觀），頁面表現的基礎，可以控制布局，元素的渲染。

HTML覺得了文檔的結構，CSS決定了文檔的樣式

一：HTML術語

HTML註釋. 書寫格式：< !--註釋內容-- > 作用：用於描述代碼功能，瀏覽器解析代碼的時候會忽略註釋內容

HTML元素 是HTML文檔的重要組成部分，一個HTML文檔中有大量元素組成，HTML中的所有內容結構都是靠元素組織到頁面中的

HTML元素的組成部分

排序為，<起始標簽>元素內容<結束標簽>，*註：結束標簽裏有斜杠* 　 < h3 > 元素內容 < /h3 >,　起始結束的類型要相同

拓展：**屬性寫在開始標簽，例<ａ href ="/classroom/17">立即加入< /a > 作用：附加功能。 這裏”href“是屬性名 * ”"/classroom/17"“是屬性值（要加引號） ，開始標簽裏面屬性可以是多個的。

空元素（自閉合元素）:沒有元素內容和結束標簽，通常放在開始標簽 < img src="XXXX" alt> 書寫方式：<標記名 　屬性>或者<標記名 　 屬性 />

一個元素的內容中可以包含其他元素，形成嵌套的層次結構 - 若A元素直接包含B，那麽A為B的父元素（也可以叫祖先元素），B為A的子元素（後代元素）。 - 若兩個元素有同一個父元素，它們互為兄弟元素。 若A直接或間接包含B，那麽A是B的祖先元素，B為A的後代元素。

二：HTML文檔結構

文檔聲明：必須放在HTML文檔的第一行，不是元素，但也有尖括號，代碼格式<! DOCTYPE html>，表示使用的HTML5版本的

作用：告訴瀏覽器是在用哪個HTML版本來解析下面的代碼，若不寫文檔聲明，瀏覽器渲染頁面時可能會進入 怪異模式

html元素：又叫根標記，根元素，它是所有元素的祖先元素，文檔中所有其他的元素都必須放在它的元素內容中。

相關屬性：lang（language） 該屬性指定文檔中的文字是用何種自然語言書寫的，該屬性可能會影響瀏覽器的語音閱讀和翻譯行為。

head元素：又叫做文檔頭，它是html元素的**第一個子元素。文檔頭中可以包含一些其他元素，用於描述頁面的附加信息。註意：head元素中的內容不會顯示在頁面上。

head元素中通常包含 title meta

title:標識文檔標題，標題會顯示在瀏覽器的標題欄或者標簽頁上。

meta :標識頁面的其他元素（頁面相關的附加信息），這是一個**空元素**。示例：**< meat charset="UTF-8">**（表示翻譯成中文）。意思：指示瀏覽器，使用字符編碼集UTF-8解析頁面，一般放在離head最近的地方。

作用：為獲得更好的地域兼容性，避免亂碼，應將字符編碼集設置為UTF-8並且將該代碼作為head的第一個子元素

HTML和CSS