Web前端開發(fā)學習通超星期末考試答案章節(jié)答案2024年

Web前端開發(fā)學習通超星期末考試章節(jié)答案2024年一篇結構清晰的文章通常都有標題和段落，HTML網(wǎng)頁也不例外，為了使網(wǎng)頁中的文字有條理地顯示出來，HTML提供了相應的標記。

答案:對使用HTML制作網(wǎng)頁時，如果想讓HTML標記提供更多的信息，例如希望標題文本的字體為“微軟雅黑”且居中顯示，此時僅僅依靠HTML標記的默認顯示樣式已經(jīng)不能滿足需求了，需要使用HTML標記的屬性加以設置。

答案:對標記標志著HTML文檔的結束，標記標志著HTML文檔的開始

答案:錯標記用于定義HTML頁面的標題，即給網(wǎng)頁取-個名字，必須位于標記之內。

答案:對CSS通常稱為CSS樣式或樣式表，主要用于設置HTML頁面中的文本內容(字體、大小、對齊方式等)、圖片的外形(寬高、邊框樣式、邊距等)以及版面的布局等外觀顯示樣式。

答案:對URL可以是“本地磁盤”，也可以是局域網(wǎng)上的某一臺計算機，更多的是Internet.上的站點，

答案:對互聯(lián)網(wǎng)實現(xiàn)了全球信息資源的共享，形成了一個能夠共同參與、相互交流的互動平臺。

答案:對在瀏覽器的菜單欄中選擇」[查看]→[源文件]選項，彈出的窗口中便會顯示當前網(wǎng)頁的源代碼。

答案:對HTML之所以稱為超文本標記語言，不僅是因為它通過標記描述網(wǎng)頁內容，同時也由于文本中包含了所謂的“超級鏈接”點。

答案:對常見標簽有（）

答案:div塊;img圖片(單標簽);a鏈接、下載、錨點;h1-h6.標題標記本身不包含任何內容，通過“名稱/值"的形式成對的使用其屬性可定義頁面的相關參數(shù)，例如為搜索引擎提供網(wǎng)頁的（）等。

答案:關鍵字;作者姓名;內容描述;定義網(wǎng)頁的刷新時間標記用于定義HTML文檔所要顯示的內容，也稱為主體標記。瀏覽器中顯示的所有（）等信息都必須位于標記內

答案:文本;圖像;音頻;視頻HTML(英文HyperTextMarkupLanguage的縮寫)中文譯為“超文本標記語言”，主要是通過HTML標記對網(wǎng)頁中的（）等內容進行描述。

答案:文本;圖片;結構而對于網(wǎng)站設計、制作者來說，Web是一系列技術的復合總稱(包括網(wǎng)站的（）等)，我們稱它為網(wǎng)頁。

答案:前臺布局;后臺程序;美工;數(shù)據(jù)庫開發(fā)W3C文檔對象模型(DOM)是中立于平臺和語言的接口，它允許程序和腳本動態(tài)地訪問和更新文檔的（）。

答案:內容;結構;樣式圖像的格式是（）

答案:以上都是圖像文件位于html文件的下一級文件夾:輸入文件夾名和文件名，之間用（）隔開

答案:1為了使網(wǎng)頁更具有語義化，經(jīng)常會在頁面中用到標題標記，HTML提供了（）個等級的標題

答案:6相對路徑的設置可分為

答案:以上都是為了方便學習和理解。通常將HTML標記分為（）大類

答案:2一個HTML文檔只能含有（）對標記，絕大多數(shù)文檔頭部包含的數(shù)據(jù)都不會真正作為內容顯示在頁面中。

答案:1標記主要用來封裝其他位于文檔頭部的標記，例如title>.及

答案:以上都是標記用于定義HTML文檔的頭部信息，也稱為（），緊跟在標記之后，主要用來封裝其他位于文檔頭部的標記，例如title>.及

答案:頭部標記（）中文譯為“萬維網(wǎng)聯(lián)盟”。萬維網(wǎng)聯(lián)盟是國際最著名的標準化組織。

