網(wǎng)頁(yè)的本質(zhì)就是超級(jí)文本標(biāo)記語(yǔ)言,通過(guò)結(jié)合使用其他的Web技術(shù)(如:腳本語(yǔ)言、公共網(wǎng)關(guān)接口、組件等),可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁(yè)。因而,超級(jí)文本標(biāo)記語(yǔ)言是萬(wàn)維網(wǎng)(Web)編程的基礎(chǔ),也就是說(shuō)萬(wàn)維網(wǎng)是建立在超文本基礎(chǔ)之上的。超級(jí)文本標(biāo)記語(yǔ)言之所以稱為超文本標(biāo)記語(yǔ)言,是因?yàn)槲谋局邪怂^“超級(jí)鏈接”點(diǎn)。 【實(shí)例名稱】 網(wǎng)頁(yè)只帶下畫(huà)線的輸入框 【實(shí)例描述】 在設(shè)計(jì)考試頁(yè)面時(shí),經(jīng)常會(huì)碰到填空題,填空題的輸入框要求只有一條下劃線。本例學(xué)習(xí)此類入框的設(shè)計(jì)。 【實(shí)例代碼】 <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標(biāo)題頁(yè)</title> </head> <body> 只有下劃線的輸入框<input type="text" name="txt1" size="25" style=" border:1px; border-bottom-style: solid;border-top-style: none;border-left-style:none;border-right-style:none;"> <br /> 默認(rèn)的輸入框 <input id="Text1" size="25" type="text" /> </body> </html> 【運(yùn)行效果】 【難點(diǎn)剖析】 本例的重點(diǎn)是邊線樣式的定義。如果要使控件有邊框線則需要將“border”樣式設(shè)置為大于一的值,然后設(shè)置4個(gè)邊框,左邊框?yàn)椤癰order-left-style”,右邊框?yàn)椤癰order-righ-style”,上邊框?yàn)椤癰ordcr-top—styIe”,下邊框?yàn)椤癰order-bottom-style”。 【源碼下載】 本實(shí)例JS代碼下載 網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ),涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。 |
溫馨提示:喜歡本站的話,請(qǐng)收藏一下本站!