web1.0階段 蒂姆·伯納斯·李 [1] （tim berners-lee） 介面：只能讀 不能寫
web2.0階段 布蘭登·艾奇（brendan eich，2023年～） js 有了互動 能讀還能寫 建設者
web3.0階段（大前端） 09年 ryan dahl
瀏覽器+外殼+核心
五大瀏覽器：
瀏覽器核心
ietrident
firefox（火狐）
gecko
safari(ios)
webkit
chrome(谷歌)
webkit—>blink
opera（歐朋）
presto—>blink
編輯器（vscode,hbuilder,webstrom…)—>a.html—>瀏覽器
！+enter—>建立模板
html 結構 負責網頁有什麼東西
css 樣式 負責的是這些東西長什麼樣子
js 行為 互動+資料渲染
html：hyper 超 text 文字 markup 標記 language 語言
不是程式語言 標記語言
起個名字 img
img+str
雙標記，閉合標記
標記名字
>
內容標記名字
>
開始>
內容結束
>
內容name
>
元素
標記名字
屬性名=
"屬性值"
屬性名="屬性值"
>
快捷鍵 ctrl+/
單行 //注釋文字
多行 /注釋文字/
標題
>
標題內容h1
>
有且只有乙個 一般用在logo
>
標題內容h2
>
>
標題內容h3
>
>
標題內容h4
>
>
標題內容h5
>
>
標題內容h6
>
>
近來圍繞美國**結果等問題，川普和拜登的支持者在美國多地集會持續對峙。當地時間13日，雙方支持者再次來到華盛頓白宮外**示威，並發生激烈的言語衝突。
p>
src=""
alt="
" title="
" width="
" height="
">
src:路徑
絕對路徑
1.網路
2.本地絕對路徑 d：...c:\users\administrator\desktop\1109\老師的\day04\images
相對路徑
根目錄/(編輯器裡開啟的資料夾的頂級目錄)
同級目錄 ./或者不寫
上一級../跳出乙個資料夾
上上級../跳出兩個資料夾
"../資料/timg.jpg"
alt="
">
alt: 當載入失敗的文字提示
title:滑鼠懸停時的文字提示
width:寬度 等比例縮放 3:2
height:高度
>
adsaudfb
>
bold 非語義標籤
>
safsfstrong
>
語義化標籤 裝重要的 強調的文字 希望被爬蟲抓取
>
斜體文字i
>
italic 斜體
>
斜體文字em
>
語義化標籤
>
aefresfu
>
>
ftrewtetins
>
語義化標籤
>
99.0s
>
>
99.0del
>
語義化標籤
給段落內的文字換行
>
break
color
="red"
align="
" width
="300px"
>
align 水平對齊方式 left 左對齊 right center居中
人民幣符 ￥¥
¥ 人民幣符號
">> 大於號
小於號
>
div>
可以裝div,img, p hi......小容器 小盒子 小區域
>
span
>
可以裝幾個字 小圖示 非常小的
主流瀏覽器及其核心
ie trident edge edgehtml firefox gecko chrome webkit blink opera presto，後變更為webkit safair webkit 渲染引擎 主要負責解析渲染html xml css image等頁面內容並輸出顯示到顯示器上 js引擎 主...
主流瀏覽器及其核心
對於主流瀏覽器的劃分有兩點原因 以下分別為主流瀏覽器及其核心介紹 瀏覽器核心 ietrident chrome blink firefox gecko opera presto safari webkit trident核心代表產品internet explorer，是微軟開發的一種排版引擎，也叫i...
各類瀏覽器及其核心
1 ie瀏覽器核心 trident核心，也是俗稱的ie核心 2 chrome瀏覽器核心 統稱為chromium核心或chrome核心，以前是webkit核心，現在是blink核心 3 firefox瀏覽器核心 gecko核心，俗稱firefox核心 4 safari瀏覽器核心 webkit核心 5 ...