答案:W3C（）中文譯為超文本傳輸協(xié)議。它是一種詳細規(guī)定了瀏覽器和萬維網(wǎng)服務器之間互相通信的規(guī)則。

答案:HTTPWww是Internet.上最主要的服務，其他許多網(wǎng)絡功能，如（），都是基于WWW服務的。

答案:以上都是（）是域名解析系統(tǒng)。在Internet.上域名與IP地址之間是一一對應的，域名雖然便于人們記憶，但計算機只認識IP地址，將好記的域名轉換成IP的過程被稱為域名解析。

答案:DNS靜態(tài)超鏈接指的是可以通過改變HTML代碼來實現(xiàn)動態(tài)變化的超鏈接，例如我們可以實現(xiàn)將鼠標移動到某個文字鏈接上，文字就會象動畫一樣動起來或改變顏色的效果，也可以實現(xiàn)鼠標移到圖片上圖片就產生反色或朦朧等等的效果。

答案:錯絕對路徑就是你的主頁上的文件或目錄在硬盤上真正的路徑。

答案:對經(jīng)過多次真實實驗，證明:相對路徑不利于搜索引擎表現(xiàn)，絕對路徑在搜索引擎中表現(xiàn)良好。

答案:錯所謂標記就是放在“<>”標記符中表示某個功能的編碼命令，也稱為HTML標簽或HTML元素

答案:對如果你用的是PWS或IISWEB服務器，那么路徑必須用相對路徑來表示，而不能用絕對路徑來表示。

答案:錯按照連接路徑的不同,網(wǎng)頁中超鏈接一般分為（）。

答案:內部鏈接;錨點鏈接;外部鏈接多種多樣的文字效果可以使網(wǎng)頁變得更加絢麗，為此HTL提供了文本樣式標記,用來控制網(wǎng)頁中文本的（）。

答案:字體;字號;顏色所謂的超鏈接是指從一個網(wǎng)頁指向一個目標的連接關系，這個目標可以是另一個網(wǎng)頁，也可以是相同網(wǎng)頁上的不同位置，還可以是（）。

答案:一個圖片;一個電子郵件地址;一個文件;一個應用程序有序列表即為有排列順序的列表，其各個列表項會按照一定的順序排列，例如網(wǎng)頁中常見的歌曲排行榜、游戲排行榜等都可以通過有序列表來定義。

答案:有序列表一個表單有（）個基本組成部分

答案:3表格的建立方式有

答案:以上都是（）是網(wǎng)頁中最常用的列表

答案:無序列表表單按鈕:包括（）

答案:以上都是（）常用于對術語或名詞進行解釋和描述，與無序和有序列表不同，定義列表的列表項前沒有任何項目符號。

答案:自定義列表（）允許在待選項中選中一項以上的選項。每個復選框都是一個獨立的元素，都必須有一個唯一的名稱

答案:復選框（），又稱文本區(qū)，即有滾動條的多行文本輸入控件，在網(wǎng)頁的提交表單中經(jīng)常用到。與單行文本框text控件不同，它不能通過maxlength屬性來限制字數(shù)，為此必須尋求其他方法來加以限制以達到預設的需求。

答案:文本域實驗4：實驗內容的發(fā)布及實驗報告的提交采用系里建立的新平臺。新平臺地址：8/stuhomework/Index

登錄平臺后下載實驗報告模板及實驗附件（如果有），完成實驗報告的書寫后，在新平臺上提交實驗報告。（不需要在此提交實驗報告）

答案:對實驗5：實驗內容的發(fā)布及實驗報告的提交采用系里建立的新平臺。新平臺地址：8/stuhomework/Index

登錄平臺后下載實驗報告模板及實驗附件（如果有），完成實驗報告的書寫后，在新平臺上提交實驗報告。（不需要在此提交實驗報告）（注：實驗5的內容就是大作業(yè)的主要內容，可以大作業(yè)主要內容做好后再寫實驗報告5）

