九倦淀、html中常用標(biāo)簽

1、iframe內(nèi)聯(lián)框架元素声畏,將另一個(gè)頁(yè)面嵌入到當(dāng)前頁(yè)面中

<iframe src="https://www.baidu.com"></iframe>
(嵌套百度頁(yè)面撞叽,src可用相對(duì)路徑,如./index.html插龄,然后就在嵌套頁(yè)面中顯示這個(gè)文件里面的內(nèi)容了)

<iframe name="xxx" src="#" ></iframe>
<a target="xxx" >百度</a>
這個(gè)時(shí)候點(diǎn)擊百度愿棋,會(huì)在當(dāng)前嵌套的空白頁(yè)面中打開(kāi)這個(gè)a中的href,target指向的xxx對(duì)應(yīng)的name為xxx的嵌套頁(yè)面

其他屬性:比如frameborder=0

2均牢、<a> 跳轉(zhuǎn)頁(yè)面(HTTP GET 請(qǐng)求)

打開(kāi)頁(yè)面:

<a target="xxx" >百度</a>
在name="xxx"的iframe中打開(kāi)

<a target="_blank" >百度</a>
在新的頁(yè)面打開(kāi)

<a target="_self" >百度</a>
在自己所在的頁(yè)面打開(kāi)

<a target="_parent" >百度</a>
在父頁(yè)面打開(kāi)糠雨,如果自己是被嵌套到里面的,一般是直接引入這個(gè)頁(yè)面的

<a target="_top" >百度</a>
最高級(jí)的頁(yè)面中

下載:

<a download>下載</a>
當(dāng)content-type:text/html時(shí)候可以直接強(qiáng)制性的加上download
或者在http響應(yīng)中加上content-type:aplication/octet-stream

href:

href="baidu.com"是不可以的,因?yàn)闀?huì)直接把它當(dāng)成一個(gè)當(dāng)前目錄下面的文件徘跪,畢竟后綴com又不一定要是網(wǎng)頁(yè)
可以甘邀,表示http協(xié)議,然后域名是baidu.com
href="https://baidu.com支持的話也ok
無(wú)協(xié)議絕對(duì)地址垮庐,一般默認(rèn)當(dāng)前的協(xié)議
href="xxx.html“,會(huì)直接到/xxx.html
href="?name=lichee'ok,也加到當(dāng)前頁(yè)面鏈接后面松邪,發(fā)起請(qǐng)求
href="",自我刷新
href=”JavaScript:"偽協(xié)議哨查,需要一個(gè)a標(biāo)簽卻不能做任何事情
href="#xxx",會(huì)動(dòng)一下子逗抑,只有錨點(diǎn)不發(fā)起請(qǐng)求

<a name="#tip">創(chuàng)建了個(gè)書(shū)簽</a>
<a href="#tips">調(diào)到書(shū)簽處</a>

3、form 跳轉(zhuǎn)頁(yè)面(HTTP POST 請(qǐng)求),form中沒(méi)有加提交按鈕submit就無(wú)法提交

action對(duì)應(yīng)a標(biāo)簽的href
<form action="index.html" method="post"><input type="submit" value="提交”></form>

我們可以改成<form action="user寒亥?zzz=xxl" method="post">把你寫(xiě)的參數(shù)從之前的第四部分變成放在查詢參數(shù)中
注意a標(biāo)簽只能get不可能有第四部分邮府,一直是查詢參數(shù)

4、按鈕
<button>button</button>會(huì)自動(dòng)升級(jí)成提交按鈕
<button type=“button”>button</button>就不能正常提交了
<input type="button" value="提交”>也不能
<input type="submit" value="提交”>
<input type="reset" value="重置”>

input結(jié)合lable標(biāo)簽使用溉奕,點(diǎn)那個(gè)字就可在框框里面輸東西
文本框:

<label>用戶名<input type="text" name="text"><label>
<label>密碼<input type="password" name="password"><label>

多選框:(name保證服務(wù)器知道你們是同個(gè)問(wèn)題)

<label><input type="checkbox"  name="hobby" value="programming">編程</label>
<label><input type="checkbox"  name="hobby" value="sleeping">睡覺(jué)</label>

單選框:(出來(lái)服務(wù)器方面褂傀,這里的Nane還保證了多選一)

<label><input type="radio"  name="gender" value="woman">編程</label>
<label><input type="radio"  name="gender" value="man">睡覺(jué)</label>

5、select #make a drop-down list(下拉的那種選擇列表)

<select name="group">
    <option value="">-</option>(空的分組)
    <option value="1">第一組</option>
    <option value="2">第二組</option>
</select>

6腐宋、textarea #make a text area(多行文本框)

<textarea  style="resize:none;width:100px;height:100px; name="愛(ài)好“></textarea>

7紊服、table


image.png

colgroup可以設(shè)置表格總體的一些屬性
分成thead檀轨,tbody,tfoot三個(gè)屬性
然后tr一行欺嗤,th放內(nèi)容参萄,td放內(nèi)容的數(shù)據(jù)
collapse把空隙給消掉了

