7.框架
框架將瀏覽器劃分成不同的部分骂束,每一個(gè)部分加載不同的網(wǎng)頁状答,實(shí)現(xiàn)在同一瀏覽器窗口中加載多個(gè)頁面的效果。
格式為:
<html>
<head>
<title>HTML框架</title>
<meta="utf-8">
<frameset rows="90,*,90" frameborder="1" border="1">
<frame name="top" src="top.html"/>
<frameset cols="30%,70%">
<frame name="left" src="left.html"/>
<frame name="right" src="right.html" scrolling="auto"/>
</frameset>
<frame name="bottom" src="bottom.html"/>
</frameset>
</head>
</html>
1.<frameset>劃分框架標(biāo)記:
cols:分割左右窗口钥勋,’*’表示剩余部分餐茵,’*’,’*’表示均分成兩個(gè)科阎,’’*,’*’,’*’
表示均分成三個(gè),單位為像素和%比忿族。
rows:分割上下窗口锣笨,’*’表示剩余部分,’*’,’*’表示均分成兩個(gè)道批,’’*,’*’,’*’
表示均分成三個(gè)错英,單位為像素和%比。
frameborder:指定是否顯示邊框隆豹,0表示不顯示邊框椭岩,1表示顯示邊框。
border:設(shè)置邊框的大小噪伊,默認(rèn)值為5像素簿煌。
2.<frame>子窗口標(biāo)記:
在<frameset>
中設(shè)置了幾個(gè)窗口,就必須對(duì)應(yīng)使用幾個(gè)<frame>
框架鉴吹,而且還必須使用src屬性指定一個(gè)網(wǎng)頁姨伟。
src:加載網(wǎng)頁文件的URL地址;
name: 框架名稱豆励,是鏈接標(biāo)記的target所要參數(shù)夺荒;
noresize:表示不能調(diào)節(jié)框架大小,沒有設(shè)置時(shí)可以調(diào)整良蒸;
scrolling:是否需要滾動(dòng)條技扼,根據(jù)需要可以選擇yes(表示有滾動(dòng)條)、no(表示無滾動(dòng)條)嫩痰、auto(表示根據(jù)需要自動(dòng)出現(xiàn))剿吻。
frameborder:是否需要邊框,1表示顯示邊框串纺,0表示不顯示邊框丽旅。
代碼分5個(gè)模塊椰棘,自己對(duì)應(yīng)找出各個(gè)模塊,內(nèi)容為百度上隨便找的榄笙。
最終效果如下:
8.表單
1.表單標(biāo)記:
<form> </form>
定義表單開始和結(jié)束位置邪狞,表單提交時(shí)的內(nèi)容就是<form>表單中的內(nèi)容。
基本格式<form action=”服務(wù)器端地址(接受表單內(nèi)容的地址)” name=”表單名稱” method=“post或者get“>…</from>
茅撞。Name為表單名稱帆卓,method為傳送數(shù)據(jù)的方式,分為post和get兩種方式米丘,get方式提交時(shí)剑令,會(huì)將表單的內(nèi)容附加在URL地址的后面,所以限制了提交內(nèi)容的長度蠕蚜,不超過8192個(gè)字符尚洽,且不具備保密性。post方式提交時(shí)靶累,將表單中的數(shù)據(jù)一并包含在表單主體中,一起傳送到服務(wù)器中處理癣疟,沒有數(shù)據(jù)大小限制挣柬,且具有保密性,默認(rèn)是get方式。action是指表單數(shù)據(jù)的處理程序的URL地址睛挚,如果為空則使用當(dāng)前文檔的URL地址邪蛔,如果表單中不需要使用action屬性也要指定其屬性為”no”。enctype設(shè)置表單的資料的編碼方式扎狱。Target用來指定目標(biāo)窗口侧到,和超鏈接的屬于類似。
2.文本域和密碼:
<input>
標(biāo)記是單標(biāo)記沒有結(jié)束標(biāo)記淤击。<input type=”” name=”” value=”” size=”” maxlength=””>
匠抗。type屬性有text和password兩種,type=”text”時(shí)污抬,<input>
表示一個(gè)文本輸入域汞贸,type=”password”時(shí),<input>
表示一個(gè)密碼域印机。name屬性定義控件的名稱矢腻。value屬性表示初始化值,打開瀏覽器時(shí)射赛,文本框中的內(nèi)容多柑。size屬性設(shè)置控件的長度。maxlenght屬性表示輸入框中最大允許輸入的字符數(shù)楣责。
3.提交竣灌、重置聂沙、普通按鈕:
提交按鈕: <input type=”submit”>;
重置按鈕: <input type=”reset”>
普通按鈕: <input type=”button”>
4.單選框和復(fù)選框:
<input type=”radio”> ————>除了初值為兩個(gè)都沒選,其余要選則必須選一個(gè)帐偎,且只能是一個(gè)逐纬;
<input type=”checkbox”> ———>可以選一個(gè)也可取消,或可兩個(gè)都選和不選削樊;
<input type=”radio” checked=”checked”> ——>checked為默認(rèn)選項(xiàng)豁生;
5.隱藏域:
<input type=”hidden”> ————>隱藏表單域;
6.多行文本域:
<textarea name=”name” rows=”n” cols=”n” value=”……”>…</textarea>
漫贞,n指數(shù)值甸箱,rows屬性指行數(shù),cols屬性指列數(shù)迅脐,單位是字符個(gè)數(shù)芍殖。
7.菜單下拉域:
<select name=”” size=”value” multiple> ——>multiple表示多選
<option value=”value” selected> value </option>
<option value=”value”> value </option>
<option value=”value”> value </option>
…………………………………………………………
<option value=”value”> value </option>
</select>
<option>
標(biāo)記用來指定列表中的的一個(gè)選項(xiàng),需要放在<select></select>之間谴蔑,給選項(xiàng)賦值豌骏,指定傳送到服務(wù)器上面的值,selected指定默認(rèn)選項(xiàng)值隐锭。
代碼及結(jié)果如下:
這是我在學(xué)習(xí)html+css基礎(chǔ)教程視頻上總結(jié)出來的窃躲,也是我的筆記。
個(gè)人感覺很丑钦睡,但是我不是一個(gè)追求美的畫面的一個(gè)熱愛技術(shù)的技術(shù)宅蒂窒。