HTML Basic Structure and Elements - Mock Test

Question 1 of 20

A developer uses the following code in an HTML document:

01 <html>
02 <head>
03 <meta charset='UTF-8'>
04 <title>My Page</title>
05 </head>
06 <body>
07 <p>This is a paragraph.</p>
08 <script>console.log('Test');</script>
09 </body>
10 </html>

What will happen when the page loads?

Choose 1 answer

A. The page will display 'Test' as a part of the content.

B. The page will not load because JavaScript is inside the </body>.

C. The browser will display an error message.

D. The page will show 'Test' in the browser console.

Question 2 of 20

Which of the following HTML tags are considered semantic elements?

Choose 2 answers

A. <div>

B. <article>

C. <section>

D. <span>

Question 3 of 20

What will happen if a developer places multiple <title> elements inside the <head> of an HTML document?

Choose 1 answer

A. The first <title> will be used, and others will be ignored.

B. All titles will be displayed sequentially.

C. The browser will throw an error.

D. The document will not load.

Question 4 of 20

True or False: <p> elements can contain other block-level elements like <div>.

Choose 1 answer

True

False

Question 5 of 20

Which of the following is the correct way to add an external CSS file to an HTML document?

Choose 1 answer

A. <style src='styles.css'></style>

B. <link rel='stylesheet' href='styles.css'>

C. <script src='styles.css'></script>

D. <meta href='styles.css'>

Question 6 of 20

What happens when the following code is run?

<html>
<body>
  <h1>Title</h1>
  <p>First paragraph.</p>
  <p hidden>Hidden paragraph.</p>
</body>
</html>

Choose 1 answer

A. All paragraphs will be visible.

B. The second paragraph will not be visible on the page.

C. The second paragraph will be visible but grayed out.

D. The second paragraph will trigger an error.

Question 7 of 20

A developer uses the following code:

<h2>Welcome</h2>
<p>Hello</p><p>World</p>

What is the expected output?

Choose 1 answer

A. The content will be displayed as 'Welcome Hello World' without line breaks.

B. 'Welcome', 'Hello', and 'World' will each appear on a new line.

C. The browser will throw an error.

D. Only 'Welcome' will be displayed.

Question 8 of 20

Which of the following attributes can be used with a <meta> tag?

Choose 3 answers

A. charset

B. name

C. http-equiv

D. id

Question 9 of 20

True or False: The <h1> to <h6> tags in HTML represent a hierarchy of importance, with <h1> being the most important.

Choose 1 answer

True

False

Question 10 of 20

What is the outcome of the following HTML code?

<p>This is a <strong>bold</strong> word.</p>

Choose 1 answer

A. The word 'bold' will be displayed in italics.

B. The word 'bold' will be displayed in bold.

C. The word 'bold' will be displayed in underline.

D. No formatting will be applied.

Question 11 of 20

What will happen if you use the <br> tag inside a paragraph element?

Choose 1 answer

A. The browser will throw an error.

B. It will insert a line break within the paragraph.

C. It will create a horizontal line in the document.

D. The browser will ignore it.

Question 12 of 20

A developer uses this code:

<meta charset='ISO-8859-1'>

Which of the following is true?

Choose 1 answer

A. The browser will interpret the document using UTF-8 encoding.

B. The document will be interpreted using ISO-8859-1 encoding.

C. The charset attribute is ignored by the browser.

D. This meta tag will cause an error.

Question 13 of 20

If a <p> tag is not closed properly in an HTML document, what will happen?

Choose 1 answer

A. The browser will stop rendering the document.

B. The browser will automatically close the <p> tag.

C. An error message will be displayed in the console.

D. The following content will not be displayed.

Question 14 of 20

What is the function of the <meta> tag with the attribute name='viewport'?

Choose 1 answer

A. It specifies the character encoding for the document.

B. It defines the page's metadata for search engines.

C. It controls how the webpage is displayed on different screen sizes.

D. It prevents browsers from zooming in on the page.

Question 15 of 20

Which of the following HTML elements can have the 'lang' attribute?

Choose 1 answer

A. <html>

B. <div>

C. <p>

D. All of the above

Question 16 of 20

What happens when the following HTML is rendered?

<p>This is a test <br>line break.</p>

Choose 1 answer

A. The browser will insert a line break between 'test' and 'line'.

B. The browser will display the text without a line break.

C. An error will occur because <br> cannot be used inside a paragraph.

D. The browser will interpret <br> as regular text.

Question 17 of 20

What is the correct way to create a paragraph with bold text inside in HTML?

Choose 1 answer

A. <p><bold>This is bold text</bold></p>

B. <p><b>This is bold text</b></p>

C. <p><strong>This is bold text</strong></p>

D. B and C

Question 18 of 20

How will the following code render in the browser?

<p>Hello<!-- This is a comment -->World</p>

Choose 1 answer

A. 'HelloWorld' will be displayed.

B. 'HelloWorld' will be displayed.

C. An error will occur.

D. The browser will display 'Hello' but hide 'World'.

Question 19 of 20

If you apply the following HTML code, what will be the result?

<h1 style='display: none;'>Heading</h1>

Choose 1 answer

A. The heading will not be displayed, but it will still exist in the DOM.

B. The heading will be displayed normally.

C. An error will occur in the browser.

D. The heading will be displayed but hidden behind other elements.

Question 20 of 20

A developer uses the following code to create an HTML document:

<html lang='en'>
<head>
  <meta charset='UTF-8'>
  <title>Sample Page</title>
</head>
<body>
  <p>This is a paragraph.</p>
  <img src='image.jpg'>
</body>
</html>

What happens if the 'alt' attribute is missing from the <img> tag?

Choose 1 answer

A. The image will not load.

B. The image will load, but the page will fail HTML validation.

C. The browser will automatically generate an alt text.

D. Nothing will happen, and the image will load without any warnings.

Basic Structure

Practice Test

Question 1 of 20

Choose 1 answer

Question 2 of 20

Choose 2 answers

Question 3 of 20

Choose 1 answer

Question 4 of 20

Choose 1 answer

Question 5 of 20

Choose 1 answer

Question 6 of 20

Choose 1 answer

Question 7 of 20

Choose 1 answer

Question 8 of 20

Choose 3 answers

Question 9 of 20

Choose 1 answer

Question 10 of 20

Choose 1 answer

Question 11 of 20

Choose 1 answer

Question 12 of 20

Choose 1 answer

Question 13 of 20

Choose 1 answer

Question 14 of 20

Choose 1 answer

Question 15 of 20

Choose 1 answer

Question 16 of 20

Choose 1 answer

Question 17 of 20

Choose 1 answer

Question 18 of 20

Choose 1 answer

Question 19 of 20

Choose 1 answer

Question 20 of 20

Choose 1 answer

Quick Link

Query

Follow Us