HTML骨架

本文只是複習HTML筆記

html 骨架:

DTD:文檔類型定義,規定了使用哪一個版本的html規範

html 標籤:雙標籤,表示整個網頁

head 標籤: 配置HTML頁面

　　title: 網頁標題

　　meta :設置字符集 charset

body : 書寫標籤組成的網頁

 

語法:

　　標籤之間對空格,縮進,換行不敏感,對嵌套關係敏感

　　文本內容之間空白摺疊現象

標籤語法:

　　標籤名必須書寫在一對尖括號中

　　結束標籤必須書寫關閉符號/。

　　雙標籤是成對出現的

　　容器級標籤：能夠書寫任何內容 h1

　　文本標籤:　　只能書寫文本類的內容不能書寫容器級標籤　　p

 

屬性　　k="v"

 

h標籤

　　h1~h6：容器標籤，給文本添加標題語義

　　h系列標籤之間不能互相嵌套

　　約定俗成：h1標籤權重最大，我麼通常將h1渲染logo，提升搜索引擎優化。

　　　　　　　一個網頁只能出現一個h1標籤，若是書寫多個h1標籤，瀏覽器會認爲h1自動降級。

p標籤

　　p:（English：paragraph）段落標籤

　　做用：給文本添加段落語義

　　文本級標籤，內部只能書寫文本類的內容，文本、圖片、表單元素、廢棄元素

i標籤　　文本表親，傾斜

img標籤

　　插入圖片 （單標籤）

　　src ：

　　　　相對路徑：

　　　　　　同級查找：直接目標名稱

　　　　　　子級查找：每一層之間用/隔開，/表示下一層

　　　　　　上級查找：../表示上一級（../只能書寫在路徑的開頭）

　　　　絕對路徑

　　alt ：圖片加載失敗是提示的文本

　　在設置圖片大小時，只寫一個width/height，會鎖定寬高比值，可是要求網頁加載速度，咱們須要同時設置width和height

超級連接標籤

　　a(English:　　anchor) :　　錨點

　　　　href :  　　屬性值書寫的是要跳轉頁面的路徑(相對路徑, 絕對路徑, 加了前綴 http:// 或者 https:// 時時絕對路徑)

　　　　　　　　　頁面錨點跳轉：　　屬性值：文件名#id屬性名　　

　　　　　　　　　例：<a href="#p1">頁面內跳轉錨點</a><a href="跨頁面錨點跳轉.html#p1"> | 跨頁面內跳轉錨點</a>

　　　　target :　　屬性值設置頁面打開方式

　　　　　　　　　默認值 :　　在當前窗口打開

　　　　　　　　　_blank ：　 在新窗口打開

　　　　title ：　　懸停提示文本

div和span

　　div：大盒子（將一些相同的內容或者是像是的內容書寫在div中表示一個總體）

　　　　語義：大區域，大範圍

　　　　div是容器標籤，獨佔一行

　　span：小範圍（文字）

　　　　文本級標籤，多個span並排顯示（行內元素）