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

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權，請進行舉報或認領

文檔簡介

《Web前端開發(fā)技術-HTML、CSS、JavaScript》Web前端開發(fā)技術課程考試試卷(二)總分100分考試時間：120分鐘考試形式：閉卷一、選擇題(每題1分，共20分).Web標準的制定者是 。(B)網(wǎng)景公司(Netscape)(B)網(wǎng)景公司(Netscape)(D)對象(B)TextPad(D)VFP(B)<title>(D)<caption>(B)*.js(D)*.txt(C)萬維網(wǎng)聯(lián)盟(W3C).下列不可能編輯HTML代碼軟件是 (A)EditPlus(C)Dreamweaver.樣式表通常放置在下列 標記內(nèi)。(A)<body>(C)<head>.HTML文件后綴名通常為。(A)*.html或*.htm(C)*.css.在HTML中，設置2號標題字使用標記是 。(A)<font>2</font> (B)<h2>2</h2>(C)<hn>2</hn> (D)<h6>2</h6>.設置<font>中文字的大小為4,正確的屬性賦值語句是。(A)<fontsize="4">你好!</font>(B)<fontfont-size="4">你好!</font>(C)<fontsize="4px">你好!</font>(D)都不對.以下關于文本格式標記描述正確的是 。(A)<sup>設置下標 (B)<b>加粗顯示文字(C)<del>定義列表 (D)<font>標記不可以設置字符串的顏色.將<embed>標記的autostart的值設置 時可以實現(xiàn)下載完立即自動播放。(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>.以下標記中用于定義單元格的是 。(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ā)技術-HTML、CSS、JavaScript》(A)水平分割 (B)垂直分割(C)嵌套分割 (D)對角線分割.在DOM中通過元素ID號訪問對象正確方法是 。document.getElementsByName("元素名稱")document.getElementsByTagName('標記名稱")document.getElementById("^^id")document.getElementsById("^^id").下列屬性可以設置圖層重疊。(A)left (B)z-index(C)position (D)width.向頁面輸出“HelloWorld”正確的JavaScript語法是 ?！癏elloWorld”<h4>HelloWorld</h4><br/>document.write("HelloWorld");alert("HelloWorld");.在JavaScript中，下列表示結束本次循環(huán)開始下一次循環(huán)的語句是 (A)break; (B)begin;(C)stop; (D)continue;.設置text-decoration屬性的刪除線的值是：。(A)underline (B)overline（C）line-through （D）blink.下列列表產(chǎn)生帶有正方形項目符號的屬性值對是：一 _。(B)type:square(D)(B)type:square(D)list-style-type:square(B)word-spacing(D)text-align(B)s12if3(C)square.設置段落縮進的屬性為(A)text-indent(C)text-decoration.下列標識符命名正確的是 (A)3as*l?5(C)else((C)else二、填空題（每空0.5分，共10分）.通常將網(wǎng)站的首頁面稱之為 （1），在主頁可以通過 （2） 鏈入其它頁面。.在HTML文件里，注釋除了＜!--**--＞外還可以使用 （3） 標記來添加注釋。.表示水平分隔線高度的屬性是 （4）,而表示圖層高度的屬性是 （5）。.在＜img＞標記中顯示圖像的說明文字的屬性是 （6） 。.在滾動文字＜marquee＞標記中behavior屬性有scroll、slide、 （7）等3種取值。.將表格邊框設置為3的可通過＜table （8）="3"＞。.在＜form＞標記中有三個重要的屬性是name、 （9） 、methodo.在#div1{color:red）中div1是（10）詵擇符,在p{font-size:24px}中p是（11）選擇符。.定義一個變量student為數(shù)組的語句是 （12）。.HTML中設置顏色的方法有兩種，分別是直接用顏色的英文名稱、—（13）—o.設置背景圖片的3個關鍵屬性是設置圖片、位置、重復背景圖片，它們對應的屬性名稱是（14） 、 （15） 、 （16） o

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

《Web前端開發(fā)技術-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">版權部分</div></body></html><html><head><title>表格應用</title><styletype="text/css">

tr{text<html><head><title>表格應用</title><styletype="text/css">

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

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

《Web前端開發(fā)技術-HTML、CSS、JavaScript》題號12345678910答案CDCABABDCA題號11121314151617181920答案BDCBCDCDAB二填空題（每空0.5分，共10分）(1(1) 主頁|首頁 (3) <comment> (5) height (7) aCernate (9) action (11) 標記 (13) 十六進制數(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ā)技術-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>計算N!</title></head><body><h4>計算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等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論