答案:對1、預備：正確安裝IDE，并能正確使用：新建站點（項目），在站點中新建網(wǎng)頁文件并運行，完成測試。2、下載素材文件，完成上機1-1任務要求：建立自己的站點，新建網(wǎng)頁文件，完成效果圖一樣的網(wǎng)頁，并壓縮上傳為附件：

1）完成基本網(wǎng)頁測試，完成帶圖片的簡單網(wǎng)頁；

2）1-1個人簡歷（基本標簽+特殊符號）.html

3）1-2news新聞.html請注意文件名、文件夾的命名規(guī)范。素材下載：HBuilder備用下載：

答案:將所完成的網(wǎng)頁文件打包，上傳為附件。參考網(wǎng)站第2章對應知識點，完成表格與圖像練習與實踐：1）1-2-表格與圖像練習：使用caption,thead,tbody,th,tfoot等標簽，完成表格與圖像填充練習；2）1-2-杭州小客車-簡單.html：F12查看網(wǎng)站中的網(wǎng)頁元素，并自行下載網(wǎng)站中的圖像文件，利用給定效果圖，完成簡單網(wǎng)頁模仿。3）1-2-杭州小客車-高仿（選做）.html：仔細分析該網(wǎng)頁內容與樣式，嘗試高仿該網(wǎng)頁。完成后，將站點文件夾（包含網(wǎng)頁及圖片文件）壓縮，上傳為附件。素材參考：

答案:將網(wǎng)頁文件及其所需圖像文件夾壓縮上傳。下載對應素材文件，完成以下網(wǎng)頁制作的要求：1）1-2-再別康橋.html，并在原來基礎上按步驟完成錨點與地圖超鏈接等;2）1-2-鏈接到URL.html。素材下載：

答案:將站點文件夾中無關文件刪除（只保留必須的圖像文件），壓縮為“00張怡芳.rar”格式，上傳附件。利用所給素材及效果圖，完成以下網(wǎng)頁制作：

1）2-1-1CSS初識.html（簡單CSS標簽選擇器）；

2）2-1-2簡單框架.html（框架模板備用）；

3）2-1-3撲克牌.html（ID選擇器，注意外部容器居中設置）；（選做）2-1-4互聯(lián)網(wǎng)起源.html。素材下載:

答案:將所完成的三個網(wǎng)頁及其相關圖片文件，以“00張怡芳.rar”格式上傳為附件根據(jù)所給素材及其相關要求，完成上機實踐2-2的以下網(wǎng)頁的制作：

1）2-2-solar.html:帶導航（錨記）的太陽系八大行星網(wǎng)頁；

2）2-2-導航菜單.html(實現(xiàn)同一個網(wǎng)頁中，不同div內導航菜單效果不同）；

3）（選做加分項）2-2-任意網(wǎng)站中橫向導航模仿制作。素材下載：

答案:復合選擇器的應用：偽類別選擇器、分組選擇器、后代選擇器；利用無序列表，結合后代選擇器+偽類別選擇器設計制作導航菜單。將所完成的網(wǎng)頁文件壓縮為“00張怡芳.rar”格式上傳附件。完成以下兩個任務：1）帶section框架.html（包含shortcuticon的HTML5框架）。2）Project1：完成個人應聘簡歷網(wǎng)頁，介紹自己的學習經(jīng)歷、興趣愛好、實習或工作經(jīng)歷（可假設），內容要求完整詳實，最后一行寫本人版權所有?？蓞⒖妓o效果圖，技術要求：使用基本section框架（不僅限），div有效頁面寬度1000px左右，居中對齊；有背景顏色，有圖像，且?guī)в袑Ш脚c超鏈接，包括鏈接到錨記、外部URL地址等。注：添加音頻或視頻的加分。素材下載：

答案:加音頻視頻、CSS樣式等其他非必須項可加分。根據(jù)素材及效果圖，完成以下任務：1)3-1古人練習.html（塊級元素關系、盒子模型）2)3-1ipanda.html（使用float，clear屬性）

答案:完成后的站點文件夾壓縮，上傳為附件。完成以下任務：1）3-2-float左右布局.html;2)3-2-個人文集.html素材下載：

