HTML Interview Questions

A list of top frequently asked HTML interview questions and HTML5 interview questions and answers are given below.

1. What is HTML?

HTML stands for HyperText Markup Language. It is the language of the World Wide Web. It is a standard text formatting language that is used to create and display pages on the Web. It makes the text more interactive and dynamic. It can turn text into images, tables, links. More details.

2. What are Tags?

HTML tags are composed of three things: an opening tag, content and ending tag. Some tags are unclosed tags.

HTML documents contain two things:

  • content, and
  • tags

When a web browser reads an HTML document, the browser reads it from top to bottom and left to right. HTML tags are used to create HTML documents and render their properties. Each HTML tags have different properties.

Syntax

  1. <tag> content </tag>  

Content is placed between tags to display data on the web page.

More details.

3. Do all HTML tags have an end tag?

No. There are some HTML tags that don't need a closing tag. For example: tag,
tag. More details.

4. What is formatting in HTML?

The HTML formatting is a process of format the text for a better look and feel. It uses different tags to make text bold, italicized, underlined. More details.

5. How many types of heading does an HTML contain?

The HTML contains six types of headings which are defined with the

to

tags. Each type of heading tag displays different text size from another. So,

is the largest heading tag and

is the smallest one. For example:
  1. <h1>Heading no. 1</h1>    
  2. <h2>Heading no. 2</h2>    
  3. <h3>Heading no. 3</h3>    
  4. <h4>Heading no. 4</h4>    
  5. <h5>Heading no. 5</h5>    
  6. <h6>Heading no. 6</h6>    

More details.

6. How to create a hyperlink in HTML?

The HTML provides an anchor tag to create a hyperlink that links one page to another page. These tags can appear in any of the following ways:

  • Unvisited link - It is displayed, underlined, and blue.
  • Visited link - It is displayed, underlined, and purple.
  • Active link - It is displayed, underlined, and red.

More details.

7. Which HTML tag is used to display the data in the tabular form?

The HTML table tag is used to display data in tabular form (row * column). It also manages the layout of the page, e.g., header section, navigation bar, body content, footer section. Here is the list of tags used while displaying the data in the tabular form:

Tag Description
<table> It defines a table.
<tr> It defines a row in a table.
<th> It defines a header cell in a table.
<td> It defines a cell in a table.
<caption> It defines the table caption.
<colgroup> It specifies a group of one or more columns in a table for formatting.
<col> It is used with <colgroup> element to specify column properties for each column.
<tbody> It is used to group the body content in a table.
<thead> It is used to group the header content in a table.
<tfooter> It is used to group the footer content in a table.


8. What are some common lists that are used when designing a page?

There are many common lists that are used to design a page. You can choose any or a combination of the following list types:

  • Ordered list - The ordered list displays elements in a numbered format. It is represented by
      tag.
  • Unordered list - The unordered list displays elements in a bulleted format. It is represented by
      tag.
  • Definition list - The definition list displays elements in definition form like in dictionary. The
    ,
    and
    tags are used to define description list.

More details.

9. What is the difference between HTML elements and tags?

HTML elements communicate to the browser to render text. When the elements are enclosed by brackets <>, they form HTML tags. Most of the time, tags come in a pair and surround content.

10. What is semantic HTML?

Semantic HTML is a coding style. It is the use of HTML markup to reinforce the semantics or meaning of the content. For example: In semantic HTML tag is not used for bold statement as well as tag is used for italic. Instead of these we use and tags.

11. What is an image map?

Image map facilitates you to link many different web pages using a single image. It is represented by tag. You can define shapes in images that you want to make part of an image mapping.

12. How to insert a copyright symbol on a browser page?

You can insert a copyright symbol by using © or © in an HTML file. 

13. How to create a nested webpage in HTML?

The HTML iframe tag is used to display a nested webpage. In other words, it represents a webpage within a webpage. The HTML

14. How do you keep list elements straight in an HTML file?

You can keep the list elements straight by using indents. 

15. Does a hyperlink only apply to text?

No, you can use hyperlinks on text and images both. The HTML anchor tag defines a hyperlink that links one page to another page. The "href" attribute is the most important attribute of the HTML anchor tag.

Syntax

  1. <a href = "..........."> Link Text </a>  

More details.

16. What is a style sheet?

A style sheet is used to build a consistent, transportable, and well-designed style template. You can add these templates on several different web pages. It describes the look and formatting of a document written in markup language. 

17. Can you create a multi-colored text on a web page?

Yes. To create a multicolor text on a web page you can use for the specific texts you want to color. 

18. Is it possible to change the color of the bullet?

The color of the bullet is always the color of the first text of the list. So, if you want to change the color of the bullet, you must change the color of the text.

19. Explain the layout of HTML?

HTML layout specifies a way in which the web page is arranged.


HTML Layouts

Every website has a specific layout to display content in a specific manner.

Following are different HTML5 elements which are used to define the different parts of a webpage.

  • : It is used to define a header for a document or a section.
  • : It is used to define a section in a document
  • : It is used to define an independent, self-contained article
  • : It is used to define a footer for a document or a section

20. What is a marquee?

Marquee is used to put the scrolling text on a web page. It scrolls the image or text up, down, left or right automatically. You should put the text which you want to scroll within the ...... tag. More details.

21. How many tags can be used to separate a section of texts?

Three tags are used to separate the texts.


  • tag - Usually
    tag is used to separate the line of text. It breaks the current line and conveys the flow to the next line
  • tag - The

    tag contains the text in the form of a new paragraph.

  • tag - It is used to define a large quoted section. If you have a large quotation, then put the entire text within
    .............
    tag.

22. How to make a picture of a background image of a web page?

To make a picture a background image on a web page, you should put the following tag code after the tag.

  1. <body background = "image.gif">  

Here, replace the "image.gif" with the name of your image file which you want to display on your web page. 

23. What are empty elements?

HTML elements with no content are called empty elements. For example:
,


etc.

24. What is the use of a span tag? Give one example.

The span tag is used for following things:

  • For adding color on text
  • For adding background on text
  • Highlight any color text

Example:

  1. <p>  
  2. <span style="color:#ffffff;">  
  3. In this page we use span.  
  4. </span>  
  5. </p>  

25. What is the use of an iframe tag?

An iframe is used to display a web page within a web page.

Syntax:

  1. <iframe src="URL"></iframe>  

Example:

  1. <iframe src="demo_iframe.html" width="200px" height="200px"></iframe>  

Target to a link:

  1. <iframe src="http://www.samtpoint.com" name="iframe_a"></iframe>  

26. What are the entities in HTML?

The HTML character entities are used as a replacement for reserved characters in HTML. You can also replace characters that are not present on your keyboard by entities. These characters are replaced because some characters are reserved in HTML.

27. Why is a URL encoded in HTML?

An URL is encoded to convert non-ASCII characters into a format that can be used over the Internet because a URL is sent over the Internet by using the ASCII character-set only. If a URL contains characters outside the ASCII set, the URL has to be converted. The non-ASCII characters are replaced with a "%" followed by hexadecimal digits.

28. Does a &lt;!DOCTYPE html> tag is a HTML tag?

No, the declaration is not an HTML tag. There are many type of HTML e.g. HTML 4.01 Strict, HTML 4.01 Transitional, HTML 4.01 Frameset, XHTML 1.0 Strict, XHTML 1.0 Transitional, XHTML 1.0 Frameset, XHTML 1.1 etc. So, is used to instruct the web browser about the HTML page.