HTML MCQ with answers and explanations for placement tests and job interviews. These solved HTML MCQs are useful for the campus placement for all freshers including Engineering Students, MCA students, Computer and IT Engineers, etc.

Our HTML MCQ (HTML Multiple Choice Questions ) focuses on various parts of the HTML (HyperText Markup Language) and its concept. It will be useful for anyone learning HTML Basics, Essentials, and/or Fundamentals. We will regularly update the quiz and most interesting thing is that questions come in a random sequence. So every time you will feel new questions.

If you want to learn HTML in detail you can follow these courses created by industry experts, Trial of some courses is free.

Guideline of HTML MCQ:

This HTML MCQ is intended for checking your HTML programming knowledge. It takes 1 hour to pass the HTML MCQ. If you don’t finish the HTML MCQ within the mentioned time, all the unanswered questions will count as wrong. You can miss the questions by clicking the “Next” button and return to the previous questions by the “Previous” button. Every unanswered question will count as wrong. MCQ on HTML has features of randomization which feel you a new question set at every attempt.

In this HTML Quiz, we have also implemented a feature that not allowed the user to see the next question or finish the HTML quiz without attempting the current HTML MCQ.

2 votes, 2.5 avg

You have 1 hours to take the HTML MCQs

Your time has been Over.

HTML MCQ

HTML MCQ: HTML Multiple Choice Questions and Answers

1 / 57

What does this code do?

<audio controls>
  <source src="sound.mp3" type="audio/mpeg" />
  <source src="sound.ogg" type="audio/ogg" />
  <source src="sound.wav" type="audio/wav" />
</audio>

The browser chooses the first supported format to play with the browser's default controls.

The browser chooses the best audio format to play with JavaScript-provided controls.

The browser plays each sound file in order automatically. The user has controls to stop playback.

The browser chooses the first supported sound file and will loop the sound until the user stops it.

2 / 57

Which statement is false?

Inline elements can be nested inside inline elements.

Block elements can be nested inside block elements.

Inline elements can be nested inside block elements.

Block elements can be nested inside inline elements.

3 / 57

In HTML5, which tag or tags embed a webpage inside of a webpage?

<frame>

4 / 57

Which image formats can be displayed by all web browsers?

JPG, GIF, TIF

JPG, TIF, BMP

TIF, BMP, GIF

PNG, GIF, JPG

5 / 57

Which three tags where deprecated in HTML4 but returned to HTML5?

6 / 57

What is NOT a valid attribute for the <textarea> element?

readonly

max

form

spellcheck

7 / 57

What is the purpose of the <samp> element?

It connects the web browser to a SA-MP server.

It identifies enclosed text as a sampler or an example.

It identifies sample output from a computer program.

It uses a simple application messaging protocol to connect the browser to a texting device.

8 / 57

In the code below, what is the purpose of the lang attribute?

<p lang="en-GB">Welcome to our wonderful website.</p>

It establishes the language for the website—in this case, English.

It establishes the language and dialect for the website—in this case, British English.

It establishes the language and dialect for the paragraph—in this case, British English.

It establishes the language for the paragraph—in this case, English.

9 / 57

Where do header and footer tags typically occur in HTML?

as children of <body>, <article>, <aside>, and <section> tags

as children of <body>, <article>, and <section> tags

as children of <body>, <article>, <aside>, <nav>, and <section> tags

as children of <body>, <article>, <table>, and <section> tags

10 / 57

The "value" attribute is associated with which set of tags?

11 / 57

With which tags is the element associated?

It is interchangeable with the src attribute, so any element which uses src may use <source>

12 / 57

What does the code shown below accomplish?

<picture>
  <source srcset="image1.jpg" media="(min-width: 1000px)" />
  <source srcset="image2.jpg" media="(min-width: 750px)" />
  <img src="image3.jpg" />
</picture>

It displays image1.jpg at 1000px and higher, image2.jpg at 750-999px, and image3.jpg at 749px and lower.

It displays image1.jps at 1000px and higher and image2.jpg at 750-999px, image3.jpg is a default in case <picture> is not supported.

It displays image1.jpg at 1000px and higher and image2.jpg at 750px and higher, image3.jpg is a default in case <picture> is not supported.

It displays image1.jpg, image2.jpg and image3.jpg at 1000px and higher.

13 / 57

Review the code below. What is the absolute URL for a page called page.html?

<base href="http://www.linkedin.com/dir/" />

http://www.linkedin.com/dir/page.html

page.html

http://www.linkedin.com/page.html

dir/page.html

14 / 57

You want to have single spacing in between some lines, like in a poem or an address. Which approach should you use?

Wrap the text in a box that is the right width so everything wraps correctly. Set the box width with CSS.

Separate lines with a <p>, then use CSS to make single spacing.

Use the <pre> tag to make the line spacing look exactly like you want.

Separate the lines with the <br> tag.

15 / 57

In the code below, what is the purpose of the id attribute?

<p id="warning">Be careful when installing this product.</p>

