版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領
文檔簡介
靜態(tài)網(wǎng)頁制作考核試題題庫
一、選擇題
1、在Dreamweaver中，使用主瀏覽器預覽網(wǎng)頁的快捷鍵是（）［單選題］*
A、F9
B、F11
C、F12V
D、ctrl+F12
答案解析：
使用主瀏覽器預覽網(wǎng)頁的快捷鍵是F12。
2、下列選項中，對HTML5新功能和新特性支持最好的瀏覽器是（）［單選題］*
A、IE瀏覽器
B、火狐瀏覽器
C、Google瀏覽器V
D、Opera瀏覽器
答案解析：
由于谷歌瀏覽器對HTML5及CSS3的兼容性支持較好，而且調(diào)試網(wǎng)頁非常方便，所以在HTML5網(wǎng)頁
制作過程中谷歌瀏覽器是最常用的瀏覽器。
3、下列選項中，屬于定義有序列表的基本語法格式的是（乂單選題］*
A、<ol><li>列表項l<li><li>歹［J表項2</li>......</ol>V
B、<ul><li>列表項1<「><「>歹［］表項2</li>......</ul>
C、<ul>……</ul>
D、<ol>....../ol><ol>……</ol><ol>.….</ol>
答案解析：
定義有序列表的基本語法格式如下：<。1><li>列表項1</Ii><li>列表項2</li><li>列
表項3</li>……</ol>
4、下列標記中，用于定義HTML5文檔所要顯示內(nèi)容的是（X［單選題］*
A、head
B、bodyV
C、html
D、title
答案解析：
body標記用于定義HTML文檔所要顯示的內(nèi)容，也稱為主體標記。瀏覽器中顯示的所有文本、圖像、
音頻和視頻等信息都必須位于body標記內(nèi)，body標記中的信息才是最終展示給用戶看的。
5、下列選項中，定義無序列表的基本語法格式正確的是（）［單選題］*
A、<ul><li>歹I」表項1</「><1>歹!）表項2</li>……</ul>V
B、<ul><ul>列表項l</ul><ul>列表項2</ul>......</ul>
C、<ul>……</ul>
D、<ul>……</ul><ul>......</ul><ul>……</ul>
答案解析：
定義無序列表的基本語法格式如下：<ul><li>列表項1</Ii><li>列表項2</li><li>歹（J
表項3</li>……</ul>
6、關(guān)于創(chuàng)建錨點鏈接的代碼，下列書寫正確的是（）［單選題］
A、<ahref="#one">鏈接文本</a>........<h3id="one">錨點鏈接</h3>V
B、<ahref="#id">鏈接文本</a>.........<h31<1="0=">錨點鏈接</113>
C、<ahref="#">鏈接文本</a>.........<h3id="one”>錨點鏈接</h3>
D、<ahref="#one">鏈接文本</a>........<h3id="#one">錨點鏈接</h3>
答案解析：
在HTM語言中，創(chuàng)建錨點鏈接分為兩步：1、使用“鏈接文本”創(chuàng)建鏈接文本2、使用相應的id名標
注跳轉(zhuǎn)目標的位置
7、關(guān)于有序列表和無序列表的嵌套，下列代碼書寫正確的是（）［單選題］*
A、<ol><ul><li>列表項1</Ii><li>列表項2</li></ul></ol>
B、<。1><3><「>歹［］表項1</Ii><li>歹I」表項2</li></ol></ul>
C、歹11表項l<ul><li>列表項1</Ii><li>列表項l</li></ul></li><li>列表項
2</lix/ol>V
D、<ol><ul><ol></ol></ul></ol>
答案解析：
首先定義一個包含兩個列表項的有序列表，然后在第一個列表項中嵌套一個無序列表：<ol><li>
歹!I表項1<ul><li>列表項<li>列表項</ul></li><li>列表項
2</li></ol>
8、下面選項中,可以將HTML5頁面的標題設置為"管理主頁"的是（）［單選題］*
A、<head>管理主頁</head>
B、管理主頁</title>V
C、<h>管理主頁</h>
D、<t>管理主頁</t>
答案解析：
＜head＞標記用于定義HTML文檔的頭部信息，也稱為頭部標記，緊跟在＜html＞標記之后,主要用來
封裝其他位于文檔頭部的標記。＜title＞即是＜head＞標記封裝的一個標記，用來設置頁面的標題。
9、下列選項中，不屬于文本標記屬性的是（＞［單選題］*
A、nbsp;V
B、align
C、color
D、face
答案解析：
align、color、face都是＜p＞標記的屬性，只有"nbsp;"不是。
10、下面標記中，用來顯示段落的標記是（\［單選題］*
A、＜hl＞
B、＜br/＞
C、＜img/＞
D、＜p＞V
答案解析：
＜hl＞標記是標題標記，＜br/＞是換行標記，＜img/＞是圖像標記，只有＜p＞是段落標記。
11.＜img/＞標記鏈接圖片的屬性是（\［單選題］*
A、srcV
B、alt
C、width
D、height
答案解析：
src屬性用于指定圖像文件的路徑和文件名，它是img標記的必需屬性。
12、若超鏈接的href屬性，需要鏈接到list頁面中的one錨點，以下書寫正確的是（）［單選題］*
Axlist.html
B、#one.list
C、list#one
Dxlist.html#oneV
答案解析：
創(chuàng)建錨點鏈接時，應該先寫鏈接頁面再寫錨點名稱。
13、下列屬性中,用于設置鼠標懸停時圖像的提示文字的是哪一項？（）［單選題］*
A、titleV
B、alt
C、width
D、height
答案解析：
用于設置鼠標懸停時圖像的提示文字的屬性是title屬性。
14、網(wǎng)頁中的圖像文件位于html文件的下一級文件夾img下，則以下書寫正確的是（）［單選題］
A、<imgsrc="logo.gif"/>
B、<imgsrc="img\logo.gif"/>
C、<imgsrc="img/logo.gif"/>V
D、<imgsrc="img/logo"/>
答案解析：
在網(wǎng)頁中插入圖像，若圖像文件位于html文件的下一級文件夾，則需輸入文件夾名和文件名，之間用
7”隔開。
15、下列選項中，不是＜img/＞標記屬性的是（）［單選題］*
A、src
B、alt
C、width
D、hrefV
答案解析：
ABC三項都是＜img/＞標記的屬性，只有D選項不是。
16、以下標示符中，用于設置頁面標題的是（\［單選題］*
A、＜title＞V
B、＜caption＞
C、＜head＞
D、＜html＞
答案解析：
＜title＞標記用于定義HTML頁面的標題，即給網(wǎng)頁取一個名字，必須位于〈head＞標記之內(nèi)。
17、下列關(guān)于特殊字符的說法不正確的是（）［單選題］*
A、特殊字符的代碼通常由前綴"&"、字符名稱和后綴為英文狀態(tài)下的”;"組成
B、可以通過菜單欄直接插入相應特殊字符的代碼
C、轉(zhuǎn)義序列各字符間可以有空格V
D、轉(zhuǎn)義序列必須以分號結(jié)束
答案解析：
特殊字符的代碼通常由前綴"&"、字符名稱和后綴為英文狀態(tài)下的丁組成。在網(wǎng)頁中使用這些特
殊字符時只需輸入相應的代碼替代即可。另外，在Dreamweaver中，還可以通過菜單欄中的【插入】1
［HTML］一【特殊字符】選項直接插入相應特殊字符的代碼。另外，轉(zhuǎn)義序列各字符間不能有空格，并且
轉(zhuǎn)義序列必須以分號結(jié)束。
18、在網(wǎng)頁中插入圖像，若圖像文件位于html文件的上兩級文件夾，則在文件名之前加入（）［單選
題］*
A、../
B、/
C、./
D.../../V
答案解析：
圖像文件位于html文件的上一級文件夾：在文件名之前加入,如果是上兩級，則需要使用
以此類推。
19、下面標記中，表示換行的標記是（1［單選題］*
A、＜hl＞
B、＜enter＞
C、＜br/＞V
D、＜hr/＞
答案解析：
＜hl＞用來設置字體樣式，＜enter＞標記不存在，＜hr＞表示一條水平線，＜br/＞表示換行。
20、下列標記中，用于定義HTML5文檔所要顯示內(nèi)容的是（I［單選題］*
A、<head></head>
B、<body></body>V
C、<html></html>
D、<title></title>
答案解析：
<body>標記用于定義HTML文檔所要顯示的內(nèi)容,也稱為主體標記。瀏覽器中顯示的所有文本、圖
像、音頻和視頻等信息都必須位于〈body>標記內(nèi)，<body>標記中的信息才是最終展示給用戶看的。
21、在HTML中，要定義一個空鏈接使用的標記是（）［單選題］*
A、<ahref=H#">V
B、<ahref="V>
C、<ahref="@">
D、<ahref=H\">
答案解析：
要定義一個空鏈接使用的標記使用<ahref="#">
22、按照網(wǎng)頁中常見的命名規(guī)范,通常底部版權(quán)區(qū)域命名為（）［單選題］*
A、nav
B、footerV
C、content
D、banner
答案解析：
按照網(wǎng)頁中常見的命名規(guī)范,通常底部版權(quán)區(qū)域命名為footer。
23、按照網(wǎng)頁中常見的命名規(guī)范,屬于底部版權(quán)注釋代碼的是（）［單選題］*
A、/*nav*/
B、/*footer*/V
C、/"content*/
D、/*banner*/
答案解析：
/*nav*/是導航欄的樣式代碼注釋，/*footer*/是底部版權(quán)區(qū)域的樣式代碼注釋，/"content*/是主體內(nèi)
容的樣式代碼注釋，/*banner*/是焦點圖的樣式代碼注釋。
24、下面哪個標簽用于定義運行中的任務進度(I［單選題］*
A、〈details〉標簽
B、＜progress＞標簽V
C、＜nav＞標簽
D、＜footer＞標簽
答案解析：
(progress〉標簽：用于定義運行中的任務進度(進程X
25、在HTML5中，頭部內(nèi)容通常包含在以下哪個結(jié)構(gòu)元素內(nèi)。()［單選題］*
A、nav
B、headerV
C、aside
D、footer
答案解析：
HTML5中的header元素是一種具有引導和導航作用的結(jié)構(gòu)元素，該元素可以包含所有通常放在頁面
頭部的內(nèi)容。
26、HTML5中,()元素經(jīng)常與details元素配合使用，作為details元素的第一個子元素。［單選題］
A、nav
B、header
C、summaryV
D、footer
答案解析：
summary元素經(jīng)常與details元素配合使用，作為details元素的第一個子元素。
27、下面選項中，可以定義度量衡的標簽是（）［單選題］*
A、meterV
B、progeress
C、detail
D、footer
答案解析：
<meter〉標簽：定義度量衡。僅用于已知最大和最小值的度量。比如：磁盤使用情況，查詢結(jié)果的相
關(guān)性等。
28、下列不屬于結(jié)構(gòu)標簽的是（）［單選題］*
A、header
B、article
C、nav
D、datalistV
答案解析：
datalist是表單元素。
29、頁面上的div標簽,其HTML代碼為＜divid="box"style="color:red"＞文字＜/div＞,為其設置
CSS樣式如下：#box{color:blue;}那么，文字的顏色將顯示為（）［單選題］*
A、紅色V
B、藍色
C、黑色
D、以上選項都不正確
答案解析：
不同的選擇器對同一個元素設置文本顏色時,瀏覽器會根據(jù)選擇器的優(yōu)先級規(guī)則解析CSS樣式。題目
中的div標簽，其行內(nèi)樣式設置文字為紅色，id選擇器樣式設置文字為藍色。由于id選擇器的權(quán)重小于行
內(nèi)樣式，所以文字顏色顯示為紅色。一般來說，選擇器權(quán)重優(yōu)先順序為：行內(nèi)樣式＞id選擇器＞類選擇器＞
標簽選擇器。
30、在內(nèi)嵌式引入CSS樣式時，＜style＞標記可以設置元素的樣式，它一般位于（）標記中＜title＞標
記之后。［單選題］*
A、＜hl＞
B、＜p＞
C、＜head＞V
D、＜body＞
答案解析：
內(nèi)嵌式引入CSS樣式，樣式放到＜style＞標記中，且＜style＞標記一般位于＜head＞標記中＜title＞標記
之后。
31、如果使用內(nèi)嵌式CSS樣式表定義＜p＞標記字號為12像素，鏈入式定義＜p＞標記顏色為紅色，那
么段落文本將顯示為（）［單選題］*
A、只顯示12像素
B、12像素紅色V
C、只顯示紅色
D、以上都不正確
答案解析：
本題考查的是CSS層疊性。所謂層疊性是指多種CSS樣式的疊加。當使用內(nèi)嵌式CSS樣式表定義＜p＞
標記字號大小為12像素，鏈入式定義＜p＞標記顏色為紅色，那么段落文本將顯示為12像素紅色，即這兩
種樣式產(chǎn)生了疊加。
32、若要在網(wǎng)頁中插入樣式表main.css,以下用法中正確的是（）［單選題］*
A、＜linksrc="main.css"type="text/css"rel="stylesheet"＞
B、＜includehref="main.css"type="text/css"rel="stylesheet"＞
C、＜linkhref="main.css"type="text/css"＞
D、＜linkhref="main.css"type="text/css"rel="stylesheet"＞V
答案解析：
使用＜link〉標記引用外部CSS樣式表：（linkrel="stylesheet"type="text/css"href="main.css"/＞
上面的代碼,表示引用當前HTML頁面所在文件夾中，文件名為"main.css"的CSS樣式表文件。
33、當＜p＞標記內(nèi)嵌套（strong〉標記時,就可以使用后代選擇器對其中的〈strong〉標記進行控制，
下列寫法正確是（）［單選題］*
A、strongp{color:red;}
B、pstrong{color:red;}V
C、strong,p{color:red;}
D、p.strong{color:red;}
答案解析：
后代選擇器：把外層的標記寫在前面，內(nèi)層的標記寫在后面，之間用空格分隔。
34、頁面上的div標簽,其HTML代碼為＜divid="box-class="red"＞文字＜/div＞,為其設置CSS
樣式如下:#box{color:blue;}.red{coloured;}那么,文字的顏色將顯示為（）［單選題］*
A、紅色
B、藍色V
C、黑色
D、白色
答案解析：
使用不同的選擇器對同一個元素設置文本顏色時，瀏覽器會根據(jù)選擇器的優(yōu)先級規(guī)則解析css樣式。
題目中的id選擇器#box和類選擇器.red都同時作用在了div標簽上，由于id選擇器的權(quán)重大于class選
擇器的權(quán)重,所以文字的顏色將以#box設置的為準,顯示為藍色。
35、在CSS中，用于設置首行文本縮進的屬性是（）［單選題］*
A、text-decoration
B、text-align
C、text-transform
D、text-indentV
答案解析：
text-decoration屬性用于設置文本的下劃線，上劃線，刪除線等裝飾效果；text-align屬性用于設置
文本內(nèi)容的水平對齊；text-transform屬性用于控制英文字符的大小寫;text-indent屬性用于設置首行文
本的縮進。故選D
36、下列選項中，關(guān)于選擇器權(quán)重的優(yōu)先級的說法正確的是（）［單選題］*
A、標簽選擇器＞ID選擇器＞類選擇器
B、ID選擇器〉類選擇器〉標簽選擇器V
C、類選擇器＞ID選擇器〉標簽選擇器
D、ID選擇器＞標簽選擇器＞類選擇器
答案解析：
ID選擇器〉類選擇器〉標簽選擇器
37、關(guān)于行內(nèi)式引入CSS樣式表，以下書寫正確的是（）［單選題］*
A、＜spanstyle=font-size:12px;coloured;＞文本＜/span＞
B、＜spanstyle="font:12px;coloured;”＞文本＜/span＞
C、＜spanstyle:"font-size=12px,color=red「'＞文本＜/span＞
D、＜spanstyle="font-size:12px;coloured/＞文本＜/span＞V
答案解析：
通過style屬性引入css規(guī)則，style屬性值用等號連接，css規(guī)則中表示字號的用font-size,表示字
體顏色的用color屬性,css屬性值用冒號連接。
38、在css屬性選擇器中p［att$=value］,其中的$符號的作用是（）［單選題］*
A、從字符串前面匹配
B、從字符串后面匹配V
C、匹配所有字符串
D、從字符串中間匹配
答案解析：
標簽［屬性名A$=值val］:選出所有屬性名A中值以val結(jié)尾的標簽。
39、p[id*="test"]{color:#032;font-family:"楷體";font-size:30px;},選出不可以被選中設置樣式的。
()［單選題］*
A、<pid="testl">示例</p>
B、<pid="tttlest">n^^!l</p>V
C、<pid="newtest">^511</p>
D、<pid="oldtestXXX">示例</p>
答案解析：
標簽［屬性名人*=值val］表示：選出所有屬性名A中值包含子串val的標簽
40、p-h2{color:pink;}<body><h2>A</h2><p>風景
</p><h2>B</h2><h2>C</h2><h2>D</h2></body>,關(guān)于A、B、C、D字體顏色變化，選出下面描
述錯誤的一項。()［單選題］*
A、A粉紅色V
B、B粉紅色
C、C粉紅色
D、D粉紅色
答案解析：
兄弟選擇器用來選擇與某元素位于同一個父元素之中，且位于該元素之后的兄弟元素。普通兄弟選擇器
使用來鏈接前后兩個選擇器。選擇器中的兩個元素有同一個父親，但第二個元素不必緊跟第一個元
素
41、CSS文件的擴展名為()。［單選題］*
A、.txt
B、.xml
Cx.html
D、.cssV
答案解析：
css文件的擴展名.css
42、下列選項中，用于指定應用過渡效果的CSS屬性名稱的屬性是(X［單選題］*
A、transition-property屬性V
B、transition-duration屬性
C、transition-timing-function屬性
D、transition-delay屬性
答案解析：
transition-property屬性用于指定應用過渡效果的CSS屬性的名稱，其過渡效果通常在用戶將指針
移動到元素上時發(fā)生。
43、下列選項中，能夠旋轉(zhuǎn)指定的元素對象的變形函數(shù)是(\［單選題］*
A、translate()方法
B、scale()方法
C、skew()方法
D、rotate()方法V
答案解析：
rotate()方法能夠旋轉(zhuǎn)指定的元素對象，主要在二維空間內(nèi)進行操作。該方法中的參數(shù)允許傳入負值,
這時元素將逆時針旋轉(zhuǎn)。
44、下列選項中，用于規(guī)定過渡效果何時開始的屬性是(X［單選題］*
A、transition-property屬性
B、transition-duration屬性
C、transition-timing-function屬性
D、transition-delay屬性V
答案解析：
transition-delay屬性規(guī)定過渡效果何時開始，默認值為0,常用單位是秒(s)或者毫秒(ms\
45、關(guān)于樣式代碼".box{width:200px;padding:15px;margin:20px;}"下列說法正確的是(\［單
選題］*
A、.box的總寬度為200px
B、.box的總寬度為270pxV
C、.box的總寬度為235Px
D、以上說法均錯誤
答案解析：
盒子的總寬度=width+左右內(nèi)邊距之和+左右邊框?qū)挾戎?左右外邊距之和所以，上OX的總寬度=
width(200px)+左右內(nèi)邊距(15px*2)+左右外邊距(20px*2)=270px
46、下列樣式代碼中，可以實現(xiàn)絕對定位模式的是(I［單選題］*
A、position:static;
B、position:fixed;
C、position:absolute;V
D、position:relative;
答案解析：
position屬性的常用值有四個，分別表示不同的定位模式:static:自動定位(默認定位方式Xrelative:
相對定位，相對于其原文檔流的位置進行定位。absolute:絕對定位，相對于其上一個已經(jīng)定位的父元素進
行定位。fixed:固定定位，相對于瀏覽器窗口進行定位。
47、下列選項中，用于更改元素左內(nèi)邊距的是（X［單選題］*
A、text-indent
B、padding-leftV
C、margin-left
D、padding-right
答案解析：
在CSS中padding屬性用于設置內(nèi)邊距,方法如下：padding-top:上內(nèi)邊距;padding-right:右內(nèi)邊
旦巨;padding-bottom:下內(nèi)邊旦巨;padding-left:左內(nèi)邊是巨；
48、下列樣式代碼中，用于定義盒子上邊框為1像素、藍色、單實線的是（X［單選題］*
A、border-top:lpxsolidblue;V
B、border:lpxsolidblue;
C、border-top:lpxdashedblue;
D、border*:lpxdashedblue;
答案解析：
在CSS中邊框?qū)傩园ㄟ吙驑邮綄傩裕╞order-style\邊框?qū)挾葘傩裕╞order-width\邊框顏色屬
性（border-color1單側(cè)邊框的屬性、邊框的綜合屬性。對本題中幾個單詞的解釋如下：border-top:上邊
框solid邊框為單實線dashed:邊框為虛線
49、下列樣式代碼中，可實現(xiàn)元素的溢出內(nèi)容被修剪，且被修剪的內(nèi)容不可見的是（1［單選題］*
A、overflow:visible;
B、overflow:hidden;V
C、overflow:auto;
D、overflow:scroll;
答案解析：
overflow屬性的常用值有四個，分別表示不同的含義：visible:內(nèi)容不會被修剪，會呈現(xiàn)在元素框之
外（默認值\hidden:溢出內(nèi)容會被修剪，并且被修剪的內(nèi)容是不可見的。auto:在需要時產(chǎn)生滾動條，
即自適應所要顯示的內(nèi)容。scroll:溢出內(nèi)容會被修剪，且瀏覽器會始終顯示滾動條。
50、下列樣式代碼中，可以將塊元素轉(zhuǎn)換為行內(nèi)元素的是（X［單選題］*
A、display:none;
B、display:block;
C、display:inline-block;
D、display:inline;V
答案解析：
display屬性常用的屬性值及含義如下:inline:此元素將顯示為行內(nèi)元素（行內(nèi)元素默認的display屬
性值Xblock:此元素將顯示為塊元素（塊元素默認的display屬性值\inline-block:此元素將顯示為行
內(nèi)塊元素，可以對其設置寬高和對齊等屬性，但是該元素不會獨占一行。none:此元素將被隱藏，不顯示，
也不占用頁面空間，相當于該元素不存在。
51、＜div＞標記是網(wǎng)頁布局中最常用的標記，其顯示類型為（\［單選題］*
A、塊級類型，
B、行內(nèi)類型
C、行內(nèi)塊類型
D、浮動類型
答案解析：
常見的塊元素有＜hl＞~＜h6＞、＜p＞、＜div＞、＜ul＞、＜ol＞.＜li＞等，其中＜div＞標記是最典型的塊
元素，常用于網(wǎng)頁布局和網(wǎng)頁結(jié)構(gòu)的搭建。
52、＜span〉標記是網(wǎng)頁布局中常見的標記，其顯示類型為（1［單選題］*
A、塊級類型
B、行內(nèi)類型V
C、行內(nèi)塊類型
D、浮動類型
答案解析：
常見的行內(nèi)元素有（＞、＜＞、＜＞、＜＞、＜＞、＜＞、＜＞＜＞、＜＞、＜＞等，
strongbemidelsinsxuaspan
其中（span＞標記是最典型的行內(nèi)元素。
53、設置浮動后，為不影響后面其它元素，下面所列4個方法中哪一個不可以清除浮動？（）［單選題］
A、clear:both;
B、overflow:hidden
C、rafter
D、:beforeV
答案解析：
前三種方法可以消除浮動影響
54、在CSS3中，通過（）屬性和邊偏移可以實現(xiàn)網(wǎng)頁中元素的精確定位。［單選題］
A、float
B、positionV
C、overflow
D、grew
答案解析：
css3中通過position屬性和邊偏移可以精確定義一個元素的準確位置
55、（）使元素脫離原來的文檔流，不再占據(jù)空間。［單選題］*
A、普通流
B、相對定位
C、靜態(tài)定位
D、浮動V
答案解析：
脫離文檔流的3種方式：浮動、絕對定位、固定定位
56、表格中左右合并單元格用（）屬性。［單選題］*
A、rowspan
B、colspanV
C、rows
D、cols
答案解析：
表格中左右合并單元格用colspan屬性，上下合并單元格用rowspan屬性。
57、下列選項中，用于提供輸入數(shù)值的文本框的input元素類型是（X［單選題］*
A、numberV
B、text
C、tel
D、url
答案解析：
number類型的input元素用于提供輸入數(shù)值的文本框。在提交表單時，會自動檢查該輸入框中的內(nèi)
容是否為數(shù)字。
58、下列選項中，用來定義下拉列表的是（X［單選題］*
A、<input/>
B.<textarea></textarea>
C.<select></select>V
D.<form>
答案解析：
<select>〈/select〉用來定義下拉列表。
59、下列選項中，專門用于定義輸入搜索關(guān)鍵詞的input元素類型是（X［單選題］*
A.email類型
B.search類型V
C.number類型
D.tel類型
答案解析：
search類型是一種專門用于輸入搜索關(guān)鍵詞的文本框，它能自動記錄一些字符，例如站點搜索或者
Google搜索。
60、當點擊輸入框中的"X"號時,輸入框中的內(nèi)容會被刪除，實現(xiàn)該效果，應使用input新增的哪個
屬性（）［單選題］*
A.email類型
B.search類型V
C.number類型
D.tel類型
答案解析：
search類型可以實現(xiàn)當點擊輸入框中的"x"號時，輸入框中的內(nèi)容會被刪除的效果
61、下列選項中，用于指定表單是否有自動完成功能的屬性是（）［單選題］*
A.action
B.autocompleteV
C.method
D.novalidate
答案解析：
autocomplete屬性用于指定表單是否有自動完成功能,所謂“自動完成”是指將表單控件輸入的內(nèi)
容記錄下來，當再次輸入時，會將輸入的歷史記錄顯示在一個下拉列表里，以實現(xiàn)自動完成輸入。
62、給input控件應用以下CSS樣式："background:url（images/l.jpg）no-repeat5pxcenter
#FFF「’上述代碼的含義是（X［單選題］*
A、定義input控件的背景V
B、定義input控件的文本顏色
C.定義input控件的內(nèi)邊距
D.定義input控件的文本寬高
答案解析：
給表單標記設置背景的屬性是background屬性。
63、HTML5中,用于指定頁面加載后是否自動獲取焦點的input屬性是（工［單選題］*
A.form屬性
B.autofocus屬性V
C.multiple屬性
D.autocomplete屬性
答案解析：
在HTML5中，autofocus屬性用于指定頁面加載后是否自動獲取焦點，將標記的屬性值指定為true
時，表示頁面加載完畢后會自動獲取該焦點。
64、在HTML中，哪個屬性用于規(guī)定輸入字段是必填的（）［單選題］*
A.requiredV
B.formvalidate
C.validate
□.placeholder
65、在指定單選框時，只有將以下（）屬性的值指定為相同，才能使它們成為一組。［單選題］*
A.type
B.nameV
C.value
□.checked
66、以下（）屬性表示控件在頁面中默認時被選中［單選題］*
A.size
B.readonly
C.disabled
D.checkedV
67、如果有兩個上下垂直關(guān)系的盒子,上面盒子的下外邊距是20px,下面盒子的上外邊距是50px,
那么這兩個盒子之間的間距是（）［單選題］*
A、20px
B、50pxV
C、70px
D、30px
答案解析：
上下外邊距合并，左右外那巨累加
68、如果有兩個左右水平關(guān)系的盒子，左邊盒子的右外邊距是20Px,右邊盒子的左外邊距是50px,
那么這兩個盒子之間的間距是（）［單選題］*
A、20px
B、50px
C、70pxV
D、30px
答案解析：
上下外邊距合并，左右外那巨累加
69、設置表格邊框為0的HTML代碼是（）［單選題］*
A、<tablecellspacing=0>
B、<tablecellspacing="0">
C、<tableborder="0">V
D、<tablecellpadding=0>
70、關(guān)于內(nèi)嵌式引入CSS樣式需要把樣式規(guī)則放到哪個標簽中（）［單選題］*
A、<style></style>V
B、<ul></ul>
C、<div></div>
D、<p></p>
1、在制作HTML頁面時，頁面的布局技術(shù)主要分為（）［多選題］*
A.框架布局V
B.表格布局V
C.DIV層布局V
D其他
2、下面屬于CSS插入形式的是（）［多選題］*
A.索引式
B彳亍內(nèi)式V
C.嵌入式V
D.外部式V
3、以下說法中，正確的是:（1［多選題］*
A.網(wǎng)頁的本質(zhì)就是HTML源代碼。V
B.網(wǎng)頁就是主頁。
C.使用“記事本”編輯網(wǎng)頁時,應將其保存為.htm或.html后綴。V
D.本地網(wǎng)站通常就是一個完整的文件夾。V
答案解析：
網(wǎng)頁分為主頁和內(nèi)頁
4、、關(guān)于建立站點的作用，下列說法正確的是（）［多選題］*
A、可以形成明晰的站點組織結(jié)構(gòu)圖V
B、方便增減站內(nèi)文件夾及文檔。V
C、可以系統(tǒng)化地管理網(wǎng)站文件。V
D、對于網(wǎng)站本身的上傳維護，內(nèi)容的擴充和移植都有著重要的影響。V
答案解析：
"站點”對于制作維護一個網(wǎng)站很重要，它能夠幫助我們系統(tǒng)地管理網(wǎng)站文件?？梢孕纬擅魑恼军c組
織結(jié)構(gòu)圖，方便增減站內(nèi)文件夾及文檔等，這對于網(wǎng)站本身的上傳維護，內(nèi)容的擴充和移植都有著重要的影
響。
5、HTML5增加了很多新功能和新特性，下列屬于HTML5優(yōu)勢的是（）［多選題］*
A、解決了跨瀏覽器問題V
B、新增了多個新特性V
C、用戶優(yōu)先的原則V
D、化繁為簡的優(yōu)勢V
答案解析：
HTML5增加了很多非常實用的新功能和新特性，具體優(yōu)勢如下：L解決了跨瀏覽器問題2、新增了
多個新特性3、用戶優(yōu)先的原則4、化繁為簡的優(yōu)勢
6、下列選項中，屬于表單構(gòu)成基本元素的是（X［多選題］*
A、表單控件V
B、提示信息，
C、表單域V
D、文本域
答案解析：
在HTML中，一個完整的表單通常由表單控件（也稱為表單元素\提示信息和表單域3個部分構(gòu)成。
7、下面的選項中，哪些CSS屬性有繼承性（）［多選題］*
A、字體屬性V
B、邊框?qū)傩?/p>
C、邊距屬性
D、字號屬性V
答案解析：
css的繼承：就是給父級設置一些屬性，子級繼承了父級的該屬性?？衫^承的屬性有：字體系列屬性
（font:組合字體font-family:規(guī)定元素的字體系列font-weight:設置字體的粗細font-size:設置字體
的尺寸font-style:定義字體的風格，等）2、文本系列屬性（text-indent:文本縮進text-align:文本水
平對齊，等）等等
8、＜inputtype="（）"name="name"（）="請輸入正確的郵箱"/＞中input控件類型為郵箱輸
入域，并有提示信息，請補全代碼。［多選題］*
A、emailV
B、text
C、placeholderV
D、value
答案解析：
表單控件中表示郵箱輸入的是email類型;提示信息用placeholder屬性
9、設置表格中文本的垂直對齊方式，下面代碼正確的是（）［多選題］*
A、text-align:center;
B、vertical-align:top;V
C、vertical-align:middle;V
D、vertical-align:bottom;V
答案解析：
設置表格中文本的垂直對齊方式通過vertical-align
10、以下（）不是塊級元素［多選題］*
A.div
B.imgV
C.inputV
D.P
答案解析：
行內(nèi)元素有：＜span＞、＜a＞、＜strong＞x＜em＞、＜i＞、＜u＞、＜s＞、＜del＞、＜ins＞等；塊元素有:
＜div＞、＜hl＞~＜h6＞x＜p＞、＜ul＞、＜ol＞、＜li＞、＜header〉、＜section＞x〈article＞、（footer〉行
內(nèi)塊元素有：＜input＞
11、通過（）屬性設置元素的邊偏移［多選題］*
A、topV
B、bottomV
C、left。
D、rightV
12、通過position屬性可以設置的定位模式有（）［多選題］*
A、staticV
B、relative4
C、absoluteV
D、fixedV
13、＜textarea（）="10"（）="60”＞中設置文本顯示10行，每行60個字符，請補齊其中屬性。
［多選題］*
A、rowsV
B、colsV
C、rowspan
D、colspan
答案解析：
<textareacols=""rows="">文本內(nèi)容</textarea>cols屬性：列數(shù)/寬度rows屬性：行數(shù)/高度
14、p[id="demo”]{color:red;}以下哪些可以被選中并設置樣式。[多選題]*
A、<pid="demo">示例l</p>V
B、<pid="mainldemo”>示例2</p>
C、<pid="demo”>示例3</p>V
D、<pid="olddemoXXX">示例4</p>
答案解析：
標簽[屬性名人=值val]:選出所有屬性名A值為val的標簽。（完全等于）
15、p[id~="demo"]{c。l。r:green;}以下哪些可以被選中并設置樣式。[多選題]*
A、<pid="demo">示例l</p>V
B、<pid="mainldemo">示例2</p>V
C、<pid="demo">示例3</p>V
D、<pid="olddemoXXX">示例4</p>
答案解析：
標簽囑性名A~=值val]:選出所有屬性名A中包含val值的標簽。一個完整的屬性名中包含val值
（這個字符串作為屬性中某一個屬性值）,注意與*=區(qū)分
16、p[id*="em”]{color:blue;}以下哪些可以被選中并設置樣式。[多選題]*
A、<pid="demo">示例l</p>V
B?<pid="mainldemo">示例2</p>V
C、<pid="demo">示例3</p>V
D、<pid="olddemoXXX">示例4</p>V
答案解析：
標簽［屬性名人*=值val］表示：選出所有屬性名A中值包含子串val的標簽
17、p［id$="mo"］｛color:#089;｝以下哪些可以被選中并設置樣式。［多選題］*
A、<pid="demo">示例l</p>V
B、<pid="mainldemo">示例2</p>V
C、<pid="demo”>示例3</p>V
D、<pid="olddemoXXX">示例4</p>
答案解析：
標簽［屬性名A$=值val］:選出所有屬性名A中值以val結(jié)尾的標簽。
18、p［idA="de"］｛color:#998;｝以下哪些可以被選中并設置樣式。［多選題］*
A、<pid="demo">示例l</p>V
B、<pid="mainldemo”>示例2</p>
C、<pid="demo">示例3</p>V
D、<pid="olddemoXXX">示例4</p>
答案解析：
標簽［屬性名A'=值val］:選出所有屬性名A中值以val開頭的標簽。
19、p+h2｛color:blue;｝<body><h2>—</h2><p>風景</p><h2>二</h2><h2>三</h2><h2>
四</h2></body>,請問以下一、二、三、四中哪些字體不被設置成藍色。［多選題］*
A、一V
B、二
C、三V
D、四V
答案解析：
兄弟選擇器用來選擇與某元素位于同一個父元素之中，且位于該元素之后的兄弟元素。其中，臨近兄弟
選擇器使用加號"+”來鏈接前后兩個選擇器。第二個元素必須緊跟第一個元素。
20、p-h2{color:blue;}<body><h2>—</h2><p>風景</p><h2>二</h2><h2>三</h2><h2>
四</h2></body>,請問以下A、B、C、D中哪些字體被設置成藍色。［多選題］*
A、—
B、二V
C、三V
D、四V
答案解析：
兄弟選擇器用來選擇與某元素位于同一個父元素之中，且位于該元素之后的兄弟元素。其中，普通兄弟
選擇器使用來鏈接前后兩個選擇器。第二個元素不必緊跟第一個元素。
1、在Dreamweaver中制作網(wǎng)頁,在菜單欄中選擇【文件】一【保存】選項，或使用快捷鍵Ctrl+S,
即可完成文件的保存。［判斷題］*
對V
錯
答案解析：
在Dreamweaver中制作網(wǎng)頁，在菜單欄中選擇【文件】1【保存】選項，或使用快捷鍵Ctrl+S,即
可完成文件的保存。
2、所有的HTML標簽都包括開始標記符和結(jié)束標記符。［判斷題］*
對
錯V
答案解析：
單標簽沒有結(jié)束符
3、B標記符表示用粗體顯示所包括的文字［判斷題］*
對V
錯
答案解析：
B標記符表示用粗體顯示所包括的文字
4、在網(wǎng)頁中需要插入圖片的相對路徑中用于指定上一級文件夾。［判斷題］*
對V
錯
答案解析：
在網(wǎng)頁中需要插入圖片的相對路徑中，用于指定上一級文件夾，7"用于指定下一級文件夾。
5、如果不給＜img/＞標記設置寬和高,圖片就會按照他的原始尺寸顯示。［判斷題］*
對V
錯
答案解析：
通常情況下，如果不給＜img/＞標記設置寬和高，圖片就會按照他的原始尺寸顯示，當然也可以手動更
改圖片的大小。
6、在HTML標記中，屬性之間不分先后順序，標記名與屬性、屬性與屬性之間均以逗號分開。［判斷
題］*
對
錯V
答案解析：
屬性之間不分先后II順序,標記名與屬性、屬性與屬性之間均以空格分開。
7、通過vspace和hspace屬性可以分別調(diào)整圖像的垂直邊距和水平邊距。［判斷題］*
對V
錯
答案解析：
HTML中通過vspace和hspace屬性可以分別調(diào)整圖像的垂直邊距和水平邊距。
8、瀏覽器對于不同級別的標題標簽使用不同的字號。［判斷題］*
對V
錯
答案解析：
瀏覽器對于不同級別的標題標簽使用不同的字號。
9、默認情況下圖像是沒有邊框的，通過border屬性可以為圖像添加邊框。［判斷題］*
對“
錯
答案解析：
默認情況下圖像是沒有邊框的，通過border屬性可以為圖像添加邊框、設置邊框的寬度，但邊框顏色
的調(diào)整僅僅通過HTML屬性是不能夠?qū)崿F(xiàn)的。
10、在標記的嵌套過程中，必須先結(jié)束最靠近內(nèi)容的標記，再按照由外及內(nèi)的順序依次關(guān)閉標記。［判
斷題］*
對
錯V
答案解析：
在標記的嵌套過程中，必須先結(jié)束最靠近內(nèi)容的標記，再按照由內(nèi)及外的M頁序依次關(guān)閉標記。
11、在超鏈接中"target"屬性用于指定鏈接頁面的打開方式。［判斷題］*
對V
錯
答案解析：
在超鏈接中"target"用于指定鏈接頁面的打開方式，其取值有一self和一blank兩種，其中_self為默認
值，意為在原窗口中打開，.blank為在新窗口中打開。
12、HTML5中，cite元素可以創(chuàng)建一個引用標記，用于對文檔參考文獻的引用說明，一旦在文檔中使
用了該標記，被標記的文檔內(nèi)容將以斜體的樣式展示在頁面中。()［判斷題］*
對V
錯
答案解析：
ite元素可以創(chuàng)建一個引用標記，用于對文檔參考文獻的引用說明，一旦在文檔中使用了該標記，被標
記的文檔內(nèi)容將以斜體的樣式展示在頁面中，以區(qū)別于段落中的其他字符。
13、在網(wǎng)頁制作中，使用導航欄可以更清晰方便地找到所需要的資源信息。()［判斷題］*
對V
錯
答案解析：
網(wǎng)站使用導航欄是為了讓訪問者更清晰方便地找到所需要的資源信息。
14、通過分析網(wǎng)頁效果圖，可以更加高效地完成網(wǎng)頁的布局和排版。（）［判斷題］*
對V
錯
答案解析：
通過分析網(wǎng)頁效果圖，能夠更加高效地完成網(wǎng)頁的布局和排版。
15、頁面布局的目的是為了使網(wǎng)站頁面的結(jié)構(gòu)更加清晰、有條理。（）［判斷題］*
對V
錯
答案解析：
頁面布局對于改善網(wǎng)站的外觀非常重要，是為了使網(wǎng)站頁面結(jié)構(gòu)更加清晰、有條理，而對頁面進行的
“排版"。
16、導航欄通常位于頁眉區(qū)域，起著鏈接網(wǎng)站各個頁面的作用。（）［判斷題］*
對V
錯
答案解析：
導航欄通常是位于頁眉區(qū)域的超鏈接文字或圖片，它起著鏈接網(wǎng)站各個頁面的作用。
17、在網(wǎng)頁制作中,LOGO一般放在網(wǎng)站首頁的導航欄中。（）［判斷題］*
對
錯V
答案解析：
在網(wǎng)頁制作中，LOGO一般放在網(wǎng)站首頁的頭部，導航欄一般位于頭部模塊的下方。
18、HTML5中，draggable屬性用來定義元素是否可以拖動，該屬性有兩個值：true和false，默認
為false,當值為true時表示元素選中之后不可以進行拖動操作，否則可以拖動。()［判斷題］*
對
錯V
答案解析：
draggable屬性用來定義元素是否可以拖動,該屬性有兩個值：true和false,默認為false,當值為
true時表示元素選中之后可以進行拖動操作，否則不能拖動。
19、HTML5中，一個figure元素內(nèi)允許使用多個figcaption元素。()［判斷題］*
對
錯V
答案解析：
一個figure元素內(nèi)最多允許使用一^figcaption元素。
20、HTML5中,meter元素的max屬性，用于定義最小值，默認值是0。()［判斷題］*
對
錯V
答案解析：
max屬性用于定義最大值，默認值是L
21、HTML5中,可以通過在nav元素內(nèi)部嵌套無序列表ul來搭建導航結(jié)構(gòu)。(
溫馨提示
- 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 南京市2025版二手房交易合同（含社區(qū)環(huán)境改善承諾）3篇
- 二零二五年度空氣凈化與純凈水一體化設備采購合同4篇
- 二零二五年度智能立體車庫車位租賃及運營管理合同4篇
- 二零二五版苗圃基地建設與苗木種植管理服務合同4篇
- 2025年度鋼材采購環(huán)保責任承諾合同2篇
- 二零二五年度國際教育文化交流合作合同3篇
- 2025年中國馬口鐵易拉蓋行業(yè)市場調(diào)研分析及投資戰(zhàn)略咨詢報告
- 二零二五年度電梯安全質(zhì)量安全風險評估與控制合同4篇
- 2025年度大型活動策劃與執(zhí)行服務合同匯編3篇
- 2025年度洗浴中心員工福利保障與激勵合同4篇
- 安徽省定遠重點中學2024-2025學年第一學期高二物理期末考試（含答案）
- 教育教學質(zhì)量經(jīng)驗交流會上校長講話：聚焦課堂關(guān)注個體全面提升教育教學質(zhì)量
- 2024人教新目標(Go for it)八年級英語上冊【第1-10單元】全冊 知識點總結(jié)
- 劇本殺店長合同范例
- 華中師范大學第一附中2025屆高考仿真模擬數(shù)學試卷含解析
- 農(nóng)村自建房施工合同模板
- GB/T 44731-2024科技成果評估規(guī)范
- 影視動畫設計與制作合同
- 2023學年廣東省深圳實驗學校初中部九年級（下）開學語文試卷
- 企業(yè)新員工培訓師帶徒方案
- 2025屆河南省鄭州一中高三物理第一學期期末學業(yè)水平測試試題含解析
評論
0/150
提交評論