htmlcss網頁設計復習題_第1頁
htmlcss網頁設計復習題_第2頁
htmlcss網頁設計復習題_第3頁
htmlcss網頁設計復習題_第4頁
htmlcss網頁設計復習題_第5頁
已閱讀5頁，還剩2頁未讀， 繼續免費閱讀

下載本文檔

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

文檔簡介

1、單項選擇題（1）要使單項選擇框或復選框默以為已選定，要在A、selectedB、disabledC、type

input標簽中加（D、checked

）屬性2）要使表單元素（如文本框）在預覽時處于不行編寫狀態，顯灰色，要在input中加（）屬性A、selected

B、disabled

C、typeD

、checked（3）以下哪一項表示的不是按鈕。

（

）A．type="submit"

B．type="reset"

C．type="image"D．type="button"（4）下邊哪一個屬性不是文本的標簽屬性？（A．nbsp;B．align

）C．color

D．face（5）下邊哪一項的電子郵件鏈接是正確的？（A．B．xxx@

）

C．xxx@com（6）當鏈接指向以下哪一種文件時，不翻開該文件，而是供應給閱讀器下載。A．ASP

（）B．HTMLC．ZIP

D．CGI（7）下邊說法錯誤的選項是()A、CSS款式表能夠將格式和構造分別

B、CSS款式表能夠控制頁面的布局C、CSS款式表能夠使很多網頁同時更新

D、CSS款式表不可以制作體積更小下載更快的網頁（8）CSS款式表不行能實現()A、將格式和構造分別

功能。

B、一個

CSS文件控制多個網頁C、控制圖片的精準地點D、兼容全部的閱讀器（9）若要在網頁中插入款式表,以下用法中，正確的選項是（）。A、<LinkSrc=””type=text/cssrel=stylesheet>B、<Linkhref=””type=text/cssrel=stylesheet>C、<Linkhref=””type=text/css>D、<Includehref=””type=text/cssrel=stylesheet>（10）若要在目前網頁中定義一個獨立類的款式為”Arial”,字體大小為9pt,行間距為13.5pt,A、<Style>

myText,使擁有該類款式的正文字體以下定義方法中，正確的選項是（）。.myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt}</style>B、.myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt}C、<Style>.myText{FontName:Arial;FontSize:9pt;LineHeight:13.5pt}</style>D、<Style>..myText{FontName:Arial;Font-ize:9pt;Line-eight:13.5pt}</style>（11）以下哪個標簽是定義標題的（A、h1B、hrC

、hwD、p

）（12）html

中的說明標簽是（A、<---->

）B、<--!

-->C、<!--

-->D、<--

--!>（13）<strong></strong>標簽的作用是（

）、斜體B、下劃線C、上劃線D、加粗（14）網頁中的空格在html代碼里表示為（A、&B、 C、"D

）、<15）以下哪一種方式是用類選擇器定義款式的（）A、p{color:red;}B、.one{color:red;}C、#two{color:red;}D、p,h1{color:red;}（16）、下邊哪一項為哪一項換行符標簽？（）A．<body>B．<font>C．<br>D．<p>（17）、以下哪一項為哪一項在新窗口中翻開網頁文檔。（）A．_selfB．_blankC．_topD．_parent（18）、用HTML標志語言編寫一個簡單的網頁，網頁最基本的構造是（）。A<html><head></head><frame></frame></html>B<html><title></title><body></body></html>C<html><title></title><frame></frame></html>D<html><head></head><body></body></html>（19）要使表格的邊框不顯示，應設置border的值是()。A．1B．0C．2D．3（20）在HTML中，標志<pre>的作用是()。A.標題標志B．預排版標志C.轉行標志D．文字成效標志（21）定義錨記主要用到<a>標簽中的（）屬性。A、nameB、targetC、onclickD、onmouseover（22）以下哪個是正確的css集體申明方式（）A、p；h1{color:red;}B、.one{color:red;}C、#two{color:red;}D、p,h1{color:red;}（23）以下款式定義字體為宋體、字體顏色為紅色、斜體、大小20px、粗細800號，正確的定義是：（）A、p{font-family：宋體；font-size：20px；font-weight：800；color:red;font-style：italic；}B、p{font-family：20px；font-size：宋體；font-weight：800；color:red;font-style：italic；}C、p{font-family：20px；font-size：800；font-weight：宋體；color:red;font-style：italic；}D、

p{font-family

：

800；

font-size

：

20px

；

font-weight

：

red

；

color:italic;font-style

：宋體；

}24）以下款式定義字體間距為倍間距、水平左對齊、垂直頂端對齊、有下劃線，正確的定義是：（）A、p{text-decoration：underline；letter-spacing：；vertical-align：toptext-align：left；}B、p{text-decoration：；letter-spacing：underline；vertical-align：toptext-align：left；}C、p{text-decoration：left；letter-spacing：top；vertical-align：；text-align

；；：underline

；

}D、

p{text-decoration

：underline

；letter-spacing

：；vertical-align

：left

；text-align

：top；

}（25）對于文本對齊，源代碼設置不正確的一項為哪一項：A．居中對齊：<divalign="middle"></div>

（

）B．居右對齊：

<divalign="right">

</div>C．居左對齊：

<divalign="left">

</div>D．兩頭對齊：

<divalign="justify">

</div>（26）要在新窗口中翻開所點擊的鏈接，實現方法是將A、_blankB、_selfC、_parentD

