HTML習題附答案

作者：由程式碼奇才發表于攝影時間：2021-01-07

第一章

1．HTML指的是（ A ）。

A超文字標記語言（Hyper Text Markup Language）

B家庭工具標記語言（Home Tool Markup Language）

C超連結和文字標記語言（Hyperlinks and Text Markup Language）

2．web標準的制定者是（ B ）。

A 微軟 B全球資訊網聯盟（W3C） C網景公司（Netscape）

3．用HTML標記語言編寫一個簡單的網頁，網頁最基本的結構是（ D ）。

A … …

B … …

C … …

D … …

4．從IE瀏覽器選單中選擇____

檢視à原始檔

______命令，可以在開啟的記事本中檢視到網頁的原始碼。

5．實現網頁互動性的核心技術是___

____

JavaScript _

______________。

6．CSS的全稱是_______

Cascading Style Sheet

__________ ______。

7．寫出你瞭解的專業網頁編輯製作工具____

_Dreamweaver_，_ EditPlus

___________。

8．URL的全稱是___

_Uniform Resource Locator

_____________________________。

9．寫出URL包含的三個部分內容的作用。

URL通常包括三個部分，第一部分是Scheme，告訴瀏覽器該如何工作，第二部分是檔案所在的主機，第三部分是檔案的路徑和檔名。

第二章

以下標記符中，用於設定頁面標題的是（ A ）。

