web前端開發(fā)技術(shù)試題與答案二_第1頁
web前端開發(fā)技術(shù)試題與答案二_第2頁
web前端開發(fā)技術(shù)試題與答案二_第3頁
web前端開發(fā)技術(shù)試題與答案二_第4頁
web前端開發(fā)技術(shù)試題與答案二_第5頁
已閱讀5頁，還剩7頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

《Web前端開發(fā)技術(shù)-HTML、CSS、JavaScript》Web前端開發(fā)技術(shù)課程考試試卷(二)總分100分考試時(shí)間：120分鐘考試形式：閉卷一、選擇題(每題1分，共20分).Web標(biāo)準(zhǔn)的制定者是 。(B)網(wǎng)景公司(Netscape)(B)網(wǎng)景公司(Netscape)(D)對(duì)象(B)TextPad(D)VFP(B)<title>(D)<caption>(B)*.js(D)*.txt(C)萬維網(wǎng)聯(lián)盟(W3C).下列不可能編輯HTML代碼軟件是 (A)EditPlus(C)Dreamweaver.樣式表通常放置在下列 標(biāo)記內(nèi)。(A)<body>(C)<head>.HTML文件后綴名通常為。(A)*.html或*.htm(C)*.css.在HTML中，設(shè)置2號(hào)標(biāo)題字使用標(biāo)記是 。(A)<font>2</font> (B)<h2>2</h2>(C)<hn>2</hn> (D)<h6>2</h6>.設(shè)置<font>中文字的大小為4,正確的屬性賦值語句是。(A)<fontsize="4">你好!</font>(B)<fontfont-size="4">你好!</font>(C)<fontsize="4px">你好!</font>(D)都不對(duì).以下關(guān)于文本格式標(biāo)記描述正確的是 。(A)<sup>設(shè)置下標(biāo) (B)<b>加粗顯示文字(C)<del>定義列表 (D)<font>標(biāo)記不可以設(shè)置字符串的顏色.將<embed>標(biāo)記的autostart的值設(shè)置 時(shí)可以實(shí)現(xiàn)下載完立即自動(dòng)播放。(A)-1 (B)false(C)infinite (D)true.以下創(chuàng)建E-mail鏈接的方法，正確的是。<ahref="master@163.com”>管理員</a><ahref="callto:master@163.com”>管理員</a><ahref="mailto:master@163.com”>管理員</a><ahref="E-mail:master@163.com”>管理員</a>.以下標(biāo)記中用于定義單元格的是 。(A)<td> </td> (B)<tr>???</tr>(C)<caption>…</caption> (D)<table>…</table>.以下HTML代碼中鏈入外部樣式表的是 。<scripttype="text/css"src="layout.css"><linktype="text/css"rel="stylesheet"href=”layout.css”>@importurl("layout.css");<linktype="text/css"rel="stylesheet"src=”layout.css”>.以下不是框架的分割方法的是為。

