本文只是複習HTML筆記 html 骨架: DTD:文檔類型定義,規定了使用哪個版本的html規範 html 標簽:雙標簽,表示整個網頁 head 標簽: 配置HTML頁面 title: 網頁標題 meta :設置字元集 charset body : 書寫標簽組成的網頁 語法: 標簽之間對空格,縮進 ...
本文只是複習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併排顯示（行內元素）
