HTML Interview Questions and Answers

Last update: 10 Feb 2022, 36 Questions

HTML refers for Hypertext Markup Language, which is a text-based approach to describing how content is structured in an HTML file. HTML is not a programming language. We have an impressive collection of HTML Interview Questions and Answers that is a must-read for all developers and designers!. It just tells a web browser how to structure content, graphics, and multimedia on a web page. Commonly used HTML tags include h1; h2; div; table; and form etc. The most significant advantage of HTML is that it comes with in-built tools for creating responsive websites as well as interface components.

Quick Questions about HTML
What is HTML? It is the markup language for documents designed to be displayed in a web browser.
What is the latest version of HTML? HTML5, released on 28th October 2014
Created By WHATWG
When was HTML first released? 1993
Who created html? Tim Berners-Lee

Most Frequently Asked HTML Interview Questions

Here in this article, we will be listing frequently asked HTML Interview Questions and Answers with the belief that they will be helpful for you to gain higher marks. Also, to let you know that this article has been written under the guidance of industry professionals and covered all the current competencies.

1. What is HTML and why it is used for?

HTML is a language of www (world wide web). It is a text formatting language that gives us webpage structure. HTML elements are represented by tags. HTML is used to make interactive and dynamic websites — all web pages created by HTML tags.

12 0
2. Why Meta tags are used in HTML?

The meta tag is information about data. Metadata will not be displayed on the application, but it will be machine parsable. These elements are typically used to specify page description, keywords, page title, author name of the document, and other metadata.

The metadata is used by web browsers (how to display content or reload the page), search engines (keywords), or other web services.



<meta name="description" content="Best Interview Questions">
<meta name="keywords" content="Interview questions, php interview questions, html interview questions">
<meta name="author" content="Best Interview Questions">

6 0
3. What is the meaning of <!DOCTYPE>?

This is not an html tag. The <!DOCTYPE> syntax should be the first thing in HTML page, before the <html> tag. It is an instruction to the web browser about what version of HTML the page is written in. In HTML 4 we used <!DOCTYPE HTML PUBLIC ‘-//W3C//DTD HTML 4.01//EN’ ‘http://www.w3.org/TR/html4/strict.dtd’> But now in HTML 5 we used only <!DOCTYPE html>

6 0
4. What is HTML tag attributes?

HTML tag attributes are used for add additional functionality. Attributes like id, class, style, lang, title etc

5 0
5. How many types of list tag are using in HTML?

In HTML, Lists are used to specify lists of various types of information. All records items may contain one or more elements.

Types of HTML lists are listed below:
  • Ordered List(ol)
  • Unordered List(ul)
  • Description List(dl)

Note: You can easily get marks in this HTML Interview Questions by just naming the types of lists in HTML.

4 0
6. How to tags migrated from HTML4 to HTML5?
1. <div id="header"> </div> <header> </header>
2. <div id="menu"></div> <nav> </nav>
3. <div id="content"> </div> <section> </section>
4. <div id="post"> </div> <article> </article>
5. <div id="footer"> </div> <footer> </footer>
5 1
7. What is the difference between HTML4 and HTML5?
1. The primary language for making web pages. The fifth and latest version of HTML
3. We can not track location Easily tracking location with geolocation in HTML
4. Browser cache used for temporary storage Application cache, web SQL DB, ad web storage used as temporary storage.
5. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE html>
3 1
8. What are new input form validations in HTML5?

The new input types for form validation are email, URL, number, tel, and date. With the help of the required attribute, it will work. Also if we want specific validation, then we have to add input type "text" or "email" or "tel."

Note: Learn the basic validations with HTML tags and work to crack the HTML Interview Questions.

2 0
9. What is SVG?

It is used to explain the two-dimensional vector and raster graphics. SVG images and their behaviors are defined in XML files. So as XML files, you can create and update SVG image with the text editor. It is mostly used for vector type diagrams like pie charts, 2-Dimensional graphs in an X, Y coordinate system.

1 0
11. What are the different new form element types in HTML 5?

There are lots of new elements are using in html5 that are given below:-

  • Color
  • Date
  • Datetime-local
  • Email
  • Time
  • Url
  • Range
  • Telephone
  • Number
  • search
2 0
12. Explain the advantage of collapsing white space?