答案:上傳全部網(wǎng)頁相關壓縮文件。1、分步驟完成position四角定位撲克牌，（a）疊放，（b）四角定位；2、分步驟完成19樓網(wǎng)頁（布局文件a.html、中間過程文件b.html、最終文件c.html）

（a）使用float左右大布局，精細布局部分用position布局（例如左邊塊中的圖片輪播部分）；

（b）添加基本的圖像與文本、添加右邊討厭廣告條，保留布局顏色塊；

（c）細化網(wǎng)頁，具體結果參考效果圖。

（d）*添加輪播效果，關閉討厭的廣告條。

（e）***使用flexbox伸縮盒技術（如downbar的四個圖片）。（挑戰(zhàn)題）或完成一模一樣完成實際的19樓網(wǎng)頁(參考網(wǎng)站/

)。

答案:站點文件夾壓縮，上傳為附件。/star3/origin/0c348f054c81d0a53a43f9ed8cdc1306.png

答案:將所完成的網(wǎng)頁文件壓縮上傳。上交實訓報告，每人一份。小組負責人另外上交一個網(wǎng)站壓縮包，內含：

1）網(wǎng)站規(guī)劃書；

2）網(wǎng)站頁面全部文檔。模板下載：

答案:壓縮文件名必須包含全部項目制作成員。利用以下方式設計導航菜單

導航項1導航項2以下哪個選項無法實現(xiàn)鼠標在上的時候，字體為黃色、下劃線的效果

。

答案:navi

li

a:hover{color:rgba(255,255,0,1);text-decoration:

underline;}下面選項中可以產生帶有數(shù)字的列表前導：（

）

答案:item1item2item3下面哪個是不需要成對出現(xiàn)的標簽名（without

closing

tag）：

答案:

下列選項中，哪個是在HTML代碼中表格的行標簽？（

）

答案:

以下哪一組的選擇器命名是規(guī)范的？

答案:wrapper{

}.a_b_c{

}img.pic1{

}/star3/origin/6ead71a316df45c7ae8581863116e208.jpg

答案:margin:

20px;以下哪個顏色值是設置深灰色：

答案:color:

#333;以下哪個標簽是網(wǎng)頁結構的必備標簽，沒有它，網(wǎng)頁結構是不合法的：(

)

答案:下面哪個CSS設置中，將所有段落文本設置為紅色是正確的：

