HTML知識點（一）
阿新 • • 發佈：2020-08-16
1、開發工具
編輯器：dw：省事兒、控制元件的拖動 sublime:文藝青年喜歡用 webstorm:編輯快速 Hbuilder:快、生成安裝包 Vscode:邏輯性高、各個公司都用（最終選擇它） 五大主流瀏覽器：火狐瀏覽器 ————因為核心不同 Geoko 谷歌瀏覽器（最終選擇它） Webkit->Blink IE瀏覽器 Trident safari瀏覽器 Webkit 歐朋瀏覽器 Blink PS ：做圖的，對於前端開發工程師,切圖（輔助）
2、瀏覽器核心
渲染引擎：如何將內容展示在瀏覽器端
js引擎：解析和執行JavaScript程式碼的
3、web標準
定義： 不是一個標準，而是一個標準的集合
集合： 結構標準：HTML標準
表現標準：CSS標準
行為標準：JavaScript標準
作用： 1、減輕的程式設計師的壓力，只需要開發一套程式即可 （程式設計師的角度）
2、無序重寫、降低流量、容易被搜尋引擎搜尋、提高網頁的速度，（瀏覽器的角度）
3、降低公司的成本，更易維護（公司的角度）
4、HTML骨架
定義：HTML “超文字標籤語言”，是用來描述網頁的一種語言。所謂超文字，因為它可以加入圖片、聲音、動畫、多媒體等內容，不僅如此，它還可以從一個檔案跳轉到另一個檔案，與世界各地主機的檔案連線 特點：1、HTML不是一種程式語言，而是一種標記語言 2、標記標籤組合而成 總結：HTML就是來搭建網頁的，是網頁的結構 骨架：html:根標籤 head:網頁的頭部，主要是設定一下網頁的屬性 body:網頁的主體 title:網頁的標題
標籤與標籤之間的關係：
1、巢狀關係（父子關係）：html與body
2、並列關係（兄弟關係）：head與body
標籤的分類：
1、雙標籤：<html></html>
2、單標籤：<meta>、<br>、<hr>、<img>、<base>
5、常用的標籤
1、標題標籤 :h1-h6 head 特點： 1、文字自動加粗加大 2、文字的字型大小與h後邊的的數字成反比 3、自動換行 2、段落標籤 paragraph p 特點：自動換行 3、水平線標籤 hr horizon 特點：顯示一條橫線 單標籤 4、換行標籤 br 特點：1、單標籤 2、可以在文字內容中隨處換行 5、盒子標籤 div 特點：用div來進行網頁佈局 6、組合行內元素標籤 span 特點：1、最典型的行內元素 2、不會換行
6、文字語義化標籤
加粗 b strong
斜體：i em
下劃線：u ins
刪除線：s del
區別：strong/em/ ins/del跟具有語氣話及強調
7、圖片標籤
圖片標籤 img
src屬性：圖片的路徑
jpg/png/gif/psd 注意新增字尾名
再瀏覽器展示圖片的大小就是預設大小
width:圖片的寬
height:圖片的高度
title:圖片的標題 游標移動到圖片上顯示對應的屬性值
alt:圖片不顯示時，顯示alt的屬性值
相對路徑：相對於當前位置
1、圖片在當前資料夾下 ./ 或者不寫
2、圖片在當前檔案的下一級目錄
3、圖片在當前檔案的上一級目錄../
絕對路徑：路徑是檔案的整個目錄