本文只是復習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="https://www.cnblogs.com/qisha/p/#p1">頁面內跳轉錨點</a><a href="https://www.cnblogs.com/qisha/p/跨頁面錨點跳轉.html#p1"> | 跨頁面內跳轉錨點</a>
target : 屬性值設定頁面打開方式
默認值 : 在當前視窗打開
_blank : 在新視窗打開
title : 懸停提示文本
div和span
div:大盒子(將一些相同的內容或者是像是的內容書寫在div中表示一個整體)
語意:大區域,大范圍
div是容器標簽,獨占一行
span:小范圍(文字)
文本級標簽,多個span并排顯示(行內元素)
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/24959.html
標籤:Html/Css
上一篇:系統對接需要考慮的因素
下一篇:CSS導航欄下劃線跟隨效果
