web、網(wǎng)頁、瀏覽器
web
web的標(biāo)準(zhǔn)
1.web標(biāo)準(zhǔn)是W3C和其他標(biāo)準(zhǔn)化組織制定的一些列標(biāo)準(zhǔn)的集合。
2.web的標(biāo)準(zhǔn)包括三個(gè)方面：
- 結(jié)構(gòu)標(biāo)準(zhǔn)（HTML）：對(duì)于網(wǎng)頁元素進(jìn)行整理和分類；
- 表現(xiàn)標(biāo)準(zhǔn)（CSS）：用于設(shè)置網(wǎng)頁元素的版式、顏色、大小等外觀樣式；
- 行為標(biāo)準(zhǔn)（JS）：用于定義網(wǎng)頁的交互行為；
3.web前端分層- HTML（HyperText Markup Language）：超文本標(biāo)記語言。從語義的角度描述頁面的結(jié)構(gòu)。
- CSS（Cascading Style Sheets）：層疊樣式表，從審美的角度美化頁面的樣式。
- JS(Java Script) 從交互的角度描述頁面的行為。
網(wǎng)頁
網(wǎng)頁是構(gòu)成網(wǎng)站的基本元素。網(wǎng)頁主要由文字、圖像和超鏈接、音頻、視頻以及Flash等元素構(gòu)成。
瀏覽器
網(wǎng)頁運(yùn)行的平臺(tái)，由渲染引擎和JS引擎構(gòu)成；
渲染引擎
即瀏覽器的內(nèi)核，用來解析HTML與CSS。渲染引擎決定了瀏覽器如何顯示網(wǎng)頁的內(nèi)容以及頁面的格式信息。
渲染引擎是瀏覽器兼容性問題出現(xiàn)的根本原因。
JS引擎
JS解釋器，用來解析網(wǎng)頁中的JavaScript代碼；
瀏覽器本身不會(huì)執(zhí)行JS代碼，而是通過內(nèi)置JavaScript引擎來執(zhí)行JS代碼。JS引擎執(zhí)行代碼時(shí)逐行執(zhí)行JS代碼。
HTML
HTML的概念
HTML不是一種編程語言，是一種描述性的標(biāo)記語言。負(fù)責(zé)描述文檔語義的語言。
超文本
圖片、多媒體、跳轉(zhuǎn)文件（超鏈接文本）等內(nèi)容。稱為超文本。
標(biāo)記語言
- 標(biāo)記語言是一套標(biāo)記標(biāo)簽；
- 標(biāo)記語言沒有編譯過程，直接由瀏覽器解析執(zhí)行；
定義
HTML是負(fù)責(zé)描述文檔語義的語言
HTML名詞
- 網(wǎng)頁：由各種標(biāo)記組成的一個(gè)頁面就叫網(wǎng)頁；
- 主頁：一個(gè)網(wǎng)站的起始頁面或者導(dǎo)航頁面；index
- 標(biāo)記：標(biāo)簽，每個(gè)標(biāo)簽都規(guī)定好了特殊的含義；
- 元素：標(biāo)簽與標(biāo)簽內(nèi)的內(nèi)容稱為元素；
- 屬性：標(biāo)簽所做的輔助信息；
- XHTML：符合XML語法的HTML；
- DHTML：js+css+html合起來的頁面
- HTTP：超文本傳輸協(xié)議
- SMTP：郵件傳輸協(xié)議
- FTP：文件傳輸協(xié)議
HTML結(jié)構(gòu)
HTML骨架標(biāo)簽
<!DOCTYPE html> #文檔聲明頭
<html lang="en"> #頁面語言lang
<head> #頭部標(biāo)簽head
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body> #body標(biāo)簽
</body>
</html>
文檔聲明頭部
第一行一定是<!DOCTYPE ....>開頭，DTD （DocType Declaration）可以告知瀏覽文檔使用了哪種HTML或XHTML規(guī)范。
頁面語言
用于指定頁面的語言種類
<html lang="en"> #英文
<html lang="zh-CN"> #中文
head
<title>：指定這個(gè)網(wǎng)頁的標(biāo)題，在瀏覽器最上方顯示；
<title>網(wǎng)頁標(biāo)題</title>
<base>：為頁面上的所有鏈接規(guī)定默認(rèn)的地址或目標(biāo)；
<base href="/"> base標(biāo)簽用于指定基礎(chǔ)的路徑，指定之后，所有的a鏈接都是以這個(gè)路徑為基準(zhǔn)。
<meta>：提供有關(guān)頁面的基本信息；
meta表示基本的配置項(xiàng)目：字符集（charset）、試圖窗口（viewport）、關(guān)鍵字（keywork）、頁面定義（Description）、http-equiv 屬性可用于模擬一個(gè) HTTP 響應(yīng)頭
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="refresh" content="0;https://xxxxxx"> #0秒后跳轉(zhuǎn)到xxx地址
<link>：定義文檔與外部資源的關(guān)系；
body
用于定義HTML文檔所顯示的內(nèi)容，主體標(biāo)簽；
body標(biāo)簽屬性
- bgcolor：設(shè)置整個(gè)網(wǎng)頁的背景顏色；
- background：設(shè)置整個(gè)網(wǎng)頁的背景圖片；
- text：設(shè)置網(wǎng)頁中的文本顏色；
- leftmargin：網(wǎng)頁的左邊距；
- rightmargin：網(wǎng)頁的右邊距；
- topmargin：網(wǎng)頁的上邊距；
- bottommargin：網(wǎng)頁的下邊距；
編寫一個(gè)HTML
使用html寫一個(gè)網(wǎng)頁，要求滿足以下條件：
（1）網(wǎng)頁標(biāo)題：網(wǎng)絡(luò)安全C11期課程
（2）網(wǎng)頁背景顏色：藍(lán)色
（3）網(wǎng)頁中含有一個(gè)超鏈接，點(diǎn)擊即可跳轉(zhuǎn)至百度
（4）如果在網(wǎng)頁中不做任何操作，5秒后跳轉(zhuǎn)至馬哥教育官網(wǎng)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="refresh" content="5;https://www.magedu.com">
<title>網(wǎng)絡(luò)安全C11期課程</title>
</head>
<body bgcolor="blue">
<a >點(diǎn)擊跳轉(zhuǎn)至百度</a>
</body>
</html>