It establishes that id is a unique identifier in the document, used for styling CSS, scripting, and linking within a webpage.

It establishes that id is a unique identifier in the document, used for styling CSS and with Javascript code.

It establishes that id may be used for styling CSS several times per page.

It establishes that id is a unique identifier in the website, used for styling CSS, scripting, and linking within a webpage.

16 / 57

How do you confirm that a document is written in HTML5?

The server wraps the webpage in an HTML5 wrapper.

Use the <!DOCTYPE html> declaration that starts the document.

The browser receives encoding from the server to display the document with HTML5.

It is enclosed in a <html> tag.

17 / 57

Which choice is NOT a legal value for the name attribute within a <meta> tag?

charset

viewport

generator

author

18 / 57

What does this code?

<audio autoplay loop src="sound.mp3" type="audio/mpeg"></audio>

When the play button is pressed, the browser plays the sounds over and over again until the user stops it.

The browser plays the sound once automatically in the background. The user has no control over the sound.

The browser plays the sound automatically and continuously in the background. The user may stop the sound at any tune.

The browser plays the sound automatically and continuously in the background. The user has no control over the sound.

19 / 57

What is the best semantic to use Quotes in HTML?

Steve Kruz Said: "He will Win"

<q>

<quote>

20 / 57

What is the best way to apply bold styling to text?

Use CSS.

<bold>

<b>

21 / 57

Which choice uses the correct terminology in describing this markup:

info

The element opener is <p>, the element closer is </p>, and the element information is info.

The start tag is <p>, the end tag is </p>, and the enclosed HTML is info.

The start tag is <p>, the end tag is </p>, and the element content is info.

The start element is <p>, the end element is </p>, and the tag content is info.

22 / 57

What is the difference between the

and tags?

<div> is used where a generic block-level tag is needed, while <span> is used where a generic inline tag is needed.

<div> is used for major divisions on a page, while <span> is used to span across columns.

<div> is the industry-standard default tag, but you could use <span> if you prefer.

<div> is used where a generic inline tag is needed, while <span> is used where a generic block-level tag is needed.

23 / 57

What is the difference between the <head> and <header> tags?

There is only one <head> tag per page, while there may be many <header> tags.

The <head> tag may contain CSS and Javascript links, while the <header> tag may contain headings and navigational links.

all of these answers

The <head> tag contains meta information, while the <header> tag contains navigation, logos, and other page identifying content.

24 / 57

What is the best semantic way to indicate that text refers to keyboard entry?

<p>Press the <tt>Enter</tt> key to proceed.</p>

<p>Press the <kbd>Enter</kbd> key to proceed.</p>

<p>Press the <samp>Enter</samp> key to proceed.</p>

<p>Press the Enter key to proceed.</p>

25 / 57

What attribute applies a keyboard shortcut hint to the current element?

accesskey

shortcut

keyboard

access

26 / 57

What does the <label> tag do?

It labels webpages with important information.

It visually associates a text label with an interface element.

It visually labels from fields.

It programmatically associates a text label with an interface element.

27 / 57

Which tag is the root element of an HTML document?

<html>

<body>

<root>

28 / 57

What are the best examples of void elements?

29 / 57

What is the difference between the post and get methods in a form?

post is used for sending information to the server. get is used for retrieving form information from the server.

get is used for sending information to the server. post is used for retrieving form information from the server.

With get, data is included in the form body when send to the server. With post, the data goes through the URL.

With post, data is included in the form body when send to the server. With get, the data goes through the URL.

30 / 57

In this code, what is the purpose of defer?

<script defer src="myscript.js"></script>

It downloads the script from the server when resources allow.

It runs the script after HTML parsing is complete.

It runs the script when the script is ready.

It pauses the parsing of HTML code while the script runs.

31 / 57

Which choice contains three valid block-level elements?

32 / 57

The **\_\_** tag is used for marking up a short code snippet, while the **\_\_** tag is used for marking up a longer block of code.

33 / 57

What is the semantic meaning of the <hr> tag?

It draws a horizontal line.

This tag is deprecated and should not be used.

It designates a separation of sections within an <article>.

It designates a topic shift within a section at the paragraph level.

34 / 57

When should you use the <aside> element?

when the content can be removed without detracting from the page's message

for anything you want to move to the side, like a pull quote box, a sidebar, or an image with text wrapping around it

for anything in parentheses

for anything in a sidebar

35 / 57

What should fill the blank in this HTML code?

<a href="https://es.yahoo.com/" hreflang="____" target="_blank">Visita Yahoo</a>

es-spanish

es-es

spanish

36 / 57

What should fill the blank in the HTML code bellow?

<form method="post" action="mailto:info@linkedin.com" ____="text/plain" >

enctype

media

type

rel

37 / 57

What is the primary purpose of the canvas tag?

It allows raster images to be rendered on the webpage.

It displays annotated images.

It allows drawing on a bitmap via JavaScript.

It allows vector images to be rendered on the webpage.

38 / 57

When is the tag used?

when linking style sheets, JavaScript, and icons for mobile apps

