二讹剔,常見HTML標(biāo)簽

一,img標(biāo)簽

1详民,什么是img標(biāo)簽延欠? ? ??

img其實(shí)就是image的縮寫,所以這個標(biāo)簽的作用是沈跨,告訴瀏覽器要顯示一張圖片由捎。

2,img標(biāo)簽的書寫格式

? 書寫格式:<img src=" ">

其中饿凛,src是source的縮寫隅俘,用來告訴img標(biāo)簽,所要顯示的圖片的名稱笤喳。

3,注意點(diǎn)

1)和H系列標(biāo)簽/p標(biāo)簽還有Hr標(biāo)簽不一樣, img標(biāo)簽不會獨(dú)占一行

2)如果我們手動指定了img標(biāo)簽顯示的圖片的寬度和高度,有可能會導(dǎo)致圖片變形,那么如果又想指定寬度和高度,又不想讓圖片變形.我們可以只指定寬度和高度其中的一個值即可

3)只要指定了高度,系統(tǒng)會自動根據(jù)高度計算出寬度,只要指定了寬度,系統(tǒng)會自動根據(jù)寬度計算出高度,并且都是等比拉伸的,也就是說不會變形

4碌宴,img標(biāo)簽的其他屬性

width:寬度

height:高度

作用:在img標(biāo)簽中width/height這兩個屬性的作用,就是用來告訴img標(biāo)簽將來需要顯示的圖片有多寬有多高杀狡,如果不指定圖片寬高,那么瀏覽器就會按照系統(tǒng)默認(rèn)的值來確定贰镣。

title:當(dāng)鼠標(biāo)懸停在圖片上時呜象,彈出框需要顯示什么內(nèi)容膳凝。

alt:是英文alternate的縮寫,它的作用就是用于告訴瀏覽器,當(dāng)需要顯示的圖片找不到時顯示什么內(nèi)容。

二恭陡,Br標(biāo)簽

1蹬音,如何在HTML中換行?

可以使用br標(biāo)簽

2,書寫格式

格式:<br>

3,注意點(diǎn)

1)多個br標(biāo)簽可以連續(xù)使用,使用了多少個br標(biāo)簽就會換多少行

2)由于HTML的作用就是用來給文本添加語義,而br標(biāo)簽的語義是不另起一個段落換行,而在企業(yè)開發(fā)中一般情況下需要換行都是因?yàn)樾枰砥鹨粋€段落,所以在企業(yè)開發(fā)中很少使用br標(biāo)簽

三休玩,A標(biāo)簽

1著淆,什么是A標(biāo)簽?

a標(biāo)簽的作用:就是用于控制頁面與頁面之間跳轉(zhuǎn)的

2拴疤,格式:<a href="指定需要跳轉(zhuǎn)的目標(biāo)界面">需要展現(xiàn)給用戶查看的內(nèi)容</a>

3永部,標(biāo)簽中有一個叫做target屬性,這個屬性的作用就是專門用于控制如何跳轉(zhuǎn)

1)_self:用于在當(dāng)前選項(xiàng)卡中跳轉(zhuǎn),也就是不新建界面跳轉(zhuǎn).默認(rèn)就是_self

2)_blank:用于在新的選項(xiàng)卡中跳轉(zhuǎn),也就是新建界面跳轉(zhuǎn)

另外,a標(biāo)簽中還有一個屬性,叫做title. a標(biāo)簽中的title和img標(biāo)簽中的title一樣,都是用來控制鼠標(biāo)懸停

時顯示的提示文本的呐矾。

4苔埋,注意點(diǎn)

1)a標(biāo)簽不僅可以讓文字可以點(diǎn)擊,還可以讓圖片也能夠被點(diǎn)擊

2)一個a標(biāo)簽必須有一個href屬性,否則a標(biāo)簽不知道要跳轉(zhuǎn)到什么地方

3)如果通過a標(biāo)簽的href屬性指定一個URL地址,那么必須在地址前面加上http://或https://

4)a標(biāo)簽的href屬性除了可以指定一個網(wǎng)絡(luò)地址以外,還可以指定一個本地地址

四,BASE標(biāo)簽

base標(biāo)簽就是專門用來統(tǒng)一的指定當(dāng)前網(wǎng)頁中所有的超鏈接(a標(biāo)簽)需要如何打開蜒犯。

注意點(diǎn):

1.base標(biāo)簽必須寫在head標(biāo)簽的開始標(biāo)簽和結(jié)束標(biāo)簽之間