A B <caption> C <head> D <html>以下標記符中，沒有對應的結束標記的是（ B ）。A <body> B C <html> D <title>檔案頭標記也就是通常所見到的____<head>…</head>_____標記。建立一個HTML文件的開始標記符是___<html>______，結束標記符是<div class="base-box"></div>____</html>_____。標記是HTML中的主要語法，分____單_____標記和____雙_____標記兩種。大多數標記是____成對_____出現的，由____開始_____標記和_____結束____標記組成。把HTML文件分為__頭部_______和______主體___兩部分。___主體______部分就是在Web瀏覽器視窗的使用者區內看到的內容，而__<div class="base-box"></div>頭部_______部分用來設定該文件的標題（出現在Web 瀏覽器視窗的標題欄中）和文件的一些屬性。HTML4或XHTML1。0的三種文件風格是__嚴格型、過渡型____、框架型_____。簡述一個HTML文件的基本結構。一個完整的HTML檔案包含頭部和主體兩個部分的內容，在頭部內容裡，可定義標題、樣式等，文件的主體內容就是要顯示的資訊。<html>標記通常會作為HTML文件的開始程式碼，出現在文件的第一句，而</html>標記通常作為HTML文件的結束程式碼，出現在文件的尾部，其他的所有的HTML程式碼都位於這兩個標記之間，該標記用於告知瀏覽器或其他程式，這是一個Web文件，應該按照HTML語言規則對文件內容的標記進行解釋；<head>…</head>是HTML文件的頭部標記；<body>… </body>標記之間的文字是在瀏覽器中要顯示的頁面內容。<div class="base-box"></div>第三章下面哪一項是換行符標記？（ C ）A．<body> B． C． D．在HTML中，標記的Size屬性最大取值可以是（ C ）。A。5 B．6 C．7 D．8在HTML中，標記<pre>的作用是（ B ）。A。標題標記B．預排版標記C。轉行標記D．文字效果標記下面的（ B ）特殊符號表示的是空格。<div class="base-box"></div>A．"； B．； C．&； D．©要設定一條1畫素粗的水平線，應使用的HTML語句是_ <hr size=1>_。在HTML檔案中，版權符號的程式碼是 __©___。使頁面的文字居中的方法有<center>…</center>__。標題字的標記是<h>____。第四章列表（List），顧名思義就是在網頁中將相關資料以條目的形式有序或者無序排列而形成的表<div class="base-box"></div>。常用的列表有無序列表、有序列表和定義列表三種。無序列表標記<ul>的type屬性可以指定出現在列表項前的專案符號的樣式，其取值可以是： disc 、 circle 和 square 三種。有序列表標記<ol>的type屬性可以指定出現在列表項前的專案編號的樣式，其取值可以是：1、a、A、i和I五種。<div class="base-box"></div>使用有序列表標記的START屬性後，使用者則可改變編號的起始值。該屬性值是一個整數，表示從哪一個數字或字母開始編號。使用列表項標記<li></li>的type屬性，使用者可以指定單個列表項的符號（對於無序列表而言）或編號（對於有序列表而言）。使用列表項標記<li></li>的VALUE屬性，可以改變當前列表項的編號大小，並會影響其後所有列表項的編號大小。但該屬性只適用於<div class="base-box"></div>有序列表中。第五章下列哪一項是在新視窗中開啟網頁文件（ B ）。A．_self B．_blank C．_top D．_parent在網頁中，必須使用（ A ）標記來完成超級連結。A．<a>…</a> B．… C．<link>…</link>D．<li>…</li>超連結是建立網站、網頁主要元素之一。若要建立在同一網頁內的連結，應採用以下（ B ）連結形式。<div class="base-box"></div>A．連結到一個E-mail B．書籤式連結C．框架間連結 D．連結到一個網站關於超連結，（A ）的說法是正確的。A．不同網頁上的圖片或文字可以連結到同一網頁或網站B．不同網頁上的圖片或文字只能連結到同一網頁或網站C．同一網頁上被選定的一個圖片或一處文字可以同時連結到幾個不同網站<div class="base-box"></div>D．同一網頁上圖片或文字不能連結到同一書籤若要在頁面中建立一個影象超連結，要顯示的圖形為 myhome。jpg，所連結的地址為http：//www。pcnetedu。com，以下用法中正確的是（ B ）。A．<a href=http：//www。pcnetedu。com“>myhome。jpg</a>B．<a href=”http：//www。pcnetedu。com“><img<div class="base-box"></div>alt="HTML習題附答案" data-isLoading="0" src="/static/img/blank.gif" data-src=”myhome。jpg“></a>C．<img alt="HTML習題附答案" data-isLoading="0" src="/static/img/blank.gif" data-src=”myhome。jpg“><a href =”http：//www。pcnetedu。com“></a>D．<a href =http：//www。pcneredu。com><img alt="HTML習題附答案" data-isLoading="0" src="/static/img/blank.gif" data-src=”myhome。jpg“>以下建立mail連結的方法，正確的是（ C ）。A．<a href=”master@163。com“>管理員</a>B．<a href=”callto：master@163。com“>管理員</a>C．<a href=”mailto：master@163。com“>管理員</a>D．<a href=”Email：master@163。com“>管理員</a>下面是相對路徑的是（ C ）。A．http：//www。<div class="base-box"></div>sina。com。cnB． ftp：//219。153。40。150C．../a。html D． /a。html下面哪組屬性是用於設定影象對映的區域座標的（ D ）。A．rec B．circle C．poly D． coords在HTML檔案中，URL是<div class="base-box"></div>統一資源定位器。在HTML檔案中，超連結可以分為內部連結和外部連結。關於超連結，target屬性用於指定連結的目標視窗。第六章<marquee> 。。。 </marquee>，表示（ D ）A。頁面空白 B。頁面屬性 C。標題傳遞 D。滾動文字嵌入背景音樂的HTML程式碼是（ B ）A。<backsound alt="HTML習題附答案" data-isLoading="0" src="/static/img/blank.gif" data-src=#> B。<bgsound alt="HTML習題附答案" data-isLoading="0" src="/static/img/blank.gif" data-src=#>C。<bgsound url=#> D。<backsound url=#><div class="base-box"></div>透過哪個屬性可以為圖片新增邊框線。（ C ）A。 html B。asp C。border D。img網頁中常用的圖片格式為GIF、JPEG和PNG。在HTML文件中，顯示圖片所用的標記是<img><div class="base-box"></div>。<marquee> 。。。 </marquee>的width和height屬性表示滾動背景的寬和高。使用<bgsound>標記只能新增聲音檔案，不能顯示和調整播放軟體的控制面板，而使用<embed>標記則可以插入各種各樣的多媒體。第七章以下選項中，哪個全部都是表格標記（ B ）。A．<table><head><tfoot> B．<table><tr><td>C．<table><tr><tt> D．<thead><body><tr><div class="base-box"></div>請選擇可以使單元格中的內容進行左對齊的正確HTML標記（ A ）。A．<td align=”left“> B．<td valign=”left“>C．<td leftalign> D．<tdleft>要使表格的邊框不顯示，應設定border的值是（ B ）。A．1 B．0 C．2 D．3以下標記中，用於定義一個單元格的是（ A ）。<div class="base-box"></div>A．<td> ； </td> B．<tr>…</tr>C．<table>…</table> D．<caption>…</caption>若要使表格的行高為16pt，以下方法中，正確的是（ A ）。A．<table border=1 height=”16“>…</table>B．<table border=1 height=”16pt“>…</table>C．<table border=1 height=”16pt“>…</table>D．<table border=1 height=”16pt“>…</table>表格的標記是___<table>____，單元格的標記是___<td>____。表格的寬度可以用百分比和___畫素____<div class="base-box"></div>_兩種單位來設定。表格分行用到的標記是 _<tr>______。請寫出在網頁中設定表格邊框的厚度的屬性__<border>_____；設定表格單元格之間寬度屬性___cellspacing___________；設定表格內容與單元格間的距離屬性____cellpadding______。請寫出<caption align=bottom>表格標題</caption>功能是為表格新增標題<div class="base-box"></div>_______。<tr>…。</tr>是用來定義表格的一行；<td>…</td>是用來定義一個單元格；<th>…</th>是用來定義___表頭_______。單元格垂直合併所用的屬性是__colspan____；單元格橫向合併所用的屬性是___rowspan____。利用<table></table>標記符的__frame____屬性可以控制表格邊框的顯示樣式；利用<table></table>標記符的__rules___<div class="base-box"></div>__屬性可以控制表格分隔線的顯示樣式。第八章框架的分割方式有（ ABD ）。A。上下分割 B。左右分割 C。對角線分割 D。巢狀分割如果要將視窗進行水平的分割，那麼要用到（ B ）屬性。A。cols B。rows C。colspan D。hr<div class="base-box"></div>設定視窗高度或寬度的數值一種是採用畫素設定另一種是採用百分比設定。嵌入式的視窗我們一般用巢狀分割來實現。在網頁中插入浮動框架要用<iframe></iframe>標記。第九章1。在HTML中，<form method=post>，method表示（ A ）A。提交的方式B。表單所用的指令碼語言C。提交的URL地址D。表單的形式2。增加表單的文字域的HTML程式碼是（ B ）<div class="base-box"></div>A。 <input type=submit></input>B。 <textarea name=”textarea“></textarea>C。 <input type=radio></input>D。 <input type=checkbox></input>3。以下關於<select>標記說法正確的是（ A D E ）A。 <select>定義的表單元素在一個下拉選單中顯示選項B。 rows和cols屬性可以定義其大小C。 <select>定義的表單元素是一個單選按鈕D。 <select>定義的表單元素透過改變其multiple屬性取值可以實現多選E。一般情況下，<select>定義的表單元素以一個下拉列表形式出現<div class="base-box"></div>4。現要設計一個可以輸入電子郵件地址的web頁，應該使用的語句是（B ）A。 <input type=radio>B。 <input type=text>C。 <input type=password>D。 <input type=checkbox>5。 <form>標記中，_____action____屬性的作用就是指出該表單所對應的處理程式的位置；______method___屬性用於指定該表單的執行方式。6。 method屬性的取值可以為_____get<div class="base-box"></div>____和___post______之一，其預設方式是__get_______。7。 <input>標記中，____name_____屬性的值是相應處理程式中的變數名；___type__屬性用於指出使用者輸入值的型別。8。 <input>標記中，type屬性有九種取值，分別是：text，submit，reset，password，checkbox，radio，image，hidden，file<div class="base-box"></div>。9。當type=text時，<input>標記除了有兩個不可預設的屬性____name_____和_____type____外，還有三個可選的屬性：___maxlength______、__size_______和_____value____。10。當type=____image_____時，瀏覽器會在相應位置產生一個影象按鈕，其中，___<div class="base-box"></div>src______屬性是必需的，它用於設定影象檔案的路徑。第十章CSS檔案的副檔名為（ C ）。A。。txt B。。htm C。。css D。。html以下的HTML中，哪個是正確引用外部樣式表的方法？（ B ）<style alt="HTML習題附答案" data-isLoading="0" src="/static/img/blank.gif" data-src=”mystyle。css“><link rel=”stylesheet“ type=”text/css“ href=”mystyle。css“><stylesheet>mystyle。css</stylesheet><div class="base-box"></div>CSS的繼承並不是完全的“克隆”，有些繼承是不起作用的，在下面的幾個屬性中，那些繼承是不起作用的（ A B D ）。A。 border B。 margin C。 font D。 padding在網頁中最常用的單位是（ C ）。A。 in B。 cm C。 px D。 pc<div class="base-box"></div>下列哪個選項的CSS語法是正確的？（ C ）body：color=black B。 {body：color=black（body}C。 body {color： black} D。 {body；color：black}下面那個語句是把段落的字型設定為黑體、18畫素、紅色字型顯示（ B ）<div class="base-box"></div>A。 p{font-family：黑體；font-size：18pc； font-color：red}B。 p{font-family：黑體；font-size：18px； font-color：#ff0000}C。 p{font：黑體 18px #00ff00}如何為所有的<h1>元素新增背景顏色？（B）<div class="base-box"></div>h1。all {background-color：#FFFFFF}h1 {background-color：#FFFFFF}all。h1 {background-color：#FFFFFF}設定text-decoration屬性的刪除線的值為（ C ）。A。 underline B。 overline C。 line-through D。 blink<div class="base-box"></div>設定字元間距為15px的語句為（ A ）。A。 letter-spacing：15px B。 line-height：15pxC。 letter-height：15px D。 line-spacing：15px如何顯示這樣一個邊框：頂邊框10畫素、底邊框5畫素、左邊框20畫素、右邊框1畫素（A）<div class="base-box"></div>border-width：10px 1px 5px 20px B。 border-width：10px 20px 5px 1pxC。 border-width：5px 20px 10px 1px D。 border-width：10px 5px 20px 1px如何產生帶有正方形的專案的列表？（ B）<div class="base-box"></div>list-type： square B。 list-style-type： squareC。 type： square D。 type： 2CSS的英文名為_____Cascading Style Sheet_______，譯成中文的意思為___層疊樣式__。<div class="base-box"></div>CSS裡四種不同的定義分別為：_直接定義標記的style屬性_、_定義內部樣式表__、_____嵌入外部樣式表_、______連結外部樣式表__。CSS的選擇符型別為_____id___________、______class_____。CSS的四種定義顏色的方法分別為：__十六進位制數___、_____<div class="base-box"></div>_RGB函式（整數）_、____利用RGB函式設定_____、_________RGB函式（百分比）__顏色名稱_。插入背景附件的屬性為______background-attachment__________。第十一章關於javascript的說法錯誤的是（ B ）。A．是一種指令碼編寫語言 B．是面向結構的<div class="base-box"></div>C．具有安全效能 D．是基於物件的可以在下列哪個HTML元素中放置javascript程式碼？（ A ）A。 <script>B。 <javascript>C。 <js>D。 <scripting>向頁面輸出“Hello World”的正確javascript語法是（ A ）。A。 document。write（”Hello World“）<div class="base-box"></div>B。 ”Hello World“C。 response。write（”Hello World“）D。（”Hello World“）引用名為“abc。js”的外部指令碼的正確語法是（ A ）。A。 <script alt="HTML習題附答案" data-isLoading="0" src="/static/img/blank.gif" data-src=”abc。js“>B。 <script href=”abc。js“>C。 <script name=”abc。js“>外部指令碼檔案中必須包含<script>標籤嗎？（ B ）是 B。否如何在警告框中寫入“Hello World”？（ C ）<div class="base-box"></div>A。 alertBox=”Hello World“B。 msgBox（”Hello World“）C。 alert（”Hello World“）D。 alertBox（”Hello World“）如何宣告一個名為myFunction的函式？（ B ）A。 function：myFunction（）<div class="base-box"></div>B。 function myFunction（）C。 function=myFunction（）如何呼叫名為myFunction的函式？（ C ）A。 call function myFunctionB。 call myFunction（）C。 myFunction（）如何編寫當i等於5時執行某些語句的條件語句？（ A ）<div class="base-box"></div>if （i==5） B。 if i=5 then C。 if i=5 D。 if i==5 then在JavaScript中，有多少種不同型別的迴圈？（ B ）兩種。for迴圈和while迴圈四種。for迴圈、while迴圈、do。。。while迴圈以及for。。。in迴圈<div class="base-box"></div>一種。for迴圈下面那個for迴圈是正確的？（ B ）A。 for （i <= 5； i++）B。 for （i = 0； i <= 5； i++）C。 for （i = 0； i <= 5）D。 for i = 1 to 5可插入多行註釋的JavaScript語法是？（ A ）/*This comment has more than one line*/<div class="base-box"></div>//This comment has more than one line//<！——This comment has more than one line——>定義JavaScript陣列的正確方法是？（ C ）var txt = new Array=”tim“，”kim“，”jim“var txt = new Array（1：”tim“，2：”kim“，3：”jim“）<div class="base-box"></div>var txt = new Array（”tim“，”kim“，”jim“）var txt = new Array：1=（”tim“）2=（”kim“）3=（”jim“）利用下標訪問一個數組時，最小下標是從（ A ）開始的。A．0 B。 1如何把7。25四捨五入為最接近的整數？（ C ）<div class="base-box"></div>A。 round（7。25）B。 rnd（7。25）C。 Math。round（7。25）D。 Math。rnd（7。25）如何求得2和4中最大的數？（ B ）A。 Math。ceil（2，4）B。 Math。max（2，4）C。 ceil（2，4）D。 top（2，4）在名為“window2”的新視窗中開啟一個連線為“<div class="base-box"></div>http：//www。me。com”的JavaScript語法是（ B ）。open。new（”http：//www。http：//me。com“，”window2“）window。open（”http：//www。http：//me。com“，”window2“）new（”http：//www<div class="base-box"></div>。http：//me。com“，”window2“）new。window（”http：//www。http：//me。com“，”window2“）如何獲得客戶端瀏覽器的名稱？（ B ）A。 client。navNameB。 navigator。appNameC。 browser。name將一個名為validate（）的函式和一個按鈕的單擊事件關聯起來的正確用法是（ B ）<div class="base-box"></div>A。 <input type=”button“ value=”驗證“ ondblclick=”validate （）“>B。 <input type=”button“ value=”驗證“ onclick=”validate （）“>C。 <input type=”button“ value=”驗證“ onkeydown=”validate （）“>指令碼語言和HTML語言有何聯絡和區別？JavaScript是解釋型的程式語言，實現了大部分的面向物件的功能。一般用來做客戶端指令碼（當然，也可以做伺服器端指令碼），巢狀在HTML頁面中，執行在瀏覽器視窗中，可以按面向物件的方式操作html頁面的物件（document，window等等），把靜態的html頁面變成支援用於互動並相應事件的動態頁面。而html則是超文字標記語言，瀏覽器會對標記自動進行分析解釋。<div class="base-box"></div></div><div class="article-bottom-base"><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8094663645581922" data-ad-slot="6062099406" data-ad-format="fluid" data-full-width-responsive="true"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div><div class="tags">標簽： <a href="/tag/7880.html" title="標記">標記</a> <a href="/tag/11718.html" title="HTML">HTML</a> <a href="/tag/11673.html" title="屬性">屬性</a> <a href="/tag/14773.html" title="____">____</a> <a href="/tag/44810.html" title="_____">_____</a> </div><div class="info-pre-next">上一篇:<a href="/photograph/1300498.html" title="套牌變造號牌用違法逃避處罰">套牌變造號牌用違法逃避處罰</a>下一篇：<a href="/photograph/1300526.html" title="暑假不補課高中能跟上嗎?">暑假不補課高中能跟上嗎?</a></div></article><div class="wz_love"><h2 class="h_title">猜你喜歡</h2><ul><li><a href="/painting/1568355.html" title="好聽的名字並不一定是好名字適合孩子的才是好名字" target="_blank"><h2>好聽的名字並不一定是好名字適合孩子的才是好名字</h2>2022-04-02</a></li><li><a href="/culture/1512923.html" title="示意倖存者的位置、數量等的國際通用標誌有何設定規範？" target="_blank"><img src="https://img.heatask.com/upload/thumbnail/3YrJjiXlV2YA1AiDkFWUNHaVahcn_qxjgrzo1G=9BstuyoY1VQLfBnOIbnV5gIrJdX35g+8k9I9CyqzeV7GfVhTCzIP3_SEf1bMcdqEiWdCcbAi71.jpeg" alt="示意倖存者的位置、數量等的國際通用標誌有何設定規範？"><h2>示意倖存者的位置、數量等的國際通用標誌有何設定規範？</h2>2022-08-22</a></li><li><a href="/history/1162459.html" title="一般過去時和現在完成時的用法及區別習題" target="_blank"><img src="https://img.heatask.com/upload/thumbnail/+8zonupd3DJaJQ7=4b+07+93Kpj1Uk5l2O96u4DC434xIyODIlUs6zakTPiysN+UiuuluWpQ_n4x4qKx46+d6c3i-.jpeg" alt="一般過去時和現在完成時的用法及區別習題"><h2>一般過去時和現在完成時的用法及區別習題</h2>2022-02-03</a></li><li><a href="/game/1149320.html" title="名師梳理丨小升初英語單選100道精選題（內附答案+解析）" target="_blank"><h2>名師梳理丨小升初英語單選100道精選題（內附答案+解析）</h2>2019-02-19</a></li><li><a href="/history/1086598.html" title="安建大建築考研經驗分享之建築學考研" target="_blank"><img src="https://img.heatask.com/upload/thumbnail/jT9-uR+TiIjBR5QHaaZw5ieBbe0XuBaxfqTn2q4p58fuuGfGzA0Ffth61yT1fsG33mFweLH148eKjwiUbA1+hJxMg5anuoOniwG_hLS0400CuTAY5.jpeg" alt="安建大建築考研經驗分享之建築學考研"><h2>安建大建築考研經驗分享之建築學考研</h2>2021-12-18</a></li></ul></div><div class="like-base"><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8094663645581922" data-ad-slot="6062099406" data-ad-format="fluid" data-full-width-responsive="true"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div></div><aside class="rbox"><div class="search-page"><div class="search_box"><form name="formsearch" method="get" target="_blank" action="/operate/search.html"><input type="text" class="input_text" name="q" placeholder="找不到想看的？搜尋看看！"/><button type="submit" class="input_submit">搜索</button></form></div></div><div class="isgood_news"><h2 class="h_title">推薦閱讀</h2><ul><li><a href="/painting/1599413.html" title="早晨起來喝一杯溫水對身體好麼？" target="_blank">1早晨起來喝一杯溫水對身體好麼？</a></li><li><a href="/game/1599183.html" title="小白如何入坑galagame，（不是作品推薦），主要是如何才能玩上它？" target="_blank">2小白如何入坑galagame，（不是作品推薦），主要是如何才能玩上它？</a></li><li><a href="/culture/1599072.html" title="王弼的老子道德經注第三章裡面的'智'和'知'各是什麼含義呢？智指的是智慧，知指的是志向或慾望嗎？" target="_blank">3王弼的老子道德經注第三章裡面的'智'和'知'各是什麼含義呢？智指的是智慧，知指的是志向或慾望嗎？</a></li><li><a href="/ent/1599065.html" title="名人傳記--福斯特·佛萊斯" target="_blank"><img src="https://img.heatask.com/upload/thumbnail/b4=+_ma-85LCdNceMo8pdOInG2y5ckb+mSf6cks2WzZIHluvaXBgbOzwb-Cwm3MfO-93ckRJCAm6Hfa5MG8xcAr=g.jpeg" alt="名人傳記--福斯特·佛萊斯">4名人傳記--福斯特·佛萊斯</a></li><li><a href="/food/1599005.html" title="請問福鼎肉片的做法？" target="_blank"><img src="https://img.heatask.com/upload/thumbnail/I5o_n_vBOI2a+IQoNMAB+mhM_yZxvZNR3gPQu6lxGJkteWnHO5XmiguRjeWQ+sy-fsnTQnw6PJIU2I8xGzNS26Xl_yEM5UOJJtmfJRchP8cs2tfQZeyVI.jpeg" alt="請問福鼎肉片的做法？">5請問福鼎肉片的做法？</a></li></ul></div><div class="isgood_news" id="side-fixed"><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8094663645581922" data-ad-slot="6062099406" data-ad-format="fluid" data-full-width-responsive="true"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div></aside></div><footer><div class="box"><ul class="footer_nav"><li><a href="/ent.html" title="娛樂">娛樂</a></li><li><a href="/history.html" title="歷史">歷史</a></li><li><a href="/culture.html" title="文化">文化</a></li><li><a href="/game.html" title="遊戲">遊戲</a></li><li><a href="/sports.html" title="體育">體育</a></li><li><a href="/collect.html" title="收藏">收藏</a></li><li><a href="/comic.html" title="動漫">動漫</a></li><li><a href="/pet.html" title="寵物">寵物</a></li><li><a href="/travel.html" title="旅遊">旅遊</a></li><li><a href="/food.html" title="美食">美食</a></li><li><a href="/poetry.html" title="詩詞">詩詞</a></li><li><a href="/quyi.html" title="曲藝">曲藝</a></li><li><a href="/painting.html" title="繪畫">繪畫</a></li><li><a href="/calligraphy.html" title="書法">書法</a></li><li><a href="/photograph.html" title="攝影">攝影</a></li><li><a href="/dance.html" title="舞蹈">舞蹈</a></li><li><a href="/agriculture.html" title="農業">農業</a></li></ul><div class="copyright">Copyright © 2022熱知網</div></div></footer><script type="text/javascript">function myReady(fn){if(document.addEventListener){document.addEventListener("DOMContentLoaded",fn,false)}else{IEContentLoaded(fn)}function IEContentLoaded(fn){var d=window.document;var done=false;var init=function(){if(!done){done=true;fn()}};(function(){try{d.documentElement.doScroll('left')}catch(e){setTimeout(arguments.callee,50);return}init()})();d.onreadystatechange=function(){if(d.readyState=='complete'){d.onreadystatechange=null;init()}}}};function addEvent(obj,type,fn){if(obj.attachEvent){obj.attachEvent("on"+type,function(){fn.call(obj)})}else{obj.addEventListener(type,fn,false)}};var clickbtn=document.getElementById("mnavh");var navbar=document.getElementById("starlist");var isopen=false;clickbtn.addEventListener("click",function(){isopen=!isopen;if(isopen){navbar.style.display="block"}else{navbar.style.display="none"}});var oBtn=document.getElementById("gotoup");var timer;addEvent(window,'scroll',function(){var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;if(scrollTop>500){oBtn.style.display="block"}else{oBtn.style.display="none"}});oBtn.onclick=function(){clearInterval(timer);var start=document.documentElement.scrollTop||document.body.scrollTop;var dis=0-start;var count=Math.floor(1000/30);var n=0;timer=setInterval(function(){n++;var a=1-n/count;var cur=start+(1-Math.pow(a,3))*dis;document.documentElement.scrollTop=document.body.scrollTop=cur;if(n==count){clearInterval(timer)}},30)};function menuFixed(id){var obj=document.getElementById(id);if(obj){var _getHeight=obj.offsetTop;addEvent(window,'scroll',function(){changePos(id,_getHeight);});}};function changePos(id,height){var obj=document.getElementById(id);var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;if(scrollTop<height){obj.style.position="relative"}else{obj.style.position="fixed"}};if(document.body.offsetWidth>941&&!/Mobile|Android|webOS|iPhone|iPad|iPod|BlackBerry|SymbianOS|Windows Phone|IEMobile|Opera Mini/i.test(navigator.userAgent)){myReady(function(){menuFixed("side-fixed")});};</script><script type="text/javascript">var node_list=[].slice.apply(document.getElementsByClassName('base-box'));var availHeight=window.screen.availHeight;function getGinfo(){let new_div_dom=document.createElement("ins");new_div_dom.setAttribute("class","adsbygoogle");new_div_dom.setAttribute("style","display:block");new_div_dom.setAttribute("data-ad-client","ca-pub-8094663645581922");new_div_dom.setAttribute("data-ad-slot","6062099406");new_div_dom.setAttribute("data-ad-format","fluid");new_div_dom.setAttribute("data-full-width-responsive",true);return new_div_dom}function getGscript(){let new_script=document.createElement('script');new_script.setAttribute("src","https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8094663645581922");new_script.setAttribute("crossorigin","anonymous");return new_script}function touchend_func(event){let scrollTop=document.documentElement.scrollTop;let min_height=scrollTop+availHeight+300;for(let i=0;i<node_list.length;i++){if(!node_list[i]){continue}if(node_list[i].offsetTop<min_height){node_list[i].appendChild(getGscript());node_list[i].appendChild(getGinfo());(adsbygoogle=window.adsbygoogle||[]).push({});delete node_list[i]}else{break}}};myReady(function(){start();let clock;window.onscroll=function(){touchend_func(event);if(clock){clearTimeout(clock)}clock=setTimeout(function(){start()},200)};function start(){let imgs=document.getElementById('content').querySelectorAll('[data-isLoading="0"]');for(let i=0;i<imgs.length;i++){if(isShow(imgs[i])){loadImg(imgs[i])}}};function isShow($node){let docBody=document.documentElement||document.body;return $node.offsetTop<=docBody.clientHeight+docBody.scrollTop+200};function loadImg($img){$img.setAttribute('src',$img.getAttribute('data-src'));$img.setAttribute('data-isLoading',1)}});if(/Mobi|Android|iPhone|iPad|iPod/i.test(navigator.userAgent)){}else{var el_top_hids=document.getElementsByClassName('top_hid');for(var i=0;i<el_top_hids.length;i++){el_top_hids[i].style.display="none";}}</script></body></html>