《Web前端開發(fā)技術(shù)-HTML、CSS、JavaScript》(A)水平分割 (B)垂直分割(C)嵌套分割 (D)對(duì)角線分割.在DOM中通過元素ID號(hào)訪問對(duì)象正確方法是 。document.getElementsByName("元素名稱")document.getElementsByTagName('標(biāo)記名稱")document.getElementById("^^id")document.getElementsById("^^id").下列屬性可以設(shè)置圖層重疊。(A)left (B)z-index(C)position (D)width.向頁面輸出“HelloWorld”正確的JavaScript語法是 。“HelloWorld”<h4>HelloWorld</h4><br/>document.write("HelloWorld");alert("HelloWorld");.在JavaScript中，下列表示結(jié)束本次循環(huán)開始下一次循環(huán)的語句是 (A)break; (B)begin;(C)stop; (D)continue;.設(shè)置text-decoration屬性的刪除線的值是：。(A)underline (B)overline（C）line-through （D）blink.下列列表產(chǎn)生帶有正方形項(xiàng)目符號(hào)的屬性值對(duì)是：一 _。(B)type:square(D)(B)type:square(D)list-style-type:square(B)word-spacing(D)text-align(B)s12if3(C)square.設(shè)置段落縮進(jìn)的屬性為(A)text-indent(C)text-decoration.下列標(biāo)識(shí)符命名正確的是 (A)3as*l?5(C)else((C)else二、填空題（每空0.5分，共10分）.通常將網(wǎng)站的首頁面稱之為 （1），在主頁可以通過 （2） 鏈入其它頁面。.在HTML文件里，注釋除了＜!--**--＞外還可以使用 （3） 標(biāo)記來添加注釋。.表示水平分隔線高度的屬性是 （4）,而表示圖層高度的屬性是 （5）。.在＜img＞標(biāo)記中顯示圖像的說明文字的屬性是 （6） 。.在滾動(dòng)文字＜marquee＞標(biāo)記中behavior屬性有scroll、slide、 （7）等3種取值。.將表格邊框設(shè)置為3的可通過＜table （8）="3"＞。.在＜form＞標(biāo)記中有三個(gè)重要的屬性是name、 （9） 、methodo.在#div1{color:red）中div1是（10）詵擇符,在p{font-size:24px}中p是（11）選擇符。.定義一個(gè)變量student為數(shù)組的語句是 （12）。.HTML中設(shè)置顏色的方法有兩種，分別是直接用顏色的英文名稱、—（13）—o.設(shè)置背景圖片的3個(gè)關(guān)鍵屬性是設(shè)置圖片、位置、重復(fù)背景圖片，它們對(duì)應(yīng)的屬性名稱是（14） 、 （15） 、 （16） o

《Web前端開發(fā)技術(shù)-HTML、CSS、JavaScript》.根據(jù)本地時(shí)間格式，把Date對(duì)象轉(zhuǎn)換為字符串的方法是—(17)_。.在網(wǎng)頁中設(shè)置浮動(dòng)框架可使用標(biāo)志是 (18)>。.可把Number四舍五入為指定小數(shù)位數(shù)的數(shù)字可使用Number對(duì)象的 (19)方法。.定義自定義列表的列表項(xiàng)使用 (20) 標(biāo)記。三、看圖編程(每空2分，共42分).看圖完成代碼填充。<html><head><title>格式化文本</title></head><body><!--用2號(hào)標(biāo)題字顯示“HTML”--><P><font(2)color="green"size="3"><!--字體為“幼圓”-->  早期的HTML語法被定義成較松散的規(guī)則，以有助于不熟悉網(wǎng)絡(luò)出版的人采用。網(wǎng)頁瀏覽器接受了這個(gè)現(xiàn)實(shí)，并且可以顯示語法不嚴(yán)格的網(wǎng)頁。</font><P><hrsize=3color="green"><p—⑶—> <!—版權(quán)段落內(nèi)容居中顯示-->版權(quán)所有©xxx工作室</p>(4) <!一顯示郵件地址為E-mail:admin16@163.com--></body></html>.用CSS+DIV完成下圖頁面布局設(shè)計(jì)，并按注釋提示信息填充代碼。<html><head><title>DIV+CSS綜合應(yīng)用</title><styletype="text/css">#header{—⑸—;/*頭部寬度為100%*/height:70px;background:#99ff66;border-bottom:2pxsolid#ffffff;}#mainbody{width:100%;height:300px;border-bottom:2pxsolid#ffffff;}#left{;/*左邊圖層向左浮動(dòng)*/background:#99ff33;width:25%;height:300px;;/*圖層右邊框2px、實(shí)線、白色fffff*/}#middle{/*中間圖層上、下邊距為0,左、右邊距為25%*/background:#ccff66;height:300px;}#right{float:right;background:#99ff00;width:25%;height:300px;}

《Web前端開發(fā)技術(shù)-HTML、CSS、JavaScript》#footer{width:100%;height:50px;background:#99ff00;}#clearfloat{clear:both;border-bottom:2pxsolid#ffff00;}</style></head><body><div（9） >頭部</div> /*引用頭部樣式*/<divid="mainbody"><divid="left">左邊</div><divid="right">右邊</div><divid="middle">中間</div></div><divid="footer">版權(quán)部分</div></body></html><html><head><title>表格應(yīng)用</title><styletype="text/css">

tr{text<html><head><title>表格應(yīng)用</title><styletype="text/css">

tr{text-align:center;（10） ;/*設(shè)置行垂直居中對(duì)齊*/height:16px;}td{font-weight:bold}芹號(hào)*號(hào)號(hào)姓名那一中蜀成斑i頁13S就學(xué)科目論就工M分11014204101李大宇iL 丁產(chǎn)制3/245 ￡65耳3”訪戰(zhàn) *430345i*程平均分.53.212，?掰運(yùn)用堂主**龍納案{ /*定義類選擇red*/—（12）—;/*顏色為紅色用于表示不及格課程成績*/}</style></head><body><tableborderclor="#000000"border="1"bgcolor="#99ff00"（13）align="center"width="600px"height="200px">/*設(shè)置背景圖片為“examb3.jpg”*/<caption><fontface="黑體"size="3"color="#000000”>學(xué)生學(xué)期成績表</font></caption><tr_CW—> /*設(shè)置表格行水平對(duì)齊方式為居中*/<td （15） >序號(hào)</td> /*設(shè)置序號(hào)單元跨2行，學(xué)號(hào)、姓名同樣略去*/<td（16） >第一學(xué)期成績</td>/*設(shè)置單元跨5歹代/</tr><tr><td> 英  語</td><td> 高  數(shù)</td><td> 學(xué)科導(dǎo)論</td><td> 就  業(yè)</td><td> 總  分</td></tr>

《Web前端開發(fā)技術(shù)-HTML、CSS、JavaScript》<tr><td>2</td><td>1019200102</td><td>張子明</td><td>60</td><td （17） >45</td> /*課程成績小于60分時(shí)，引用red樣式刃<td>66</td><td><fontcolor="red">55</font></td><td>303</td></tr></table></body></html>4.以下定義一個(gè)檢查用戶名是否合法的函數(shù)，根據(jù)注釋提示信息完成代碼填充。<html><head><scripttype="text/javascript">functioncheckusername（）{varname1=myform.username.value;〃全局變量if（ （18） ）//name1為空字符或不輸入時(shí){alert（"用戶名不能空！"）;}else 〃有內(nèi)容時(shí){varfirstchar=name1.（19） ;〃取首字符函數(shù)if（firstchar>="0"&&firstchar<="9"）〃首字符不能為數(shù)字{ alert（"用戶名必須以字母開關(guān)頭?。﹠else{if（ （20） ）//name1的長度小于6或大于20{alert（"用戶名長度大于等于6且小于等于20！"）;}}}}</script></head><body><formname="myform"method="post"action=""><b>表單驗(yàn)證</b><br>用戶名：<inputtype="text"name="username"><br><inputtype="button"value="檢查" （21） >checkusername*/表單摘證用戶名?〔檢豈i重亶］衣中的iiT「必查I,表單摘證用戶名?〔檢豈i重亶］衣中的iiT「必查I,』淳/*指定單擊事件代碼</form></body></html>四、編程題(12分).表單編程(6分)。按照如下要求編程實(shí)現(xiàn)如圖所示頁面布局效果。(1)頁面標(biāo)題為“留言簿”；(2)表單中添加1個(gè)文本框、1個(gè)密碼框、1個(gè)文本區(qū)域、1個(gè)提交按鈕、1個(gè)重置按鈕，其中姓名文本框最大長度為10、密碼框最大長度為15、文本區(qū)域?yàn)?行40歹U；(3)用3號(hào)標(biāo)題設(shè)置頁面上的“留言簿”；《Web前端開發(fā)技術(shù)-HTML、CSS、JavaScript》.JavaScript編程(6分)計(jì)算N!。按下圖頁面效果，并將N!結(jié)果輸出到頁面上。(1)采用while循環(huán)結(jié)構(gòu)實(shí)現(xiàn)計(jì)算N!；(2)用隨機(jī)函數(shù)產(chǎn)生［1,10］任一正整數(shù)，并賦值給n；(3)將計(jì)算結(jié)果直到輸出在頁面上；(4)用4號(hào)標(biāo)題設(shè)置“計(jì)算N!”；＜script＞放置在＜body＞中。參考數(shù)學(xué)函數(shù)：round():四舍五入；floor():下舍入；ceil()：上舍入?！鮆司計(jì)x|計(jì)算N!101=3628800四、問答題(16分).寫出有序列表的結(jié)構(gòu)語法，通過什么屬性以改變有序列表的編號(hào)？有幾種不同的取值？(6分).如何定義網(wǎng)頁中書簽？并舉例說明。(4分).寫出JavaScript核心對(duì)象Array常用的屬性和方法。(6分)參考答案一、選擇題(每題1分，共20分)

《Web前端開發(fā)技術(shù)-HTML、CSS、JavaScript》題號(hào)12345678910答案CDCABABDCA題號(hào)11121314151617181920答案BDCBCDCDAB二填空題（每空0.5分，共10分）(1(1) 主頁|首頁 (3) <comment> (5) height (7) aCernate (9) action (11) 標(biāo)記 (13) 十六進(jìn)制數(shù) (15)background-position(17) toLocaleString() (19) toFixed() 三、看圖填充程序(每空2分,(2)超鏈接或<一></—>(4) size(6) aJt (8) border (10) 類 (12) varstudent=newArray();(14) background-image(16)background-repeate(18) <iframe>(20) <dd>共42分)(1)<h2>HTML</h2> (2)face="幼圓"(3)align="center" (4)<address>E-mail:admin@163.com</address>(5)width:100% (6)float:left(7) border-right:2pxsolid#ffffff(9) id="header” (11) .red (13)background="examb3.jpg"(15)rowspan="2" (17) class="red" (19) charAt(0) name1.length>20(21)onclick="checkusername();"(8) margin:。25%(10) text-valign:middle(12) color:red(14)align="center”(16) colspan="5 (18) name1==""||name1==null(20)name1.length<6||《Web前端開發(fā)技術(shù)-HTML、CSS、JavaScript》四、編程題（每題6分，共12分）（超出頁面轉(zhuǎn)反面）.框架編程<html><head><title>留言簿</title> <!--（1分）--></head><body><h3>留言簿</h3> <!--（1分）--><formmethod="post"action="">姓名：<inputtype="text"name=""maxlength=10><br><!--1分）-->密碼：<inputtype="password"name=""maxlength=15><br><!--1分）--><textareaname=""rows="5"cols="40"></textarea><br><!--（1分）--><inputtype="submit"value="提交"><inputtype="reset"value="重置"><!--（1分）--></form></body></html>.JavaScript編程<html><head><title>計(jì)算N!</title></head><body><h4>計(jì)算N!</h4><scripttype="text/javascript">varn=Math.floor（Math.random（）*10+1）;//（1分）vari=1,fact=1; //（1分）while（i<=n） //（1分）（fact=fact*i; //（1分）i=i+1; //

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論