2.如果既在base中指定了target又在a標(biāo)簽中指定了target,那么瀏覽器會按照a標(biāo)簽中指定的來執(zhí)行

五组橄,其他常用HTML標(biāo)簽

1,H系列標(biāo)簽

1)作用:用來書寫文章標(biāo)題的罚随。

2)書寫形式

格式:<h1>標(biāo)題</h1>(雙標(biāo)簽)

3)常見的H標(biāo)簽還有h2 h3 h4 h5 h6,從h1~h6,字體越來越小玉工,最多到h6。沒有H7毫炉。

2瓮栗,P標(biāo)簽

1)作用:書寫段落

2)格式:<p>內(nèi)容</p>(雙標(biāo)簽)

3,hr標(biāo)簽

1)作用:用來在網(wǎng)頁中插入一條橫線瞄勾。

2)格式:<hr>(單標(biāo)簽)










最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末费奸,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子进陡,更是在濱河造成了極大的恐慌愿阐,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,042評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件趾疚,死亡現(xiàn)場離奇詭異缨历,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)糙麦,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,996評論 2 384
  • 文/潘曉璐 我一進(jìn)店門辛孵,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人赡磅,你說我怎么就攤上這事魄缚。” “怎么了?”我有些...
    開封第一講書人閱讀 156,674評論 0 345
  • 文/不壞的土叔 我叫張陵冶匹,是天一觀的道長习劫。 經(jīng)常有香客問我,道長嚼隘,這世上最難降的妖魔是什么诽里? 我笑而不...
    開封第一講書人閱讀 56,340評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮飞蛹,結(jié)果婚禮上谤狡,老公的妹妹穿的比我還像新娘。我一直安慰自己桩皿,他們只是感情好豌汇,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,404評論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著泄隔,像睡著了一般拒贱。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上佛嬉,一...
    開封第一講書人閱讀 49,749評論 1 289
  • 那天逻澳,我揣著相機(jī)與錄音,去河邊找鬼暖呕。 笑死斜做,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的湾揽。 我是一名探鬼主播瓤逼,決...
    沈念sama閱讀 38,902評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼库物!你這毒婦竟也來了霸旗?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,662評論 0 266
  • 序言:老撾萬榮一對情侶失蹤戚揭,失蹤者是張志新(化名)和其女友劉穎诱告,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體民晒,經(jīng)...
    沈念sama閱讀 44,110評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡精居,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了潜必。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片靴姿。...
    茶點(diǎn)故事閱讀 38,577評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖磁滚,靈堂內(nèi)的尸體忽然破棺而出空猜,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 34,258評論 4 328
  • 正文 年R本政府宣布辈毯,位于F島的核電站,受9級特大地震影響搜贤,放射性物質(zhì)發(fā)生泄漏谆沃。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,848評論 3 312
  • 文/蒙蒙 一仪芒、第九天 我趴在偏房一處隱蔽的房頂上張望唁影。 院中可真熱鬧,春花似錦掂名、人聲如沸据沈。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,726評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽锌介。三九已至,卻和暖如春猾警,著一層夾襖步出監(jiān)牢的瞬間孔祸,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,952評論 1 264
  • 我被黑心中介騙來泰國打工发皿, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留崔慧,地道東北人。 一個月前我還...
    沈念sama閱讀 46,271評論 2 360
  • 正文 我出身青樓穴墅,卻偏偏與公主長得像惶室,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子玄货,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,452評論 2 348

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案皇钞? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,734評論 1 92
  • img標(biāo)簽: img標(biāo)簽中的img其實(shí)是英文image的縮寫,所以img標(biāo)簽的作用, 就是告訴瀏覽器我們需要顯示一...
    佩佩216閱讀 1,473評論 0 2
  • HTML需要掌握標(biāo)簽 標(biāo)簽(空格分隔): H5+CSS [TOC] 常用標(biāo)簽 img 注意點(diǎn) 和H系列標(biāo)簽/p標(biāo)簽...
    袁俊亮技術(shù)博客閱讀 2,047評論 1 8
  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,229評論 1 41
  • 1誉结、有時候要學(xué)會傾聽自己內(nèi)心的聲音鹅士。—— 心聲惩坑。 做自己真正想做的事情掉盅,自己自己認(rèn)定是對的事情。關(guān)鍵以舒,在于趾痘,堅持...
    心田思閱讀 122評論 0 0