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)包括三個方面：
- 結(jié)構(gòu)標(biāo)準(zhǔn)（HTML）：對于網(wǎng)頁元素進行整理和分類；
- 表現(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)頁運行的平臺脊框，由渲染引擎和JS引擎構(gòu)成；
渲染引擎
即瀏覽器的內(nèi)核践啄，用來解析HTML與CSS浇雹。渲染引擎決定了瀏覽器如何顯示網(wǎng)頁的內(nèi)容以及頁面的格式信息。
渲染引擎是瀏覽器兼容性問題出現(xiàn)的根本原因屿讽。
JS引擎
JS解釋器昭灵，用來解析網(wǎng)頁中的JavaScript代碼；
瀏覽器本身不會執(zhí)行JS代碼伐谈，而是通過內(nèi)置JavaScript引擎來執(zhí)行JS代碼烂完。JS引擎執(zhí)行代碼時逐行執(zhí)行JS代碼。
HTML
HTML的概念
HTML不是一種編程語言诵棵，是一種描述性的標(biāo)記語言抠蚣。負責(zé)描述文檔語義的語言。
超文本
圖片履澳、多媒體嘶窄、跳轉(zhuǎn)文件（超鏈接文本）等內(nèi)容。稱為超文本奇昙。
標(biāo)記語言
- 標(biāo)記語言是一套標(biāo)記標(biāo)簽护侮；
- 標(biāo)記語言沒有編譯過程敌完，直接由瀏覽器解析執(zhí)行储耐；
定義
HTML是負責(zé)描述文檔語義的語言
HTML名詞
- 網(wǎng)頁：由各種標(biāo)記組成的一個頁面就叫網(wǎng)頁；
- 主頁：一個網(wǎng)站的起始頁面或者導(dǎo)航頁面滨溉；index
- 標(biāo)記：標(biāo)簽什湘，每個標(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>：指定這個網(wǎng)頁的標(biāo)題，在瀏覽器最上方顯示栋操；
<title>網(wǎng)頁標(biāo)題</title>
<base>：為頁面上的所有鏈接規(guī)定默認的地址或目標(biāo)闸餐；
<base href="/"> base標(biāo)簽用于指定基礎(chǔ)的路徑，指定之后矾芙，所有的a鏈接都是以這個路徑為基準(zhǔn)舍沙。
<meta>：提供有關(guān)頁面的基本信息；
meta表示基本的配置項目：字符集（charset）剔宪、試圖窗口（viewport）拂铡、關(guān)鍵字（keywork）壹无、頁面定義（Description）、http-equiv 屬性可用于模擬一個 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è)置整個網(wǎng)頁的背景顏色失球；
- background：設(shè)置整個網(wǎng)頁的背景圖片拒迅；
- text：設(shè)置網(wǎng)頁中的文本顏色；
- leftmargin：網(wǎng)頁的左邊距她倘；
- rightmargin：網(wǎng)頁的右邊距璧微；
- topmargin：網(wǎng)頁的上邊距；
- bottommargin：網(wǎng)頁的下邊距硬梁；
編寫一個HTML
使用html寫一個網(wǎng)頁前硫，要求滿足以下條件：
（1）網(wǎng)頁標(biāo)題：網(wǎng)絡(luò)安全C11期課程
（2）網(wǎng)頁背景顏色：藍色
（3）網(wǎng)頁中含有一個超鏈接，點擊即可跳轉(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 >點擊跳轉(zhuǎn)至百度</a>
</body>
</html>