White spaces are a new sequence of space characters, which is treated as a single space character in HTML. Because the browser collapses multiple areas into a single space, we can indent lines of text without worrying about various fields. It enables you to organize the HTML code into a more human readable format.

1 0
13. What is full form of HTML and who is created this?

HTML Stands for Hypertext Markup Language, and Berners Lee created it in 1991.

0 0
14. What is heading tag and why it is used for?

HTML Heading tags can be used to define as a title or a subtitle which you want to display on your page. When you place the text in the heading tags <h1> This is your page title</h1>, These heading tags displayed on the browser in the bold format and size of the text depends on the number of heading.

There are six different HTML headings which are defined with the <h1> to <h6> tags. h1 is the largest heading tag, and h6 is the smallest one. So h1 is used for most important heading, and h6 is used for least important.

0 0
15. What are the advantages and disadvantages of HTML?
Advantages of HTML:
  • HTMl is widely used.
  • Every web browser supports HTML language.
  • It is easy to use and learn.
  • It is by default in every window, so you don't need to purchase extra software.
Disadvantages of HTML:
  • HTML is used for a static web page, not for dynamic
  • Need to write a lot of code for making a simple webpage.
  • Security features are not useful in HTML.
0 0
16. What is the latest version of HTML?

HTML 5 is the latest version of HTML

0 0
17. What is <form> tag and why it is used?

<form> tag are used to making forms on web pages. These forms are used to interact directly with users. Its elements are different types of input, like text fields, checkboxes, radio buttons, submit buttons and more. Attributes of these <form> tag are action, method, name, class, id, etc. The <input> tag can be displayed in many ways, depending on the type attribute.




First name:

<input type="text" name="First_name">

Last name:

<input type="text" name="Last_name">


0 0
18. What is <table> tag and why it is used for?

In HTML, <table> tag is a block elements used to create a table. It is useful when you want to represent data using rows and columns. The basic elements that make up a table include <th>, <td>, and <tr>.

1 0
19. Do all HTML tags have an end tag?

No, there are some HTML tags that do not need a closing tag. Examples are the <img> , <br>, <hr> tags

0 0
20. What is formatting in HTML? Explain some formatting tags?

It is a process of formatting text for a much better look and feels. There are various formatting tags available in HTML. These formatting tags are used to make text bold, italicized, or underlined. There are 12 options available that how text appears in HTML pages.

There are 12 HTML formatting tags are listed below
  • Bold Text If you write anything in between <b>............</b> tag, is shown in bold letters.
  • Italic Text If you write anything in between <i>............</i> tag, is shown in italic letters.
  • HTML Marked formatting If you want to highlight text in a webpage, you should write the content within <mark>....</mark> tag.
  • Underlined Text If you write any text within <u>.........</u> tag, is shown in highlighted text.
  • Strike Text Anything written in between <strike>....</strike> tag is displayed with strikethrough the page. It is a type of thin line which crosses the statement.
  • Monospaced Font If you want the same width of every content then you should write the text in between <tt>.............</tt> tag.
  • Superscript Text If you put the text in between <sup>..............</sup> tag, is shown in superscript. It is displayed half a character's height above the other characters.
  • Subscript Text If you put the text in between <sub>..............</sub> tag, is shown in subscript. It means is displayed half a character's height below the other characters.
  • Deleted Text Anything that puts within <del>..........</del>tag is shown as deleted text.
  • Inserted Text Anything that puts in between <ins>.....</ins>tag is displayed as added text.
  • Larger Text If you want to put font size more significant than the rest of the page text then put the text in between <big>.........</big> tag. It increases one font size more significant than the previous one.
  • Smaller Text If you want to put font size lower than the rest of the text then set the text in between <small>.........</small> tag. This tag helps in to reduce the font size.
2 0
22. What is <img> tag?

<img> tag are used to show image in web page. <img src=" https://www.bestinterviewquestion.com/public/frontend/img/b2.jpg" alt="Blog Image"/> Attributes of this tag is width, height, class, alt, id etc

0 0
23. Please explain empty elements in HTML?

HTML elements with no text or content are called empty elements. For example: <br>, <hr> etc

0 0
24. What is reset and submit buttons?

Reset and submit button both are using within <form> element. Reset is used for reset the form. It means clear the form and Submits is used to present the form data.

1 0
25. Explain Basic structure of html5? <!DOCTYPE html>
<meta charset ="UTF-8">
<title>Best interview questions</title>
<header> <nav></nav> </header>








