HTML常用標簽

a 標簽的用法

屬性

href

  1. 跳轉(zhuǎn)外部頁面
  2. 跳轉(zhuǎn)內(nèi)部錨點
  3. 跳轉(zhuǎn)到郵箱或者打電話

target

指定頁面在哪里打開
_self 在當(dāng)前頁面打開
_blank 在空白頁面打開
_top 最頂層窗口
_parent 上一級窗口

download

下載那個網(wǎng)頁幽勒,很多瀏覽器不支持

rel="noopener"

打開外部錨

href的取值

網(wǎng)址

https://google.com

http://google.com

//google.com 推薦這個,//最高級,能根據(jù)瀏覽器自動適用

路徑

支持絕對路徑碉碉,相對路徑阁危,網(wǎng)址丑婿,功能還是很強大的
a/b/c/index.html

偽協(xié)議

點擊a標簽可以執(zhí)行的JS代碼
特殊需求:javascript:; 點擊之后沒有任何反應(yīng)

#xxx 跳轉(zhuǎn)到指定的ID

mailto:xxx@xxx.com 點擊之后可以發(fā)郵件給對方

tel:1xxxxxxxx 點擊后可以打電話

table 表格

常用的只有三個標簽(tr,th,td)
<table>以下標簽都要寫在table里朽们,都是閉合標簽
?<thead> 表的頭部
?<tr> table里的一行(有幾個就是幾行)
?<th> 表頭(加粗)
?<tbody> 表的內(nèi)容
?<td> 數(shù)據(jù)(寫主要內(nèi)容)
?<tfoot> 表的尾巴(沒有可不寫)
有2個表頭時的烁,在tbody的第一行加th即可

屬性

border-collapse: collapse; 表格合并

border-spacing: 0; 控制行列之間的距離

img 圖片

作用

發(fā)出get請求奶镶,展示一張圖片

屬性

<img height width src="" alt="">

src 寫地址的地方迟赃,可以是網(wǎng)絡(luò)路徑,相對路徑厂镇,絕對路徑

alt 加載失敗的時候顯示一段話

height 高度纤壁,只寫 高度 時 寬度 自適應(yīng)

width 寬度,只寫 寬度 時 高度 自適應(yīng)

響應(yīng)式

用在手機端上

max-width:100% 寬度100% 寫在css中

手機比較長捺信,高度就不寫死

事件

onload 圖片加載 成功 時顯示一段話(或代碼)
onerror 圖片加載 失敗 時顯示一段話(或代碼)

學(xué)習(xí)感想

標簽看起來簡單摄乒,卻能實現(xiàn)很多復(fù)雜的功能,多虧于眾多的標簽残黑,后期配合CSS JS才能真正的把標簽用熟

推薦一篇文章提問的智慧

資料來源:饑人谷

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末馍佑,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子梨水,更是在濱河造成了極大的恐慌拭荤,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,743評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件疫诽,死亡現(xiàn)場離奇詭異舅世,居然都是意外死亡,警方通過查閱死者的電腦和手機奇徒,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,296評論 3 385
  • 文/潘曉璐 我一進店門雏亚,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人摩钙,你說我怎么就攤上這事罢低。” “怎么了?”我有些...
    開封第一講書人閱讀 157,285評論 0 348
  • 文/不壞的土叔 我叫張陵网持,是天一觀的道長宜岛。 經(jīng)常有香客問我,道長功舀,這世上最難降的妖魔是什么萍倡? 我笑而不...
    開封第一講書人閱讀 56,485評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮辟汰,結(jié)果婚禮上列敲,老公的妹妹穿的比我還像新娘。我一直安慰自己帖汞,他們只是感情好酿炸,可當(dāng)我...
    茶點故事閱讀 65,581評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著涨冀,像睡著了一般。 火紅的嫁衣襯著肌膚如雪麦萤。 梳的紋絲不亂的頭發(fā)上鹿鳖,一...
    開封第一講書人閱讀 49,821評論 1 290
  • 那天,我揣著相機與錄音壮莹,去河邊找鬼翅帜。 笑死,一個胖子當(dāng)著我的面吹牛命满,可吹牛的內(nèi)容都是我干的涝滴。 我是一名探鬼主播,決...
    沈念sama閱讀 38,960評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼胶台,長吁一口氣:“原來是場噩夢啊……” “哼歼疮!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起诈唬,我...
    開封第一講書人閱讀 37,719評論 0 266
  • 序言:老撾萬榮一對情侶失蹤韩脏,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后铸磅,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體赡矢,經(jīng)...
    沈念sama閱讀 44,186評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,516評論 2 327
  • 正文 我和宋清朗相戀三年阅仔,在試婚紗的時候發(fā)現(xiàn)自己被綠了吹散。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,650評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡八酒,死狀恐怖空民,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情羞迷,我是刑警寧澤袭景,帶...
    沈念sama閱讀 34,329評論 4 330
  • 正文 年R本政府宣布唁桩,位于F島的核電站,受9級特大地震影響耸棒,放射性物質(zhì)發(fā)生泄漏荒澡。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,936評論 3 313
  • 文/蒙蒙 一与殃、第九天 我趴在偏房一處隱蔽的房頂上張望单山。 院中可真熱鬧,春花似錦幅疼、人聲如沸米奸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,757評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽悴晰。三九已至,卻和暖如春逐工,著一層夾襖步出監(jiān)牢的瞬間铡溪,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,991評論 1 266
  • 我被黑心中介騙來泰國打工泪喊, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留棕硫,地道東北人。 一個月前我還...
    沈念sama閱讀 46,370評論 2 360
  • 正文 我出身青樓袒啼,卻偏偏與公主長得像哈扮,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子蚓再,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,527評論 2 349

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

  • 本文將繼續(xù)上文接著介紹一些HTML常用標簽 1:HTML全局屬性 在介紹常用常見的HTML標簽之前滑肉,先以最簡單的方...
    憨憨二師兄閱讀 341評論 0 0
  • 1. iframe 標簽 iframe 標簽主要用途是嵌套頁面,目前使用較少摘仅,只有一些遺留項目在用赦邻。具體可以參考 ...
    大喵chary閱讀 446評論 0 0
  • 1.HTML5文本聲明 聲明文檔類型為HTML5文件,文檔聲明必須放在HTML文檔的第一行且必不可少。 2.met...
    聰聰?shù)膱?zhí)著閱讀 1,179評論 0 0
  • HTML標簽及屬性 1.HTML5頭部結(jié)構(gòu) 【!DOCTYPE html】 聲明文檔類型為HTML5文件实檀。 文檔聲...
    Sur_lee閱讀 2,390評論 0 1
  • 1.iframe標簽: iframe標簽用于在一個頁面當(dāng)中嵌套頁面惶洲。但目前已經(jīng)很少用了,基本都是在一些舊項目才會看...
    陳夏天0527閱讀 740評論 0 0