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
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連用