0 0
26. What is marquee?

<marquee> is used to put the text scrolling which is in scrolling mode on a web page. It scrolls the text or images up, down, left or right automatically. You have to put the content which you want to scroll in between the <marquee>......</marquee> tag.

0 0
27. How to insert a comment in an HTML page?

In HTML page comments begins with “<!–“ and ends with “–>.”

1 0
28. What is an image map?

Image map lets the user link to many different web pages using a single image. We can define shapes in pictures that we want to make part of an image mapping. It is the process of establishing unique ways inside a photo and links it to different destinations.

0 0
29. What is the purpose of using alternative texts in images?

Alternate Texts, also known as Alternative Descriptions or simply Alt Tags help in better crawling and indexing of images on your website. By default, Google’s crawl bot cannot understand images. It needs guidance to help understand what the image is about. Alt Texts help Google bot to understand what the image is displaying. Besides this, people with visual imparity also benefit from these as they can understand the text in Braille but cannot see an image.

0 0
30. What are the entities in HTML?

Entities in HTML are pieces of text “strings” which begin with an ampersand symbol (&) and end with a semicolon (;). These are usually used to display special characters which would otherwise be interpreted as simple HTML code and/or invisible characters.

0 0
31. What is the main difference between localStorage and sessionStorage?
Local Storage Session Storage
A type of Web Storage Object used in HTML 5 which allows users to store data without any expiry date. Session Storage is another part of web storage that allows users to store data pertaining to only one session.
It is used particularly in environments where data needs to be transferred in multiple windows and should last more than the current session. It allows users to carry out a single transaction but it can be carried out parallelly in multiple windows.
0 0
32. What is Cell Spacing and Cell Padding?

Cell spacing is an attribute in HTML which is used to define the exact amount of spacing between pixels within cells. Whereas, Cell Padding is used to define the spacing between the cell wall and the cell content.



<p>Table without cell spacing:</p>

<table cellspacing="10">

<h4 class="mt-10 mb-10">Example of Cell Padding</h4>

<p>Table without cellpadding attribute :</p>

<p>Table with cellpadding attribute:</p>
<table cell padding="10">

0 0
33. What is the main difference between HTML and XHTML?
Here, the tags are not extensible Here the tags are extensible.
In HTML, the tags are not case-sensitive In XHTML, only the lowercase tags are accepted.
It supports the overlapping of tags. It does not support the overlapping of tags.
0 0
34. How many types of CSS can be included in HTML?

Three types of CSS are accepted in HTML, they are

  • Inline CSS
  • Internal CSS
  • External CSS
0 0
35. What are physical tags in HTML?

Physical tags in HTML are used to exactly specify how to display the text being enclosed. They specify accurately as to how many characters are needed to be formatted.



<B> <I> <BIG>

2 1

Development History: Tim Berners-Lee was the primary author of HTML. The first version of HTML was published in June 1993.

Key points about HTML:
  • HTML is the building block for developing websites.
  • Universally accepted standard for making sure search engines can find your web pages on relevant searches.
  • HTML tags are case-insensitive.
  • Browsers use HTML tags to render the content of the web page.


Latest Version: HTML5 is the newest version of HTML.

Are you looking to impress your boss and grab the upcoming promotion at work? Here are the most common HTML interview questions to help you do that.

Advantages of HTML
  • Offers SEO benefits.
  • HTML is widely used and supported by most browsers.
  • HTML 5 Provides us storage options are more reliable.
  • It is not a proprietary code, so you do not need to pay a royalty for using it.
  • Coding is simple, clear and consistent. Even new programmers can use it with ease.

These HTML interview questions will help you prepare for your upcoming job interview as well and fast-track your career. Whether you are a fresher or an experienced HTML developer, these  Questions & Answers are all you need to succeed in your next interview.

About Best Interview Question
Best Interview Question
Technical Consultant

With our 10+ experience in PHP, MySQL, React, Python & more our technical consulting firm has received the privilege of working with top projects, 100 and still counting. Our team of 25+ is skilled in distinct programming languages such as Python, Java, React.js, Angular, Node.js, PHP, HTML, CSS, Designing, iOS and Android apps, Database, .net, QA, Digital Marketing and Govt. jobs, etc. We are helping 10+ companies in solving their technical problems. When not found coding, our technical consultants can be seen helping out others.