Explore topic-wise MCQs in Html.

This section includes 571 Mcqs, each offering curated multiple-choice questions to sharpen your Html knowledge and support exam preparation. Choose a topic below to get started.

1.

Once the email is sent, the message is broken into pieces called ____________

A. ackets
B. rocess
C. igits
D. ytes
Answer» B. rocess
Discussion
2.

____________ is known as father of World Wide Web.

A. obert Cailliau
B. im Thompson
C. harles Darwin
D. im Berners-Lee
Answer» E.
Discussion
3.

_________ is the incoming e-mail server.

A. OP
B. MTP
C. MIP
D. PP
Answer» B. MTP
Discussion
4.

HTML document is saved using _______ extension.

A. htl
B. html
C. hml
D. htnl
Answer» C. hml
Discussion
5.

HTML tags are used to describe document _______

A. efinition
B. anguage
C. ontent
D. one of these
Answer» D. one of these
Discussion
6.

Which attribute is used to name an element uniquely ?

A. lass
B. d
C. ot
D. ll of the above
Answer» C. ot
Discussion
7.

Why should you specify a background color if you are using an image for the actual background of your page ?

A. o the text shows up better
B. n case the image doesn’t fit right
C. he background color will be shown until the image loads
D. one of the above
Answer» D. one of the above
Discussion
8.

The background image will scroll when the user scrolls down the page, you add which property to the tag ?

A. gproperties = “fixed”
B. gproperties = “move”
C. gproperties = “holdstill”
D. one of the above
Answer» D. one of the above
Discussion
9.

To set the color for table borders, use ________

A. gcolor=#003300
B. gimage=#003300
C. ordercolor=#003300
D. ablecolor=#003300
Answer» D. ablecolor=#003300
Discussion
10.

The default value of BORDER attribute is

A. pixel
B. pixel
C. pixel
D. one of the above
Answer» B. pixel
Discussion
11.

How many characters can be written with 1 kilobyte ?

A. 000
B. 024
C. 048
D. one of the above
Answer» C. 048
Discussion
12.

The attribute used to create the actual section within the current HTML document is

A. INK
B. ERF
C. ASE
D. AME
Answer» E.
Discussion
13.

The attribute that defines the relationship between the current document and the HREF’ed URL is

A. RL
B. EV
C. EL
D. RE
Answer» C. EL
Discussion
14.

Defining clickable sub-areas on an image is called

A. mage linking
B. ultiple mapping
C. mage mapping
D. one of the above
Answer» D. one of the above
Discussion
15.

All normal webpages consists of

A. op and bottom
B. ody and frameset
C. ead and body
D. one of the above
Answer» D. one of the above
Discussion
16.

When is the content of a table shown ?

A. efore the border loads
B. fter the table is loaded
C. n pieces as it loads
D. one of the above
Answer» C. n pieces as it loads
Discussion
17.

In HTML, tags that include both on and off tag are called

A. omment tag
B. ocument tag
C. ontainer tag
D. one of the above
Answer» D. one of the above
Discussion
18.

Adding a border to your image helps the visitor to recognize it as what ?

A. frame
B. link
C. picture
D. one of the above
Answer» C. picture
Discussion
19.

What does the
tag add to your webpage ?

A. ong break
B. aragraph break
C. ine break
D. one of the above
Answer» D. one of the above
Discussion
20.

To add a plain color background to your web page, use which of the following ?1. 2. 3.

A. ption 1
B. ption 2
C. ption 3
D. ll of the above
Answer» D. ll of the above
Discussion
21.

andare the tags used for

A. dding image
B. ligning text
C. udio-voiced text
D. dding links to your page
Answer» E.
Discussion
22.

ALL HTML tags are enclosed in what ?

A. and #
B. and !
C. and >
D. and }
Answer» D. and }
Discussion
23.

Which of the following is the attribute that is used to add a name/value pair to a microdata item?