when linking style sheets, favicons, and preloading assets

when linking style sheets and favicons

when linking style sheets, external URLs, and favicons

39 / 57

What is the difference between and ?

There is no difference. Both will render a button that submits a form.

Both will submit a form. However, the <button> can have content other than text, like an image or nested HTML elements, while the <input> cannot.

<input type="button"> has been deprecated in HTML5. You should use the <button> tag instead.

Both will submit a form. However, the <input> can have content other than text, like an image or nested HTML elements, while the <button> cannot.

40 / 57

What is the <hr>tag typically used for?

This tag is depreciated and should not be used.

It designates a topic shift within a section at the paragraph level.

It draws a horizontal line.

It designates a shift of topic at the section level.

41 / 57

What is the purpose of async in this code?

<script async src="myscript.js"></script>

It downloads the script from the server when resources allow.

It runs the script after HTML parsing is complete.

It runs the script when the script is ready.

It pauses the parsing of HTML code while the script runs.

42 / 57

What is the correct way to include a stylesheet named style.css in theof your document?

43 / 57

How will a video look displayed on a fully loaded webpage if the <video> tag is used and the autoplay attribute is not set?

It will display a random frame from a video, unless the poster attribute is set.

It will display the first frame of the video, unless the poster attribute is set.

It will display nothing unless the poster attribute is set.

It will display a black window unless the poster attribute is set.

44 / 57

What is the correct way to code a comment in HTML?

//this is a comment

/* this is a comment */

<! this is a comment ->

45 / 57

When should you use

Use <ul> when you want a bulleted list and <ol> when you want a numbered list.

Use <ul> when you have a list of items in which the order of the items matters. Use <ol> when you have a list of items that could go in any order.

Use <ol> when you want a bulleted list and <ul> when you want a numbered list.

Use <ol> when you have a list of items in which the order of the items matters. Use <ul> when you have a list of items that could go in any order.

46 / 57

What is the correct way to describe an empty element?

It has opening and closing tags but no child content.

It display nothing on a website.

It has no child content and no closing tag.

It has child content but no closing tag.

47 / 57

What should fill the two blanks in the HTML code below?

Nadia's Garden

4.5 stars - based on 120 reviews

itemprop="aggregateRating" itemref="http://schema.org/AggregateRating"

itemprop="aggregateRating" itemtype="http://schema.org/AggregateRating"

itemid="aggregateRating" itemtype="http://schema.org/AggregateRating"

itemid="aggregateRating" itemref="http://schema.org/AggregateRating"

48 / 57

What does this code do?

<audio controls src="sound.mp3" type="audio/mpeg">When does this text display?</audio>

The text displays over the audio controls, unless CSS is used to position it elsewhere.

The text displays under the audio controls.

The text displays when the browser cannot play the sound.

The text never displays.

49 / 57

What should fill the blank below?

<link href="phone.css" rel="stylesheet" _____="print" />

title

type

device

media

50 / 57

What is the correct way to code a link that, when clicked, will send an email to email@example.com with a subject of "Hello"?

<a href="mailto:email@example.com&subject=Hello">Click me</a>

<a href="mailto:email@example.com">Hello</a>

<a href="mailto:email@example.com?subject=Hello">Click me</a>

<a href="mailto:email@example.com?&subject=Hello">Click me</a>

51 / 57

What does the <wbr> tag do?

It requires the browser to wrap the current line at that point.

It breaks a word into two pieces, using a hyphen to connect the words.

It formats a sentence to be easily breakable.

It presents an opportunity for a break in a very long word, if needed for proper page display.

52 / 57

What does the poster attribute do in the <video> tag?

It specifies an image that should display while the video downloads and until the video is played.

It specifies an image that only displays if there is a problem with the video.

It specifies an image that should display until the video is played.

It specifies an image that should display while the video downloads.

53 / 57

What should fill the two blanks in the HTML code below?

6410 Via Real
Carpinteria, CA 93013

itemscope itemtype="http://schema.org/PostalAddress"

itemsref="http://schema.org/PostalAddress" itemid="address"

itemscope itemref="http://schema.org/PostalAddress"

itemid="address" itemtype="http://schema.org/PostalAddress"

54 / 57

What is the purpose of the <track> tag, and when should it be used?

The <track> tag is used for specifying subtitles. It is typically applied as a child of the <audio> and <video> tags.

The <track> tag is used for specifying subtitles. It is typically applied as a child of the <video> tag.

The <track> tag is used for specifying subtitles, captions, and other types of time-based text. It is typically applied as a child of the <video> tag.

The <track> tag is used for specifying subtitles, captions, and other types of time-based text. It is typically applied as a child of the <audio> and <video> tag.

55 / 57

With which tags is the element associated?

It is interchangeable with the src attribute, so any element which uses src may use <source>

56 / 57

What is the root element of an HTML document?

<!DOCTYPE html>

<html>

<root>

<body>

57 / 57

To get a link to open in a new window or tab, use the **\_\_** attribute.a

_blank

_self

_new

_parent

Your score is

The average score is 0%