H系列標簽（Header1-6）
- 添加標題這一語義安聘，標題標簽
- 共6個，H1最大，H6最小
- 獨占一行
-企業(yè)開發(fā)慎用H系列標簽，一般情況一個網(wǎng)頁只有一個H1標簽用作標題（與SEO搜索優(yōu)化有關）
P標簽
- 段落標簽
- 獨占一行
Hr標簽
- 單標簽
- 作用：分割線溺健，用于表示段落級元素之間的主題轉(zhuǎn)換
- 獨占一行
img標簽
- 作用：顯示圖片
- 格式
- <img src="" alt="" title="">
- src 圖片名稱/來源路徑
- alt 當圖片找不到時顯示的內(nèi)容
- title 鼠標懸停顯示描述的內(nèi)容
- <img src="" alt="" title="">
- 不會獨占一行
- 不設置寬高，則默認寬高顯示
設置寬高钮蛛，則按指定寬高顯示鞭缭，但會可能導致圖片變形
設置寬或高其中一個值，則會等比縮放
br標簽
- 作用：換行
- 在企業(yè)開發(fā)中很少使用br標簽
路徑問題
- src屬性賦值有兩種方式
- 相對路徑
每次都從.html文件所在的文件夾開始查找
- 同級
格式：src="picture.jpg" - 下級
格式：src="images/picture.jpg" - 上級
格式：scr="../picture.jpg"
- 絕對路徑
每次都從指定盤符查找魏颓，企業(yè)開發(fā)基本不用
格式：src="C:\Users\?\?\picture.jpg"
- 相對路徑
- 注意點：
- 企業(yè)開發(fā)中如果編寫路徑岭辣，統(tǒng)一使用反斜杠“/”，因為程序部署到其他操作系統(tǒng)的服務器上甸饱，而其他操作系統(tǒng)路徑都是/易结，如果你寫的不是/，可能導致問題
- 企業(yè)開發(fā)中一般不適用絕對路徑柜候，因為可移植性不好
a標簽
- 作用：控制頁面與頁面跳轉(zhuǎn)
- 格式：<a href="指定需要跳轉(zhuǎn)的鏈接">展現(xiàn)給用戶查看的內(nèi)容</a>
如：<a >百度</a> - 注意點
- a標簽不僅能讓文字點擊，也可以讓圖片點擊
- 一個a標簽必須有一個href屬性躏精，否則無法跳轉(zhuǎn)
- href屬性指定的URL地址渣刷，必須加http://或https://
- href屬性除了網(wǎng)絡地址跳轉(zhuǎn)外還能跳轉(zhuǎn)本機地址
- target屬性
- _self：在當前選項卡跳轉(zhuǎn)頁面
- _blank：在新的選項卡中跳轉(zhuǎn)頁面
- title屬性
控制鼠標懸停時提示的文本
base標簽
- 統(tǒng)一指定當前網(wǎng)頁中所有的超鏈接（a標簽）的打開方式
- 寫在head里
- 如：<base target="_blank"
假鏈接
- 點擊之后不會跳轉(zhuǎn)
- 開發(fā)時未開發(fā)跳轉(zhuǎn)的頁面用假鏈接代替，后期其他界面都完成了用真鏈接代替
- 格式：
1.href="#"
2.href="javascript:"- 區(qū)別：#點擊之后會自動回到網(wǎng)頁頂部矗烛，javascript:則不會
- 返回頂部按鈕就是用#假鏈接做的
錨點
- 要想通過a標簽跳轉(zhuǎn)到指定位置辅柴，需要告訴a標簽一個獨一無二的id才能跳轉(zhuǎn)
- 給跳轉(zhuǎn)目標位置的標簽添加id屬性箩溃，指定獨一無二的值
- 如<a href="#bottom">跳轉(zhuǎn)到底部</a>
<div id="bottom">我是底部</div> - 注意點
- 沒有過度動畫,直接跳轉(zhuǎn)
- a標簽除了跳轉(zhuǎn)到當前界面的指定位置外，還能直接跳轉(zhuǎn)到其他界面的指定位置
- 如：<a href="錨點測試.html#bottom">跳轉(zhuǎn)到底部</a>
- href屬性其他頁面位置直接+id