8、其他
em表示語(yǔ)氣重煎饼,strong意義強(qiáng)調(diào)
div和span不可以當(dāng)head的兒子
<div contenteditable>你好</div> #contenteditable意味著可以編輯你好啦
劃分塊時(shí)候讹挎,一般因?yàn)楹竺嬉獞?yīng)用css,而css只能縱向或者橫向吆玖,所以用div切塊塊要注意這個(gè)筒溃。
用section就像課文1和2,而div是語(yǔ)文課文1中的劃段落
ol有序列表沾乘,ul無(wú)序列表怜奖,下面的一行行用li標(biāo)簽表示其內(nèi)容
p表示段落,但是一組p標(biāo)簽內(nèi)換行只顯現(xiàn)出一個(gè)空格翅阵,應(yīng)該用
來(lái)


水平線
<a href=”mailto(自動(dòng)調(diào)用默認(rèn)的客戶端電子郵件服務(wù)):收件人1地址歪玲;收件人2地址等等 ?(mailto后面多個(gè)參數(shù)掷匠,第一個(gè)用滥崩?開(kāi)頭,后面的用&分隔開(kāi))>
<h1>到h6讹语,標(biāo)題越來(lái)越小

<pre>直接輸出這個(gè)標(biāo)簽內(nèi)的文本钙皮,空格什么的都不要變化
<del>劃掉我呀</del>,字體上面畫(huà)了一條線,表示刪除
<ins>下劃線文本
<abbr title="woaini">wan</abbr>,縮略詞顽决,把鼠標(biāo)放上面可以看見(jiàn)title內(nèi)容
<adress>表示居住地址短条,斜體
<div>是沒(méi)有意義的標(biāo)簽,一般和class連用

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末擎值,一起剝皮案震驚了整個(gè)濱河市慌烧,隨后出現(xiàn)的幾起案子逐抑,更是在濱河造成了極大的恐慌鸠儿,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,423評(píng)論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件厕氨,死亡現(xiàn)場(chǎng)離奇詭異进每,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)命斧,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,147評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門田晚,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人国葬,你說(shuō)我怎么就攤上這事贤徒∏酆荆” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 157,019評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵接奈,是天一觀的道長(zhǎng)踢涌。 經(jīng)常有香客問(wèn)我,道長(zhǎng)序宦,這世上最難降的妖魔是什么睁壁? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,443評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮互捌,結(jié)果婚禮上潘明,老公的妹妹穿的比我還像新娘。我一直安慰自己秕噪,他們只是感情好钳降,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,535評(píng)論 6 385
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著腌巾,像睡著了一般牲阁。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上壤躲,一...
    開(kāi)封第一講書(shū)人閱讀 49,798評(píng)論 1 290
  • 那天城菊,我揣著相機(jī)與錄音,去河邊找鬼碉克。 笑死凌唬,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的漏麦。 我是一名探鬼主播客税,決...
    沈念sama閱讀 38,941評(píng)論 3 407
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼撕贞!你這毒婦竟也來(lái)了更耻?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,704評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤捏膨,失蹤者是張志新(化名)和其女友劉穎秧均,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體号涯,經(jīng)...
    沈念sama閱讀 44,152評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡目胡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,494評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了链快。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片誉己。...
    茶點(diǎn)故事閱讀 38,629評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖域蜗,靈堂內(nèi)的尸體忽然破棺而出巨双,到底是詐尸還是另有隱情噪猾,我是刑警寧澤,帶...
    沈念sama閱讀 34,295評(píng)論 4 329
  • 正文 年R本政府宣布筑累,位于F島的核電站畏妖,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏疼阔。R本人自食惡果不足惜戒劫,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,901評(píng)論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望婆廊。 院中可真熱鬧迅细,春花似錦、人聲如沸淘邻。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,742評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)宾舅。三九已至统阿,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間筹我,已是汗流浹背扶平。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,978評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留蔬蕊,地道東北人结澄。 一個(gè)月前我還...
    沈念sama閱讀 46,333評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像岸夯,于是被迫代替她去往敵國(guó)和親麻献。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,499評(píng)論 2 348

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

  • HTML標(biāo)簽解釋大全 一猜扮、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說(shuō)明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,229評(píng)論 1 41
  • 這里我假設(shè)大家已經(jīng)對(duì)html標(biāo)簽有了基本了, 所以一些基本標(biāo)簽如div, p勉吻, h1等簡(jiǎn)單的標(biāo)簽我就不做介紹了, ...
    squall1744閱讀 784評(píng)論 0 2
  • HTML基礎(chǔ) 本文包括 HTML基本知識(shí)與結(jié)構(gòu) HTML常見(jiàn)標(biāo)簽 標(biāo)簽寫(xiě)法與嵌套的討論 HTML、CSS旅赢、java...
    廖少少閱讀 2,082評(píng)論 2 21
  • 碧波深處有珍奇 ——觀關(guān)海洋之窗有感 如果說(shuō)北海海洋之窗像是一部豪放的電影齿桃,那么人魚(yú)共舞、奇妙的鸚鵡螺就更像一個(gè)個(gè)...
    為為道來(lái)閱讀 507評(píng)論 0 2
  • 我不是想靜靜鲜漩,我只是想靜靜源譬。 平淡的日子依舊在夜幕下安靜了下來(lái),我的心卻難以在夜色的安撫下恢復(fù)平靜孕似。不知緣由,近來(lái)...
    的確良閱讀 295評(píng)論 0 0