A. temscope
B. temref
C. temprop
D. temid
Answer» D. temid
Discussion
24.

Which of the following is the attribute that is used to set a global identifier for a microdata item?

A. ey
B. d
C. temclass
D. temid
Answer» E.
Discussion
25.

The accesskey attribute specifies a keyboard navigation accelerator for the element.

A. rue
B. alse
Answer» B. alse
Discussion
26.

Which of the following is the attribute that specifies additional horizontal space, in pixels, to be reserved on either side of an embedded item like an iframe, applet, image, and so on?

A. eight
B. space
C. idefocus
D. atasrc
Answer» C. idefocus
Discussion
27.

Which of the following is the attribute that indicates the name of the data source object that supplies the data that is bound to this element?

A. ataFormatAs
B. atafld
C. isabled
D. atasrc
Answer» E.
Discussion
28.

Which of the following is the attribute that specifies the column name from the data source object that supplies the bound data?

A. ataFormatAs
B. atafld
C. isabled
D. atasrc
Answer» C. isabled
Discussion
29.

The __________ attribute sets the text direction as related to the lang attribute.

A. ang
B. ub
C. ir
D. s
Answer» D. s
Discussion
30.

Which attribute is used to provide an advisory text about an element or its contents.

A. ooltip
B. ir
C. itle
D. one of the mentioned
Answer» D. one of the mentioned
Discussion
31.

XML is a markup language where documents must be marked up correctly.

A. rue
B. alse
Answer» B. alse
Discussion
32.

Which of the following encoding an XML parser assumes ?

A. TF-8
B. TF-16
C. TF-32
D. oth a and b
Answer» E.
Discussion
33.

According to the rules of XML and XHTML, all elements must be closed either with an end tag or by self-closing with a space, slash, and a right-pointing angle bracket

A. rue
B. alse
Answer» B. alse
Discussion
34.

What does vlink mean?

A. ctive link
B. isible link
C. isited link
D. one of the above
Answer» D. one of the above
Discussion
35.

To change the size of an image in HTML, use

A. liers
B. igger and smaller
C. op and bottom
D. eight and width
Answer» E.
Discussion
36.

The attribute used choose the type of font in HTML is ?

A. haracter
B. ace
C. ext-type
D. ll of the above
Answer» C. ext-type
Discussion
37.

The MIME text file is saved with.

A. SS extension
B. TML extension
C. MT extension
D. one of the above
Answer» C. MT extension
Discussion
38.

Which one is the correct e-mail link ?1. 2. [email protected]3. 4.

A. ption 1
B. ption 2
C. ption 3
D. ption 4
Answer» B. ption 2
Discussion
39.

Why should you add alternative text to your images ?

A. o the user can save the image using the text as a name
B. o the users can get an idea of what the image is before
C. n case the user wishes to load a different picture
D. ll of the above
Answer» C. n case the user wishes to load a different picture
Discussion
40.

The tag makes text ?

A. nline
B. nderline
C. talic
D. one of the above
Answer» D. one of the above
Discussion
41.

The HTML tags are all

A. n lower case
B. n upper case
C. ase sensitive
D. ot case sensitive
Answer» E.
Discussion
tag ?
42.

What will be the added by using

and
A. ows
B. teps
C. ell
D. olumns
Answer» E.
Discussion
43.

The
tag is used for

A. orizontal ruler
B. ew line text
C. ew pargraph
D. ertical ruler
Answer» B. ew line text
Discussion
44.

If you create an HTML page in word processor.

A. ave it with binary file
B. ave it with WMF file
C. ave it with ASCII text file
D. ll of the above
Answer» D. ll of the above
Discussion
45.

