基礎(chǔ)標(biāo)簽學(xué)習(xí)
一.br標(biāo)簽
作用:換行
格式:<br>
使用注意點:
1,多個br標(biāo)簽可以連續(xù)使用,使用了多少個br標(biāo)簽就有多少個換行
2,由于HTML的作用就是給文本添加語義,而 br 標(biāo)簽的語義是不另起一個段落換行,所以需要注意的是一般在企業(yè)開發(fā)中換行都是因為要另起一個段落,所以在企業(yè)開發(fā)中很少使用 br 標(biāo)簽
二.a標(biāo)簽的使用
作用:用于控制頁面與頁面之間的跳轉(zhuǎn)
格式:<a href = '"指定需要跳轉(zhuǎn)的目標(biāo)界面"> 需要展現(xiàn)給用戶查看的內(nèi)容</a>
a標(biāo)簽中的其他屬性:
1>target屬性:這個屬性的作用用于如何控制跳轉(zhuǎn)
_self:指在當(dāng)前窗口跳轉(zhuǎn),不會新建界面
_blank:用于在新的窗口中跳轉(zhuǎn),會產(chǎn)生新的界面
默認(rèn)是_self
2>title屬性:a標(biāo)簽的title屬性和omg標(biāo)簽的title屬性一樣,用來顯示鼠標(biāo)懸停時顯示的提示文本
注意點:
1.a標(biāo)簽不僅可以讓文字被點擊,還可以顯示圖片被點擊
2.一個a標(biāo)簽必須要有href屬性,否則點擊它不知道要跳轉(zhuǎn)到什么內(nèi)容
3.如果通過a標(biāo)簽的href屬性指定一個URL地址,那么必須在地址前面加上 http:// 或者h(yuǎn)ttps://
三.base標(biāo)簽
作用:base標(biāo)簽就是用來指定當(dāng)前的網(wǎng)頁中所有的超鏈接(a標(biāo)簽)需要如何打開
注意點:
1,base標(biāo)簽必須寫在head標(biāo)簽中
2.如果既在base中指定了target,又在a標(biāo)簽中指定了target,那么會優(yōu)先選擇a標(biāo)簽的target方式
假超鏈接:
點擊之后不會跳轉(zhuǎn)的超鏈接就是假超鏈接
存在意義: 在企業(yè)開發(fā)前期,很多網(wǎng)頁的功能都沒有實現(xiàn),那么我們就不知道要跳轉(zhuǎn)到什么地方,所以就只能用假超鏈接來代替,等功能完成后在使用真的替換
格式:
javascript:
兩者之間的區(qū)別:
點擊 # 的假超鏈接會自動回到頁面的頂部,但是點擊JavaScript的假超鏈接沒有反應(yīng)
錨點:
1.想要通過a標(biāo)簽跳轉(zhuǎn)到一個指定的位置(可以是本頁也可以是其他頁),那么必須告訴a標(biāo)簽?zāi)莻€位置獨一無二的一個標(biāo)識,
2.在html中每一個標(biāo)簽都有一個 id屬性,我們可以把每個標(biāo)簽的id屬性成唯一標(biāo)識告訴a標(biāo)簽,
3.所以想要通過a標(biāo)簽跳轉(zhuǎn)到指定位置分兩步
3.1給目標(biāo)位置添加一個id屬性,賦值一個獨一無二的值
3.2把這個id的值告訴a標(biāo)簽的href屬性
四,列表標(biāo)簽
1.列表標(biāo)簽的作用:給一堆數(shù)據(jù)添加列表語義,也就是告訴瀏覽器這一堆數(shù)據(jù)是一個整體
2.html中列表標(biāo)簽的分類:
*無序列表(使用最多)(unordered list)
*有序列表(使用最少)(ordered list)
*定義列表(definition list)
3.無序列表的作用:顧名思義,給一堆數(shù)據(jù)添加列表語義,并且所有的數(shù)據(jù)都沒有先后之分
4.格式:
<ul> <li></li> </ul>
ul就表示無序列表,li表示是一個條目
5,注意點:
1>一定要記住 ul 標(biāo)簽是用來給一堆數(shù)據(jù)添加列表語義的,而不是用來給他們添加前面的小圓點的
2>ul 標(biāo)簽和 li 標(biāo)簽是一個組合,所以他們一般是會一起出現(xiàn)的,并且他們中不推薦出現(xiàn)其它標(biāo)簽,但是在li標(biāo)簽中還可以添加其它標(biāo)簽
6,無序列表應(yīng)用場景:
新聞列表 ,商品列表 , 導(dǎo)航條 等都是用無序列表標(biāo)簽實現(xiàn)的
定義列表標(biāo)簽:
作用:先通過dt(definition title)標(biāo)簽定義列表中的所有標(biāo)題,再通過dd(definition description)標(biāo)簽給每個標(biāo)題添加描述信息
定力列表的格式:
<dl> <dt></dt> <dd></dd> </dl>
定義列表應(yīng)用的場景:
1,可以做網(wǎng)站尾部的相關(guān)信息
2,還可以用來做圖文混排
五,表格標(biāo)簽
1,作用:用來給一堆數(shù)據(jù)添加表格語義,
其實表格是一種數(shù)據(jù)的展現(xiàn)形式,當(dāng)數(shù)據(jù)量非常大時,表格被認(rèn)為是最為清晰地展現(xiàn)形式
2.格式:
<table> <tr> <td></td> </tr> </table>
table就是一個表格,tr代表表格當(dāng)中的一行,td代表一行當(dāng)中的一個單元格
3.注意點:
表格標(biāo)簽有一個邊框?qū)傩?默認(rèn)情況下這個屬性值是0,所以看不到邊框
