97国产精品视频人人做人人爱,3344在线观看无码,成年人国产视频,欧美日一级片,在线看AV天堂,高清无码一本到东京热,欧美一级黄片一区2区,免费又爽又刺激高潮网址

HTML 學(xué)習(xí)總結(jié)2 框架 表單

2020-3-18    前端達(dá)人

這是HTML學(xué)習(xí)總結(jié)系列的第二篇,第一篇在這里:

HTML 學(xué)習(xí)總結(jié)1入門(mén) 基本概念、格式 文字標(biāo)簽 圖片標(biāo)簽 鏈接標(biāo)簽 表格標(biāo)簽 注釋

這次的學(xué)習(xí)內(nèi)容相較第一次分類(lèi)少,但是比較雜。



框架集標(biāo)簽

框架標(biāo)簽是將網(wǎng)頁(yè)設(shè)置成網(wǎng)頁(yè)框架的一種雙標(biāo)簽,被設(shè)計(jì)成框架的網(wǎng)頁(yè)被切分成若干區(qū)域,沒(méi)有實(shí)際的內(nèi)容,只當(dāng)做框架用于鑲嵌其它的網(wǎng)頁(yè)。

那么,這個(gè)標(biāo)簽是:

<frameset></frameset>

框架集標(biāo)簽的屬性

使用的時(shí)候需要將HTML文件中的body標(biāo)簽部分替換為框架標(biāo)簽,寫(xiě)成這樣:



<html>
    <head></head>
    <frameset rows="500,*" border="3" noresize="noresize">
    </frame>
</html>

看上面的代碼,用frameset替換掉body不難理解,畢竟我們約定做框架的網(wǎng)頁(yè)不具有實(shí)體內(nèi)容
接著,這里提到了框架標(biāo)簽的三個(gè)屬性,分別為:

rows/cols 框架的分行或分列
border 分隔框的寬度
noresize 大小是否可調(diào)
現(xiàn)在來(lái)分別解釋一下

第一個(gè),rows 或cols 屬性,代表了框架的分行或分列的情況,在引號(hào)內(nèi)書(shū)寫(xiě)該屬性的值的時(shí)候,不需要指明分成幾欄,只需要指明每一欄占據(jù)的寬度或高度(單位為像素)并使用逗號(hào)隔開(kāi)。瀏覽器在解析的時(shí)候會(huì)計(jì)算到底分成了幾欄。另外,不指定寬度而使其占據(jù)剩余位置時(shí),可以使用通配符 “ * ”。

第二個(gè),border 屬性,代表了分隔框的寬度,這是屬性的數(shù)值單位是像素。所以如果你不想加入邊框,則可以將它設(shè)置為零。

第三個(gè),noresize 屬性,表示我們的框架的大小是否可調(diào),frameset標(biāo)簽?zāi)J(rèn)為大小可調(diào),當(dāng)用戶(hù)鼠標(biāo)移動(dòng)到邊框上時(shí),他可以拖拽改變大小。所以如果不想讓用戶(hù)隨意改變框架大小,那么可以選擇使用這個(gè)屬性 (當(dāng)然,也可以選擇把邊框的寬度設(shè)為零,讓他找不到)。 這個(gè)屬性的值同屬性名稱(chēng)一樣。

最后還需要說(shuō)明的是:框架集標(biāo)簽是可以進(jìn)行嵌套的,也就是說(shuō),在已經(jīng)分出來(lái)的框架中,我們可以借著分欄。

在框架內(nèi)鑲嵌網(wǎng)頁(yè)
剛剛我們使用 frameset 標(biāo)簽將網(wǎng)頁(yè)變成框架并劃分成了若干區(qū)域,每一個(gè)區(qū)域都是一個(gè)單獨(dú)的可顯示頁(yè)面的子網(wǎng)頁(yè)(筆者起的名)。現(xiàn)在,我們需要在這些區(qū)域內(nèi)為它鑲嵌上一個(gè)網(wǎng)頁(yè),這需要用到frame這個(gè)單標(biāo)簽在框架下添加網(wǎng)頁(yè),它的寫(xiě)法如下:

<frame src="...." name="...." />
1
這里可以看到 frame 標(biāo)簽的兩個(gè)屬性; src 和 name 。它們分別代表著添置連接(這是一個(gè)超鏈接,網(wǎng)頁(yè),HTML文件,圖片等都是可以的。有關(guān)超鏈接的信息,可參照上一篇學(xué)習(xí)總結(jié)或者問(wèn)問(wèn)度娘 ),以及框架名稱(chēng)。

