文章目錄
一、瀏覽器介紹
1.1 認識網頁
1.2 常見瀏覽器
1.3 瀏覽器內核
①IE內核:Trident
②Firefox內核:Gecko
③Safari內核:Webkit
④Chrome內核:Webkit→Blink
⑤Opera內核:Presto→Blink
Notes:移動端瀏覽器內核
1.4 web標準
二、HTML基本結構
2.1 HTML初識
HTML:Hyper Text Markup Language
2.2 HTML骨架格式
HTML語法格式
<!DOCTYPE html>
<html lang=“en”> <!-- 根標籤 -->
<head> <!-- 頭部標籤 -->
<meta charset=“UTF-8”>
<title></title> <!-- 標題標籤 -->
</head>
<body> <!-- 主體標籤 -->
</body>
</html>
三、HTML常用標籤☆☆☆
3.1 快速生成html骨架(vscode爲例)
①html:5
②!
3.2 文檔類型DOCTYPE
<!DOCTYPE html>
3.3 字符集charset
<meta charset="UTF-8">
3.4 排版標籤
3.4.1 標題標籤
<h1> </h1>
單詞縮寫:head 頭部、標題
3.4.2 段落標籤
<p> </p>
3.4.3 水平線標籤
<hr />
3.4.4 換行標籤
<br />
3.4.5 div span標籤
3.5 文本格式化標籤
3.6 標籤屬性
3.7 圖像標籤
<img src="test01.jpg" alt="圖片顯示不出來" title="我是一隻圖片" width="300" border="5">
3.8 鏈接標籤
<a href="#" target="_blank">超鏈接</a>
3.9 錨點定位
<a href=“#life”>個人生活</a>
<h3 id=“life”>個人生活</h3>
3.10 base標籤
<head>
<base target="_blank">
</head>
3.11 特殊字符標籤
3.12 註釋標籤
<!-- 註釋標籤 -->