答案:p{color：#F00;}以下哪個不是HTML文檔中的標簽（tag，或稱標記）：

答案:color以下CSS屬性中，哪個設置字體為紅色的方法是錯誤的：

答案:color:

#RED;網(wǎng)頁設計中的CSS指的是：

答案:Cascading

Style

Sheets以下哪個關于HTML及網(wǎng)頁前端開發(fā)的說法是錯誤的:

答案:網(wǎng)頁前端開發(fā)者在進行HTML5網(wǎng)頁制作的時候，必須使用、等語義化新標簽。HTML標簽中，文本可以設置為一級標題h1到N級標題

：

答案:h6以下哪個能將id為wrap的容器設為頁面居中的效果：

答案:wrap{width:80%;margin:auto;}以下哪個不是用于網(wǎng)頁制作/網(wǎng)站開發(fā)中用到的語言？

答案:C語言以下哪個圖像文件/超鏈接使用的是絕對路徑：（

）

答案:網(wǎng)易以下哪個寫法在語法上是錯誤的：

答案:<footid=”footer”>此處為頁腳內容

以下哪段是使用HTML5語義化新標簽nav定義導航菜單的正確方式：

答案:如果要去除或者添加超鏈接的下劃線，通常需要設置其（

）屬性：

答案:text-decoration下面哪種技術能夠使網(wǎng)頁具有交互性與動態(tài)性：

答案:JavaScript以下哪個添加邊框線的做法可能會出現(xiàn)問題？

答案:border-color:

rgba(255,0,0,1)

;以下哪個不屬于網(wǎng)頁中表格不可缺少的標簽？

答案:設置超鏈接的CSS樣式時，除了設置其通用的樣式時，例如：a{

text-decoration:

none;}以外，通常需要設置其連接屬性，其中鼠標在上（鼠標懸停）選擇器名為：

答案:a:hover下面哪個是規(guī)范的選擇器名稱：

答案:body以下哪個不屬于設置文本字體樣式的屬性：

答案:floatCSS樣式屬性中，關于clear的說法或用法，哪個是錯誤的？

答案:在CSS屬性中，使用clear：both;是保證第三個兄弟塊在前兩個兄弟塊下方的唯一方法。響應式設計中，關于圖像的處理或者描述，以下哪個是錯誤的？（

）

答案:當在一個div父塊（#article1）中插入圖片，設置CSS樣式：#article1img{width:50%;}則在網(wǎng)頁中，顯示的圖像大小就是圖片原始尺寸的一半以下關于meta標簽作用的說法，正確的是：

答案:一般用來定義頁面的說明（description）、作者（author）、關鍵字（keywords）等信息；在使用媒體查詢進行網(wǎng)頁設計時，以下哪個說法是錯的:(

)

答案:必須將所有的CSS選擇器定義在媒體查詢中，即在@mediaonlyscreenand(min-width:40em){}的花括號中以下哪個關于HTML及網(wǎng)頁前端開發(fā)的說法是錯誤的：（

）

答案:網(wǎng)頁前端開發(fā)者在進行HTML5網(wǎng)頁制作的時候，必須使用、等語義化新標簽。網(wǎng)頁中表單的標簽（tag）是：（

）

答案:form使用position進行精準布局，讓子塊#son在父塊#father的右上角，以下哪個做法是正確的：

答案:/*CSS樣式代碼

*/#father{

..../*定義寬度高度*/

position:relative;}#son{

..../*定義寬度高度*/

position:absolute;}}===========

son

關于網(wǎng)站的說法，以下哪個說法是錯誤的：

答案:一般網(wǎng)站只包括HTML、CSS等，不包括JavaScript或其他編程語言等內容。以下哪個不是上課時講到的網(wǎng)頁制作3O原則：

答案:出Output->入input關于響應式設計，以下哪個說法是正確的（

）

答案:斷點是響應式設計中的重要概念,它可以是網(wǎng)頁有明顯的列的變化的時候，也可以是在調整文字大小的細微變化的時候，都能設置斷點。響應式網(wǎng)頁設計中，經(jīng)常要使用以下哪個屬性來設置網(wǎng)頁元素的不可見:(

)

答案:display:none;表單元素的哪個屬性，用來提示幫助用戶填寫輸入字段？

答案:placeholder網(wǎng)頁中的DOM模型指的是:(

)

答案:DocumentObjectModel下列哪個選項中，是在表單里創(chuàng)建一個普通文本框？（

）

答案:以下哪個獲取網(wǎng)頁元素的JavaScript方法是錯誤的:()

答案:document.getElementByIdName("idname");關于響應式設計的說法，哪個是錯誤的（

）

答案:單張網(wǎng)頁的工作量更少，代碼不累贅，后期維護方便/star3/origin/11a1fa1ef32e42e0f39add17ae85e231.jpg

答案:leftbar

img

{background-color:#FF9;border:

dashed

2px

#000;padding:5px;float:left;

}關于表單的單選按鈕，以下哪個說法是正確的：（

）

答案:同一組的單選按鈕，為了保證只能選中一個，必須使用相同的name屬性關于網(wǎng)頁中的API，以下哪個說法是錯誤的?(

)

答案:sessionStorage本地儲存，實現(xiàn)客戶端數(shù)據(jù)的永久存放,瀏覽器關閉，不影響數(shù)據(jù)的變化以下哪個圖片類型屬于矢量圖形，可以放大而不失真（

）

答案:SVG在HTML頁面中，帶有“<>”符號的元素被稱為HTML標記，、、都是HTML標記。

答案:對設置外邊距的最簡單的方法就是使用margin屬性，這個屬性接受任何長度單位、百分數(shù)值甚至負值。

答案:對當父級position為static(position的默認值為s