<a>標簽的、_top

target

屬性設為（

）（27）以下代表無序清單的標簽是（A、<ul><li></ul>

）B、<ol><li>

</ol>C、<hl><li>

</hl>D、<li>

<ol>

</li>（28）定義表單所用的標簽是（）A、tableB、formC、selectD、input（29）要實現表單元素中的復選框，input標簽的type屬性應設為（A、radioB、checkboxC、selectD、text

）（30）CSS的縮寫是

（）StyleSheetsStyleSheets

StyleSheetsStyleSheets2、填空題（1）、可用<p>標簽訂義段落。（2）、CSS為超級鏈接文本成立了4個偽類選擇器：a:link為還沒有鏈接的超級鏈接文本款式，a:visited為已鏈接過的超級鏈接文本款式，a:hover為鼠標移到超級鏈接文本上方的款式，a:active為在超級鏈接文本上的選擇鼠標的款式。（3）用來輸入密碼的表單域是type=password。（4）文件頭標簽包含要點字、描繪、編碼、基礎和鏈接等。（5）Area的shape屬性中，shape=rect表示的形狀為__矩形___；shape=circle表示的形狀為__圓形__；shape=poly表示的形狀為__多邊形_。（6）、要生成水平線，可用<hr>標簽。（7）、<img>中的src屬性是用于指定圖片源文件地點的。（8）、要定義表單元素中的文本框，input標簽中type屬性應設為text。（9）、要定義表單元素中的密碼框，input標簽中type屬性應設為password。（10）表格的標簽是<table></table>，單元格的標簽是<td></td>。（11）HTML網頁文件的標志是________，網頁文件的主體標志是_________，標志頁面標題的標志是_____________。（12）表格的寬度能夠用百分比和像素兩種單位來設置。13）HTML文件的擴展名_____________，CSS文件的擴展名_____________。（14）定義換行所用的標簽是br。(16)、合理的頁面布局中常聽過構造與表現分別，那么構造是__，表現是17）、以以下圖為一個border為1px的div塊，總寬度為215px（包含border），暗影區為padding-left:25px;，那么此div的width應設置為___188___px。（18）、CSS款式有內聯式，內嵌式，鏈接式和導入式（19）、CSS中ID選擇符在定義的前面要有指示符#。20）、創立自定義CSS款式時，款式名稱的前面一定加一個圓點21）、a:hover表示超鏈接文字在鼠標放上去時的狀態。22）、div與span的差別是__div是塊元素，span是行內或內聯元素23）、改變元素的外邊距用_____margin_____，改變元素的內填補用____padding（24）、Color:#666666;可縮寫為______color:#666________________。將以下CSS代碼進行縮寫，注意要符合縮寫的規范。1）、代碼一：border-width:1px;border-color:#000;border-style:solid;（2）、代碼二：background-position:00;background-repeat:no-repeat;background-attachment:fixed;background-color:#f00;background-image:url;（3）、代碼三：font-style:italic;font-family:"LucidaGrande",sans-serif;font-size:1em;font-weight:bold;font-variant:small-caps;line-height:140%;（4）、代碼四：list-style-position:inside;list-style-type:square;list-style-image:url;（5）、代碼五：margin-left:20px;margin-right:20px;margin-bottom:5px;margin-top:20px;、代碼六：color:#336699;color:#ffcc00;3、制作題(15(1)使用內聯的

分)CSS款式，重構一個以以下圖的水平、垂直都居中短邊為

50px，長邊為

150px的紅色十字架。要求：1)使用2)使用3)使用

2個div3個div5個div

達成達成達成請將代碼寫出。答案：1、使用2個div達成：<styletype="text/css">#a,#b{position:absolute;background-color:red;top:50%;left:50%;}#a{margin-left:-75px;margin-top:-25px;width:150px;height:50px;}#b{margin-left:-25px;margin-top:-75px;width:50px;height:150px;}</style><divid="a"></div><divid="b"></div>使用3個div達成：<styletype="text/css">#a,#b,#c{position:absolute;background-color:red;top:50%;left:50%;}#a{width:50px;height:50px;margin-top:-25px;margin-left:-75px}#b{margin-left:-25px;margin-top:-75px;width:50px;height:150px;}#c{width:50px;height:50px;margin-top:-25px;margin-left:25px;}</style><divid="a"></div><divid="b"></div><divid="C"></div>使用5個div達成：<styletype="text/css">#a{position:absolute;width:150px;height:150px;left:50%;top:50%;margin-left:-75px;margin-top:-75px;background-color:red;}#b,#c,#d,#e{background-color:white;width:50px;height:50px;position:absolute;}#b{left:0;top:0;}#c{right:0;top:0;}#d{left:0;bottom:0;}#e{right:0;bottom:0;}</style><divid="a"><divid="b"></div><divid="c"></div><divid="d"></div><divid="e"></div></div>（2）

如何指定

div

元素中款式類為

c1,字體大小為

9pt

的css

款式?答案:div.c1{font-size:9pt;}（3）用html實現以下表格(不如嵌套適用表格三行三列,此中第一行第一列和第二行第一列合并第二行第二列和第二行第三列合并(現場畫表)

)

;<table><tr><tdcolspan=2></td><td><tr><tr><tdrowspan=2></td><td></td><td></td></tr><tr><td></

溫馨提示

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

評論

0/150

提交評論