H 系列的標(biāo)簽
- H標(biāo)簽是用來給文本添加標(biāo)題的,而不是從來修改文本的樣式的
- H 標(biāo)簽一共有6個(gè)孵睬,從H1~H6,最多只能到6 伶跷,超過6則無效掰读。
- 被H 系列包裹的內(nèi)容秘狞,會獨(dú)占一行;H1最大蹈集,H6最小
- 在企業(yè)開發(fā)中烁试,一定要慎用H系列的標(biāo)簽,特別是H1標(biāo)簽雾狈,在企業(yè)開發(fā)匯總廓潜,一般情況一個(gè)界面只能出現(xiàn)一個(gè)H1標(biāo)簽(和SEO有關(guān))
P 系列標(biāo)簽
- 作用:告訴劉拉起,那些文字是一個(gè)段落善榛;
- 格式:<p>xxxxx</p>
- 注意點(diǎn):在瀏覽器中會獨(dú)占一行
Hr 標(biāo)簽
- 在瀏覽器上實(shí)現(xiàn)一條分割線辩蛋;
- 格式:hr/
- 在瀏覽器中會單獨(dú)占一行
- 通過我們的觀察,HR標(biāo)簽可以寫/移盆,也可以不寫/悼院。
HTML注釋
- 格式:
- 快捷鍵:control+/
img 標(biāo)簽
- 格式:<img src="">
- 注意點(diǎn):和H系列標(biāo)簽和/p標(biāo)簽還有Hr標(biāo)簽不一樣,img標(biāo)簽不會獨(dú)占一行咒循。
- 屬性:width:寬度 height:高度 寬度和高度用來指定圖片的大小据途,如果指定了圖片大小,可能會導(dǎo)致圖片變形叙甸。如果指定了寬度颖医,系統(tǒng)會按照等比進(jìn)行高度縮放,如果指定了高度裆蒸,系統(tǒng)也會按照等比進(jìn)行寬度縮放熔萧。
- 屬性:title:用來告訴瀏覽器,當(dāng)鼠標(biāo)懸停在圖片上時(shí)僚祷,需要彈出的描述框中顯示什么內(nèi)容佛致。
- 屬性:alt:是英文alternate的縮寫,他的作用是用來告訴瀏覽器辙谜,當(dāng)需要顯示的圖片找不到時(shí)俺榆,顯示什么內(nèi)容。
br標(biāo)簽
- 作用:用來換行装哆;
- 格式:
; - 注意點(diǎn):多個(gè)br標(biāo)簽可以連續(xù)使用罐脊,使用了多少,就會換了多少行烂琴。
- br: 使用率比較少爹殊。
路徑問題
- 我們給img 中的src屬性賦值有兩種方式,通過相對路徑賦值和通過絕對路徑賦值奸绷。
- 通過相對路徑賦值:相對路徑就是每次都從.html文件所在的文件夾開始查找梗夸,我們稱之為相對路徑
- 同級:同級就是html 和圖片在同一個(gè)文件夾中。
- 下級:存儲的圖片的文件夾和html 在同一個(gè)文件中号醉。
- 上級:存儲圖片的位置和存儲代碼的文件夾在同一個(gè)文件夾中反症。其中../ 代表辛块,找到上一個(gè)級的文件夾。
- 通過絕對路徑賦值:每次都是從指定的文件夾開始查找铅碍。
- 注意:路徑中不要出現(xiàn)中文润绵,否則可能出現(xiàn)未知問題。
- 如果是通過相對路徑來制定胞谈,那么不能跨盤符尘盼。
以后在企業(yè)開發(fā)中,如果需要寫路徑烦绳,統(tǒng)一使用反斜杠/卿捎, 不要使用正斜杠,因?yàn)榇a會部署到其他操作系統(tǒng)的服務(wù)器上径密,而在其他操作系統(tǒng)路徑都是/午阵,如果不是反斜杠,可能會引發(fā)問題享扔;
在企業(yè)開發(fā)中一般不會使用絕對路徑底桂,因?yàn)榭梢浦残圆缓茫簿褪钦f將你寫好的代碼拷貝給被人惧眠,被人可能就不能運(yùn)行了籽懦。
a 標(biāo)簽
- a 標(biāo)簽的作用:就是用于控制頁面與頁面之間的跳轉(zhuǎn)的;
- a標(biāo)簽的格式:<a href="指定需要跳轉(zhuǎn)的目標(biāo)界面">需要展現(xiàn)給用戶的查看的內(nèi)容</a>
- a標(biāo)簽 不僅可以讓文字可以點(diǎn)擊氛魁,也可以讓圖片也能夠點(diǎn)擊
- 一個(gè)a標(biāo)簽必須有一個(gè)href 屬性指定一個(gè)URL地址猫十;
- 如果通過a標(biāo)簽的href 屬性指定一個(gè)URL地址,那么必須在地址前面增加http:// 或者h(yuǎn)ttps://
- a 標(biāo)簽中有個(gè)target 屬性呆盖,這個(gè)屬性的作用就是專門用于控制如何跳轉(zhuǎn)
_self: 用于在當(dāng)前選項(xiàng)卡中跳轉(zhuǎn),也就是不新建界面跳轉(zhuǎn)贷笛,默認(rèn)就是_self
_blank:用于在新的選項(xiàng)卡中跳轉(zhuǎn)应又,也就是新建界面跳轉(zhuǎn) - a標(biāo)簽中的href 屬性除了可以指定一個(gè)網(wǎng)絡(luò)地址以外,還可以指定一個(gè)本地地址乏苦;
- a 標(biāo)簽中還有一個(gè)title 屬性株扛,也是用來在鼠標(biāo)懸停時(shí),顯示內(nèi)容的汇荐。
- 通過我們的a標(biāo)簽跳轉(zhuǎn)到指定的位置洞就,是沒有動畫過渡的,是直接跳轉(zhuǎn)到指定的位置掀淘;
- a標(biāo)簽除了可以跳轉(zhuǎn)到當(dāng)前頁面的指定位置以外旬蟋,也可以跳轉(zhuǎn)到其他頁面的指定位置,格式<a href=" 其他頁面的路徑#位置的id">
- 如何通過a標(biāo)簽實(shí)現(xiàn)錨點(diǎn)跳轉(zhuǎn)革娄?每個(gè)標(biāo)簽都是一個(gè)屬性是id倾贰,可以為指定的標(biāo)簽添加一個(gè)id冕碟,然后在href =“#id”來實(shí)現(xiàn)。
base 標(biāo)簽
- 作用:用來專門統(tǒng)一的指定當(dāng)前網(wǎng)頁中所有的超鏈接的a標(biāo)簽的所需要的打
- 注意點(diǎn):base 標(biāo)簽必須寫在head 標(biāo)簽中匆浙;
- 注意點(diǎn):如果即在base中指定了target 安寺,又在a標(biāo)簽中指定了target,那么瀏覽器會按照a標(biāo)簽中指定的來執(zhí)行首尼;
- base 標(biāo)簽是單標(biāo)簽挑庶;
什么是假鏈接
- 在企業(yè)開發(fā)前期,其他界面都沒有寫出來的時(shí)候软能,使用迎捺。
- 假鏈接的格式:
- 井號鍵 #
- javascript:
兩者的區(qū)別:#的假鏈接會自動回到網(wǎng)頁的頂部,而javascript:的假鏈接是不會自動回到網(wǎng)頁頂部的埋嵌。