Which of the following will NOT be found in the section ?1. 2. 3. </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <td class="py-2 pl-4">A.</td> <td class="py-2">ption 1</td> </tr> <tr class="dark:text-gray-300"> <td class="py-2 pl-4">B.</td> <td class="py-2">ption 2</td> </tr> <tr class="dark:text-gray-300"> <td class="py-2 pl-4">C.</td> <td class="py-2">ption 3</td> </tr> <tr class="dark:text-gray-300"> <td class="py-2 pl-4">D.</td> <td class="py-2">one of the above</td> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» B. ption 2 </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://mcqoptions.com/discussion/which-of-the-following-will-not-be-found-2076737" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 46. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Any target specified in the BASE element can be overridden on a case-by-case basis by specifying a different target in different forms </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <td class="py-2 pl-4">A.</td> <td class="py-2">nchor</td> </tr> <tr class="dark:text-gray-300"> <td class="py-2 pl-4">B.</td> <td class="py-2">magemap</td> </tr> <tr class="dark:text-gray-300"> <td class="py-2 pl-4">C.</td> <td class="py-2">ink</td> </tr> <tr class="dark:text-gray-300"> <td class="py-2 pl-4">D.</td> <td class="py-2">ll of the above</td> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» E. </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://mcqoptions.com/discussion/any-target-specified-in-the-base-element-can-2076735" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 47. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Gif and jpg are the two main types of what ? </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <td class="py-2 pl-4">A.</td> <td class="py-2">nimated effects</td> </tr> <tr class="dark:text-gray-300"> <td class="py-2 pl-4">B.</td> <td class="py-2">ideos</td> </tr> <tr class="dark:text-gray-300"> <td class="py-2 pl-4">C.</td> <td class="py-2">mages</td> </tr> <tr class="dark:text-gray-300"> <td class="py-2 pl-4">D.</td> <td class="py-2">one of the above</td> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» D. one of the above </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://mcqoptions.com/discussion/gif-and-jpg-are-the-two-main-types-2076733" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 48. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> Which colors consist of equal amounts of all basic colors ? </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <td class="py-2 pl-4">A.</td> <td class="py-2">hite, Blue and Gray</td> </tr> <tr class="dark:text-gray-300"> <td class="py-2 pl-4">B.</td> <td class="py-2">hite, Black and Gray</td> </tr> <tr class="dark:text-gray-300"> <td class="py-2 pl-4">C.</td> <td class="py-2">urple, Green and Blue</td> </tr> <tr class="dark:text-gray-300"> <td class="py-2 pl-4">D.</td> <td class="py-2">one of the above</td> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» C. urple, Green and Blue </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://mcqoptions.com/discussion/which-colors-consist-of-equal-amounts-of-all-2076731" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 49. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> A much better approach to establish the base URL is to use the _________ element. </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <td class="py-2 pl-4">A.</td> <td class="py-2">EAD</td> </tr> <tr class="dark:text-gray-300"> <td class="py-2 pl-4">B.</td> <td class="py-2">ODY</td> </tr> <tr class="dark:text-gray-300"> <td class="py-2 pl-4">C.</td> <td class="py-2">ASE</td> </tr> <tr class="dark:text-gray-300"> <td class="py-2 pl-4">D.</td> <td class="py-2">one of the above</td> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» D. one of the above </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://mcqoptions.com/discussion/a-much-better-approach-to-establish-the-base-2076729" target="_blank"> <span>Discussion</span> </a> </div> </div> <div class="relative my-4 border border-gray-400 rounded-lg dark:border-none mcq_item"> <table class="w-full mcq_table"> <thead class="py-2 bg-gray-100 border-b border-gray-300 dark:bg-gray-900 dark:border-gray-700 font-semibold"> <tr> <td class="rounded-tl-lg w-[36px] pl-3 pt-2.5 align-top dark:text-gray-200"> 50. </td> <td class="py-2 rounded-tr-lg"> <h2 class="text-lg dark:text-gray-300"> How can you open a link in a new browser window ?1. 2. 3. </h2> </td> </tr> </thead> <tbody class="border-b border-gray-300 bg-gray-50 dark:bg-gray-900 dark:border-gray-700"> <tr class="dark:text-gray-300"> <td class="py-2 pl-4">A.</td> <td class="py-2">ption 1</td> </tr> <tr class="dark:text-gray-300"> <td class="py-2 pl-4">B.</td> <td class="py-2">ption 2</td> </tr> <tr class="dark:text-gray-300"> <td class="py-2 pl-4">C.</td> <td class="py-2">ption 3</td> </tr> <tr class="dark:text-gray-300"> <td class="py-2 pl-4">D.</td> <td class="py-2">one of the above</td> </tr> </tbody> <tfoot class="bg-[#eafeea] dark:bg-gray-900 mcq_answer"> <tr> <td colspan="2" class="pt-2 pl-3 dark:text-gray-200"> Answer» B. ption 2 </td> </tr> </tfoot> <tfoot class="bg-gray-100 dark:bg-gray-900 mcq_show_btn hidden"> <tr> <td colspan="2" class="p-2"> <button class="show_individual px-2 py-1 text-sm border border-violet-500 rounded text-violet-600 hover:bg-violet-100"> Show Answer </button> </td> </tr> </tfoot> </table> <div class="bg-[#eafeea] px-3 pb-1 rounded-b-lg flex justify-end items-center gap-3 text-slate-600 ans_footer dark:bg-gray-900"> <a class="dark:text-gray-300" href="https://mcqoptions.com/discussion/how-can-you-open-a-link-in-a-2076727" target="_blank"> <span>Discussion</span> </a> </div> </div> <div id="mcq-pagination" class="flex md:flex-row-reverse md:justify-start flex-wrap gap-5 justify-end items-center my-6"> <nav class="relative z-0 inline-flex flex-wrap -space-x-px rounded-md shadow-md"> <span class="relative inline-flex items-center rounded-l-md p-2 text-gray-400 cursor-not-allowed">‹</span> <span class="relative inline-flex items-center border border-primary-300 px-4 py-2 text-gray-700 font-bold"> 1 </span> <a href="https://mcqoptions.com/topic/basic-html-in-html-12362?page=2" class="relative inline-flex items-center px-4 py-2 text-gray-500 hover:bg-gray-200"> 2 </a> <a href="https://mcqoptions.com/topic/basic-html-in-html-12362?page=3" class="relative inline-flex items-center px-4 py-2 text-gray-500 hover:bg-gray-200"> 3 </a> <span class="px-2">…</span> <a href="https://mcqoptions.com/topic/basic-html-in-html-12362?page=12" class="px-4 py-2 text-gray-500 hover:bg-gray-200">12</a> <a href="https://mcqoptions.com/topic/basic-html-in-html-12362?page=2" class="relative inline-flex items-center rounded-r-md p-2 text-gray-600 hover:bg-gray-200">›</a> </nav> </div> </div> </main> <aside class="py-4 md:w-1/3 lg:w-1/4"> <div class="relative p-2 mb-12 text-lg border border-gray-200 rounded-lg dark:bg-gray-900 dark:border-none"> <div class="flex items-center gap-2 px-2 mb-2 -ml-2 text-xl font-semibold border-l-4 rounded-sm dark:text-gray-100 border-primary-600"> <span>Related Topics</span> </div> <div class="flex flex-col gap-2 px-2"> <a href="https://mcqoptions.com/topic/elements-attributes-support-web-applications-in-html-3135" class="text-gray-600 dark:text-gray-300 "> Elements Attributes Support Web Applications in Html </a> <hr class="dark:border-gray-600/50"> <a href="https://mcqoptions.com/topic/html5-semantics-youtube-videos-in-html-3167" class="text-gray-600 dark:text-gray-300 "> Html5 Semantics Youtube Videos in Html </a> <hr class="dark:border-gray-600/50"> <a href="https://mcqoptions.com/topic/responsive-overview-in-html-3288" class="text-gray-600 dark:text-gray-300 "> Responsive Overview in Html </a> <hr class="dark:border-gray-600/50"> <a href="https://mcqoptions.com/topic/html-geolocation-in-html-4366" class="text-gray-600 dark:text-gray-300 "> Html Geolocation in Html </a> <hr class="dark:border-gray-600/50"> <a href="https://mcqoptions.com/topic/optimization-images-in-html-4533" class="text-gray-600 dark:text-gray-300 "> Optimization Images in Html </a> <hr class="dark:border-gray-600/50"> <a href="https://mcqoptions.com/topic/essential-javascript-jquery-in-html-4551" class="text-gray-600 dark:text-gray-300 "> Essential Javascript Jquery in Html </a> <hr class="dark:border-gray-600/50"> <a href="https://mcqoptions.com/topic/html5-semantics-in-html-4610" class="text-gray-600 dark:text-gray-300 "> Html5 Semantics in Html </a> <hr class="dark:border-gray-600/50"> <a href="https://mcqoptions.com/topic/web-storage-in-html-4742" class="text-gray-600 dark:text-gray-300 "> Web Storage in Html </a> <hr class="dark:border-gray-600/50"> <a href="https://mcqoptions.com/topic/drag-drop-in-html-5178" class="text-gray-600 dark:text-gray-300 "> Drag Drop in Html </a> <hr class="dark:border-gray-600/50"> <a href="https://mcqoptions.com/topic/html5-document-structure-changes-in-html-5454" class="text-gray-600 dark:text-gray-300 "> Html5 Document Structure Changes in Html </a> <hr class="dark:border-gray-600/50"> </div> </div> <div class="relative p-2 mb-12 text-lg border border-gray-200 rounded-lg dark:bg-gray-900 dark:border-none"> <div class="flex items-center gap-2 px-2 mb-2 -ml-2 text-xl font-semibold border-l-4 rounded-sm dark:text-gray-100 border-primary-600"> <span>Related Subject</span> </div> <div class="flex flex-col gap-2 px-2"> <a href="https://mcqoptions.com/subject/testing-subject-17" class="text-gray-600 dark:text-gray-300 "> Testing Subject </a> <hr class="dark:border-gray-600/50"> <a href="https://mcqoptions.com/subject/vcareall-solution-pvt.-ltd-29" class="text-gray-600 dark:text-gray-300 "> VcareAll Solution Pvt. Ltd </a> <hr class="dark:border-gray-600/50"> <a href="https://mcqoptions.com/subject/general-aptitude-32" class="text-gray-600 dark:text-gray-300 "> General Aptitude </a> <hr class="dark:border-gray-600/50"> <a href="https://mcqoptions.com/subject/logical-and-verbal-reasoning-33" class="text-gray-600 dark:text-gray-300 "> Logical and Verbal Reasoning </a> <hr class="dark:border-gray-600/50"> <a href="https://mcqoptions.com/subject/non-verbal-reasoning-34" class="text-gray-600 dark:text-gray-300 "> Non-Verbal Reasoning </a> <hr class="dark:border-gray-600/50"> </div> </div> <fieldset class=" text-lg border-2 border-gray-300 rounded-lg p-2 mb-4 dark:border-gray-600" id="recent_visits_container"> <legend class="px-2 text-xl font-semibold dark:text-gray-300"> Recent Visits </legend> <div class="flex flex-col gap-2 px-2 text-md font-serif" id="links_container"> <a href="https://mcqoptions.com/subject/non-verbal-reasoning-34" class="text-gray-600 dark:text-gray-300 "> </a> <hr class="dark:border-gray-600/50"> </div> </fieldset> </aside> </div> <footer class="px-3 border-t-2 lg:px-9 bg-gray-50 dark:bg-black dark:text-gray-300 dark:border-gray-700"> <div class="flex flex-col-reverse items-md-center items-center justify-between gap-2 py-5 text-sm lg:flex-row"> <p> © Copyright 2025 McqOptions. All rights reserved. </p> <ul class="flex items-md-center items-center gap-2 mb-4 text-sm sm:flex-row md:mb-0"> <li class="md:border-r-2 dark:border-gray-700 md:pr-2"> <a href="https://mcqoptions.com/terms-condition"> Terms & Conditions </a> </li> <li class="md:border-r-2 dark:border-gray-700 md:pr-2"> <a href="https://mcqoptions.com/privacy-policy"> Privacy Policy </a> </li> <li class="dark:border-gray-700 md:pr-2"> <a href="https://mcqoptions.com/disclaimer"> Disclaimer </a> </li> </ul> <p>Support: <a href="javascript:;" title="send email">admin@mcqoptions.com</a> </p> </div> </footer> <link rel="modulepreload" href="https://mcqoptions.com/assets/build/assets/app-BO9Klyof.js" /> <script type="module" src="https://mcqoptions.com/assets/build/assets/app-BO9Klyof.js" data-navigate-track="reload"></script> <script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js"></script> <script src="https://mcqoptions.com/assets/build/assets/script.js"></script> <script> particlesJS.load('particles-js', "https://mcqoptions.com/assets/build/assets/particlesjs-config.json", function() { console.log('callback - particles.js config loaded'); }); </script> <script> document.addEventListener("DOMContentLoaded", function () { let visits = JSON.parse(localStorage.getItem("recent_visits")) || []; // get current page details let currentUrl = window.location.href; let currentTitle = document.title; // or set manually if you prefer // check if already exists (avoid duplicates) visits = visits.filter(item => item.url !== currentUrl); // add to beginning visits.unshift({ url: currentUrl, title: currentTitle }); // keep only 10 latest if (visits.length > 10) { visits = visits.slice(0, 10); } // save back localStorage.setItem("recent_visits", JSON.stringify(visits)); // render renderVisits(); function renderVisits() { let container = document.getElementById("links_container"); container.innerHTML = ""; if (visits.length === 0) { container.innerHTML = `<p class="text-gray-500 dark:text-gray-400">No recent visits</p>`; return; } visits.forEach(item => { let a = document.createElement("a"); a.href = item.url; a.textContent = item.title; a.className = "text-gray-600 dark:text-gray-300 hover:underline"; let hr = document.createElement("hr"); hr.className = "dark:border-gray-600/50"; container.appendChild(a); container.appendChild(hr); }); } }); </script> <!-- jQuery 3.7.1 (latest stable) --> <script> document.addEventListener("DOMContentLoaded", function () { const toggleBtn = document.getElementById("toggle_answers"); const mcqItems = document.querySelectorAll(".mcq_item"); toggleBtn.addEventListener("click", function () { const isHidden = this.getAttribute("data-is_hidden") === "yes"; mcqItems.forEach(item => { const answer = item.querySelector(".mcq_answer"); const showBtn = item.querySelector(".mcq_show_btn"); if (!isHidden) { // hide all answer.classList.add("hidden"); showBtn.classList.remove("hidden"); } else { // show all answer.classList.remove("hidden"); showBtn.classList.add("hidden"); } }); this.innerText = isHidden ? "Hide answers" : "Show answers"; this.setAttribute("data-is_hidden", isHidden ? "no" : "yes"); }); // individual show document.querySelectorAll(".show_individual").forEach(btn => { btn.addEventListener("click", function () { const parent = this.closest(".mcq_item"); parent.querySelector(".mcq_answer").classList.remove("hidden"); parent.querySelector(".mcq_show_btn").classList.add("hidden"); }); }); }); </script> <script> document.addEventListener('click', function(e) { const link = e.target.closest('#mcq-pagination a'); if (link) { e.preventDefault(); let url = link.getAttribute('href'); if (!url) return; fetch(url, { headers: { "X-Requested-With": "XMLHttpRequest" } }) .then(res => res.text()) .then(html => { document.querySelector('#mcq-container').innerHTML = html; }) .catch(err => console.error(err)); } }); </script> </body> </html>