# PS
###ps:
Ctrl + :縮大
Ctrl -:縮小
###通用:
Ctrl c:複製
Ctrl v:粘貼
Ctrl x:剪切
Ctrl z:恢復
# W3C
W3C:萬維網聯盟,是目前web技術領域最具權威和影響力的技術標準機構(制定標準)
目前爲止,W3C已發佈了200多項影響深遠的web技術標準及實施指南
# HTML
HTML全稱:HyperText Markup Language
超文本標記語言,該語言書寫的代碼一般會被瀏覽器解析執行渲染成網頁
HyperText超文本:不僅包括文本也能夠包括圖片,連接,音樂,視頻等非文本元素
Markup Language標記語言:是一套標記標籤,HTML使用標記標籤來描述網頁
一個頁面就是一篇文檔,而一篇文檔最核心的就是內容,不一樣含義的內容組成了文檔的結構
# CSS
CSS全程:Cascading Style Sheets(層疊樣式表)
用於定義HTML文檔的樣式(外觀);該語言書寫的代碼一般會被瀏覽器解析執行;HTML文檔在頁面
中的樣式由CSS決定
# HTML術語
HTML註釋的書寫格式:<!--註釋內容-->(用於描述代碼功能,瀏覽器解析HTML代碼時會忽略註釋內容)
HTML元素(標記,記標,標籤)是HTML文檔的重要組成部分,一個HTML文檔由大量元素組成
HTML中的全部內容結構都是靠元素組織到頁面的
元素組成部分:
開始標籤(起始標記)表示元素的開始
<~>標記名
元素內容
結束標籤(結束標記)表示元素的結束
</~>標記名
不一樣的標記名賦予元素不一樣的含義
h3標記表示三級標題(標記名範圍:h1~h6)
`
<a href(屬性名)="/classroom/17"(屬性值)>當即加入</a>
`
href="/classroom/17":屬性(全部元素都有屬性,加在開始標籤裏,屬性表示元素的額外信息)
標記名,屬性,元素內容共同決定了一個元素的顯示內容和行爲
a標記:表示這是一個超連接
元素內容:表示在頁面上顯示當即加入
href屬性:表示用戶點擊它後會跳轉到屬性值
空元素:沒有元素內容和結束標記,也稱之爲自閉合元素
空元素的書寫方式:
<標記名 屬性>
<標記名 屬性/>
#元素的層次結構
一個元素的內容中能夠包含其餘元素造成嵌套的層次結構,但兩個元素之間不能相互嵌套(標籤當中又套入了標籤:嵌套)
若A元素直接包含B,A爲B的父元素,B爲A的子元素
若兩個元素有同一個父元素它們互爲兄弟元素
若A直接或間接包含B,A是B的祖先元素,B是A的後代元素
文檔聲明既不是元素也不是註釋,它老是出如今HTML代碼的第一行
書寫代碼爲:
`
<!DOCTYPE html>文檔類型定義(使用HTML5版本)
`
用於通知瀏覽器目前的文檔正使用哪個HTML版本,若不寫文檔聲明瀏覽器渲染頁面時會進入怪異模式
html元素又叫作根標記,根元素,它是全部其餘元素的祖先元素,文檔中全部其餘元素都必須放置在它的元素內容中
相關屬性:lang
該屬性指定文檔中的文字是用何種天然語言書寫的
該屬性可能會影響瀏覽器的語音閱讀和翻譯行爲
`
<html lang="en"></html>en英文簡寫
`
`
<html lang="zh-cmn-Hans"></html>zh-cmn-Hans簡體中文書寫
`
head元素又叫作文檔頭,它是html元素的第一個子元素
文檔頭中能夠包含一些其餘元素,用於描述頁面的附加信息
注意!head元素中的內容不會顯示到頁面上
head包含元素:
<title>標識文檔標題,該標題會顯示在瀏覽器的標題欄或者標籤頁上
<meta>標識頁面的其餘元數據(頁面相關的附加信息)這是一個空元素
示例:<meta charset ="UTF-8">指示瀏覽器使用字符編碼集UTF-8解析頁面
爲得到更好的地域兼容性避免亂碼應將字符編碼集設置爲UTF-8,而且將該代碼做爲head的第一個子元素
body元素又叫作文檔體,網頁中全部的可見內容都放置在該元素內
body元素中能夠包含大量的其餘元素,定義文檔的內容結構
#絕對路徑和相對路徑
絕對路徑:當網站部署到服務器後,網站中的全部資源均可以經過一個地址(路徑)訪問
該地址(路徑)的書寫格式爲:協議://域名/目錄
這種格式書寫的路徑叫作絕對路徑
絕對路徑的使用場景:
訪問站外資源時,只能使用絕對路徑
訪問站內資源時,若網站已部署到服務器可使用
相對路徑:相對路徑是相對於當前資源的位置,只能用於訪問站內資源
相對路徑的書寫格式爲:./路徑
./表示當前資源所在的目錄,必須做爲相對路徑的開始,可省略
../表示返回上一級目錄html