框架的命名,很主要的一個(gè)原因在于可以重復(fù)利用一個(gè)框架,即在其他標(biāo)簽使用時(shí),可以在某個(gè)框架上顯示相應(yīng)內(nèi)容。還記得上一篇中,我們提到的鏈接標(biāo)簽 target 屬性中的 “某框架名稱(chēng)” 這個(gè)值嗎?在為框架命名后,就可以使用上述的 target 用法,將打開(kāi)的網(wǎng)頁(yè)放在某個(gè)框架中了。

綜上,舉個(gè)例子:

先來(lái)創(chuàng)造一個(gè)帶有嵌套的框架
<!--frame-->
<html>
    <head></head>
    <frameset rows="200,*" border="5" noresize="noresize">
        <frame src="title.html" name="title" />
        <frameset cols="200,*">
            <frame src="selection_bar.html" />
            <frame name="output_page" />
        </frameset>
    </frameset>
</html>



<!--title-->
<html>
    <head></head>
    <body>
        <font size="7" color="blue">
            The test page
        </font>
    </body>
</html>



<!--selection_bar-->
<html>
    <head></head>
    <body>
        <font size="5" color="red">
            Please select websites.
        </font>
        <br /><br />
        <a  target="output_page"/>百度一下<br /><br />
        <a  target="output_page"/>CSDN <br /><br />
    </body>
</html>

最后來(lái)看下結(jié)果:

點(diǎn)擊查看原圖


點(diǎn)擊查看原圖點(diǎn)擊查看原圖




日歷

鏈接

個(gè)人資料

存檔

主站蜘蛛池模板: 自慰网址在线观看| 在线欧美国产| 国产精品久久久久久搜索| 91精品国产一区自在线拍| 久久中文字幕av不卡一区二区| 呦系列视频一区二区三区| 国产好痛疼轻点好爽的视频| 91精品最新国内在线播放| 波多野结衣AV无码久久一区| 午夜福利无码一区二区| 亚洲精品欧美日本中文字幕| 在线观看国产精美视频| 久久香蕉国产线看观| 免费毛片全部不收费的| 国产成人啪视频一区二区三区| 五月天福利视频| 日本不卡在线播放| 99爱在线| 女人18一级毛片免费观看 | 成年人国产网站| 亚洲中文字幕无码mv| 亚洲中文字幕在线一区播放| 久久精品无码中文字幕| 亚洲无码免费黄色网址| 国产精品久久久精品三级| 久久亚洲国产最新网站| 国产精品久久久精品三级| 午夜精品久久久久久久2023| 97久久精品人人做人人爽| 无码一区二区三区视频在线播放| 无码人中文字幕| 中文字幕首页系列人妻| 国产亚洲精品97在线观看| 国产真实乱子伦视频播放| 91在线免费公开视频| 亚洲女人在线| 尤物视频一区| 国产午夜人做人免费视频| 国产色网站| 国产精品白浆无码流出在线看| 美女潮喷出白浆在线观看视频| 亚洲成a人片77777在线播放| 亚洲精品高清视频| P尤物久久99国产综合精品| 丁香亚洲综合五月天婷婷| 久久综合色播五月男人的天堂| 四虎影视永久在线精品| 久久精品66| 无遮挡国产高潮视频免费观看| 九九香蕉视频| 91福利国产成人精品导航| 精品久久久无码专区中文字幕| 欧美日韩精品一区二区在线线| 久草热视频在线| 青草娱乐极品免费视频| 亚洲美女高潮久久久久久久| 99精品高清在线播放 | 亚洲一级毛片在线观播放| 无码精品国产dvd在线观看9久| 久久精品人人做人人爽97| 人妻丰满熟妇αv无码| 日韩免费中文字幕| 欧美日韩国产在线观看一区二区三区| 中文国产成人久久精品小说| 九九九久久国产精品| 午夜爽爽视频| 在线精品亚洲一区二区古装| 粗大猛烈进出高潮视频无码| 青青青伊人色综合久久| 久久精品视频亚洲| 国产丝袜无码精品| 国产第一页免费浮力影院| 亚洲成av人无码综合在线观看| 69免费在线视频| 欧美日韩国产系列在线观看| 色综合久久88色综合天天提莫| 国产97区一区二区三区无码| 一级毛片在线播放免费| 亚洲精品麻豆| 手机在线国产精品| 国产乱人激情H在线观看| 日韩欧美国产精品|