HTML interview questions


HTML is a commonly made use of language that provides our page a structure. HTML means HYPERTEXT MARKUP LANGUAGE. HTML was developed by Berners Lee in 1991.

html questions and answers pdf

Quick Questions About HTML

HTML Stands For – Hypertext Markup Language

HTML is a – Markup Language that develops the structure of web page

HTML is created By – WHATWG

HTML Filename extension’s are – html, htm.

HTML Media kind is – text/html.

HTML Current – VersionHTML5.

  1. What is HTML and what is it utilized for?

HTML is an extensively utilized language that offers our webpage a structure. HTML represents HYPERTEXT MARKUP LANGUAGE. HTML was created by Berners lee in 1991. A markup language is a set of markups tags. Every webpage is developed in HTML. HTML documents are described in HTML tags.


  1. What is a physical tag and sensible tag in HTML?


A Physical tag has physical text which is used to tell the web browser how to show the text enclosed in the physical tag.

Example for the physical tags are: <big>, <b>, <i>

Rational tags are used to tell the meaning of the enclosed text in it. The example of the sensible tag is <Important>…</Important> tag. When we confine text in Crucial tag then it inform the browser that enclosed text is more vital than other text.

  1. What is an image map in HTML?


Image mapping lets a user to connect one image to various websites in and out of the website. It is the procedure of specifying special shapes inside an image and link it to different destinations.


  1. What is HTML DOM?


HTML DOM is an object model for HTML and Application Shows Interface( API) for Javascript to deal with HTML elements, homes and their techniques.


  1. What is Semantic HTML?


Semantic HTML or Semantic Markup is HTML that presents meaning to the web page rather than just presentation.

<form>,<table>, and <article> are examples of Semantic Elements.

Below are the list of few new Semantic Components introducted HTML5.















  1. What is a Fieldset in HTML?


The <fieldset> is a tag in HTML that is used to group related components in a kind. It draws a box around the related aspects.


  1. What is an aspect in HTML?


An HTML element is essentially an individual component generally of an HTML web page or document. As soon as if this has been likewise parsed into the file object model.HTML nodes is the main part that makes up HTML for example such as text nodes.HTML qualities can be specified from each node. Content, consisting of other nodes and text, together with develop a node. Semantics or significances are primarily represented by many HTML nodes. Let us take an example of a title node represents the title of the file.


  1. What is the HTML tags?


Individuals always confuse in comprehending terms elements and tags in HTML. It must be noted that HTML files include tags, however do not include the components. It is a broad misconception that typically occurs in mind that both exist in HTML documents.elements are usually only created after parsing action from these tags.


  1. What is a nest in HTML?


If you go and have a look at HTML markup for any webpage today, you will let to know that HTML elements are contained within other HTML elements. These components which are inside of other are known as embedded components and they had actually become the crucial part of developing any web page nowadays. One of the most competence method to know more about nesting is just to think about HTML tags in the form of boxes that hold your content which can be in kind of text, images, etc.HTML tags are basically the boxes around the material.


  1. What does HTML mean?


HTML indicates Hypertext Markup Language.

This language is generally used for developing web applications and likewise for web pages as well. It is a standard markup language with cascading design sheets and JavaScript which form a triad for WWW i.e. worldwide Web.HTML came into existence in 1980 when an excellent computer teacher Sir Tim Berners Lee (a specialist and author of HTML) proposed an idea in CERN, to generally sharing and using documents. So in this way, a terrific language originated.


  1. Note the media types and formats supported by HTML?


HTML supports a vast array of media formats for sound, music, videos, movies, and animations. Below is the list extensions supported by each media format.

Media Type             Formats Supported.

Images                      png, jpg, jpeg, gif, apng, svg, bmp, BMP ico, png ico.

Audio                       MIDI, RealAudio, WMA, AAC, WAV, Ogg, MP3, MP4.

Video                       MPEG, AVI, WMV, QuickTime, RealVideo, Flash, Ogg, WebM, MPEG-4 or MP4.


  1. What is the difference in between a tag and an aspect in HTML?


HTML tag is just opening or closing entity.

Example: <p> and </p> are called HTML tags.

HTML component incorporates opening tag, closing tag, content (optional for content-less tags).

Example: <p>This is the material</p>: This complete thing is called an HTML component.

source: https://stackoverflow.com/questions/8937384/what-is-the-difference-between-html-tags-and-elements.


  1. What is grouping in HTML?


Grouping is utilized to group a number of HTML controls like input, textarea, selects along with labels (<label>) within a web type. In HTML <fieldset>component is utilized for Grouping.


  1. In which year HTML was first proposed?


Essentially, in 1980, An excellent physicist Sir Tim Berners -Lee who is a contractor at CERN proposed the way through which documents can be shared easily. So, he prototyped ENQUIRE (a system for CERN), which would assist researchers to use and share documents.HTML Tags was generally the first publicly description of HTML which was first pointed out by Tim Berners Lee in late 1991. He is typically the teacher of computer programming. He is the author of HTML which is treated to be as the foremost computer languages of all the times. His concept of writing this language brought a tycoon in the computer technology world and also nowadays it is likewise much popular and most trending.


  1. What is the XHTML?


XHTML means Extensible Hypertext Markup Language, which is essentially a part of Family of XML markup language. It usually extends the most popularly used HTML i.e. Hypertext Markup Language, the pages in which the web pages are developed.


  1. What does DOCTYPE suggest?


DOCTYPE or Document Type Statement is a kind of direction which normally operates in association with specific SGML or XML documents basically. Let us take an example to comprehend it more thoroughly, for instance, A Web page with a document type meaning i.e. DTD is the very best to comprehend. In a well serialized and a proper form of the document, It manifests and also the contribution of it is a lot as a short string of markup that generally conforms to a specific syntax.


  1. How do you add a copyright symbol on a HTML page?


Copyright sign can be either copied and pasted from other sources. Or, you can likewise include it by composing a small piece of code: &copy; & copy; or & # 169; in the needed page.


  1. Is there benefits of collapsing white areas in HTML?


Yes, Collapsing white areas is one good way of composing HTML codes in an orderly way. White spaces act comparable to a single-spaced character and inhabit the same size as remainder of the characters. By collapsing numerous white spaces, we can cave in lines of text and make the code more legible.


  1. What is the function of using alternative texts in images?


The fundamental purpose of using alternative texts is to specify what the image has to do with. Throughout an image mapping, it can be complicated and hard to comprehend what hotspots represent a specific link. These alternative texts been available in action here and put a description at each link that makes it simple for users to understand the hotspot links quickly.


  1. What is the difference between DIV and SPAN in HTML?


The difference in between span and div is that a period aspect is in-line and usually utilized for a small portion of HTML inside a line (such as inside a paragraph) whereas a div (division) component is block-line (which is generally comparable to having a line-break before and after it) and used to group bigger chunks of code.

<div id=”scissors”>

<p>This is <span class=”paper”>crazy</span></p>


Further Reading: http://www.htmldog.com/guides/html/intermediate/spandiv/.


  1. Who is Called the daddy of Internet (WWW).


Tim Berner Lee( Tim Berners-Lee) is known as the daddy of “World Wide Web”.


  1. What are different types of heading are supported by HTML?


HTML supports 6 types of heading tags they are H1, H2, H3, H4, H5, and H6. H1 is the highest and essential heading tag.

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

To make a picture a background image on a websites, you should put the following tag code after the </head> tag.

1 <body background=”image.gif”>

Here, replace the “image.gif” with the name of your image file which you want to show on your websites.

  1. What is making use of a period tag? Discuss with example.

The period tag is utilized for following things:.

– For adding color on text.

– To include background on text.

– Highlight any color text.


  1. <span style=”color:#ffffff;”>

      2. In this page we use span.

      3. <span style=”color:#ffffff;”>

In this page we utilize span.


  1. What is the benefit of collapsing white space?

White spaces are a blank sequence of area characters, which is treated as a single area character in HTML. Since the web browser collapses numerous areas into a single area, you can cave in lines of text without stressing over multiple spaces. This enables you to arrange the HTML code into a lot more readable format.

  1. Is there any way to keep list elements straight in an HTML file?

By using indents, you can keep the list elements directly. If you cave in each sub embedded list in further than the moms and dad list, you can quickly identify the various lists and the components that it contains.

  1. Discuss The Secret Differences Between LocalStorage And SessionStorage Objects.

The essential distinctions in between localStorage and sessionStorage objects are as follows:.

– The localStorage item shops the information without an expiration date. Nevertheless, sessionStorageobject shops the data for only one session.

– In the case of a localStorage object, information will not erase when the browser window closes. Nevertheless, the data gets deleted if the internet browser window closes, in the case of sessionStorage things.

– The information in sessionStorage is accessible just in the current window of the web browser. But, the information in the localStorage can be shared between multiple windows of the internet browser.

  1. When is it appropriate to utilize frames?

Frames can make browsing a website much easier. If the main links to the website lie in a framethat appears on top or along the edge of the web browser, the material for those links can be displayed in the remainder of the internet browser window.

  1. How to place a photo into a background image of a websites?

To insert a photo into the background image, you require to put a tag code after the </head> tag in the following way:.

1 <body background=”image.gif”>

Now, replace image.gif with the name of your image file. This will take the picture and make it the background picture of your websites.

  1. What is the advantage of grouping multiple checkboxes together?

These check boxes do not impact each other. But these organizing checkboxes together helps to organize them. The checkbox buttons can have their own name and needs to not come from a group. A single websites can have several groups of checkboxes.

  1. What occurs if there is no text between the tags? Does this affect the screen of the HTML file?

If there is no text between the tags, there is nothing to format. For that reason, the format will not be displayed. Some tags, such as tags without a closing tag, such as <img><img>, do not require any text between them.

  1. What are the text field size limitations?

The default size for a text box is about 13 characters. Nevertheless, if you consist of the size characteristic, you can set the size worth to 1. The optimum size value will be identified by the width of the internet browser. Also, if the size attribute is set to 0, the size will be set to the default size of 13 characters.

  1. What is the relationship between border and rule characteristics?

Default cell borders 1 pixel thick are automatically added between cells if the border quality is nonzero. Likewise, if the border characteristic is not enabled, when you add the rules credit to the <table><table> tag, the default border of one pixel appears.

  1. What is SVG?

HTML SVG is used to explain a two-dimensional vector and vector or raster graphics. SVG images and their habits are specified in XML text files. So, as XML files, you can develop and modify SVG image using full-screen editor. It is mainly used for vector diagrams like pie charts, 2-dimensional graphs in x, y coordinate system.



3 <svg width= ” 100 “height= “100”>

<circle cx=”50″ cy= ” 50 “r=” 40 “stroke=” yellow “stroke-width=” 4 “fill= “red” />

< circle cx=”50″ cy=”

50″ r= “40” stroke =” yellow “stroke-width =” 4 “fill=”

red “/ ></ svg >

35. What is a tag button?

The button tag is utilized in HTML 5. It is utilized to produce a clickable button in an HTML form on a websites. This tag creates a send or reset button. The button tag code is as follows:.

1 <button name= “button” type= “button” >Click on this link</button>

  1. List the media types and formats supported by HTML.

HTML supports a wide variety of media formats for sound, music, video, films, and animation. Some of the extensions supported by each media format are:.

* Images-png, jpg, jpeg, gif, apng, svg, bmp, BMP ico, png ico.

* Audio-MIDI, RealAudio, WMA, AAC, WAV, Ogg, MP3, MP4.

* Video-MPEG, AVI, WMV, QuickTime, RealVideo, Flash, Ogg, WebM, MPEG-4 or MP4.

  1. What is cell spacing and cell padding?

The cell spacing is called the distance or space between 2 cells in the very same table. While filling a cell is called the gap or area between the cell material and the cell wall or cell border.




3 <table border cellspacing=3>

<table border cellpadding=3>

<table border cellspacing=3 cellpadding=3>

  1. Who is the author of HTML?


Sir Tim Berners-Lee, a fantastic physicist who is a fantastic character is the author of HTML. He is also the director of the Internet Consortium i.e. W3C. He is likewise the creator of WWWF i.e.World large Web Foundation. Open Data Institute is founded by him and likewise he is director of this institute.H e is a director of the Web Science Research Initiative i.e. WSRI and a member of the advisory board of the MIT Center for Collective Intelligence. Sir Tim Berners is a great personality, as he is the professor of the computer system department and also the founder of lots of institutes and Research study initiatives. An idea struck into his mind, how can a computer be made valuable for utilizing and sharing documents. So, he developed the most trending and significant language, through which it is really easy to make web pages and all. Also, it is most trending and still is in use rather like other outdated languages.


  1. What is the significance of markup in HTML?


The series of characters or other symbols which we normally utilize to insert at certain locations in a word or text file in order to suggest how the file should look when it is shown or printed or Generally to explain files sensible structure. The markup indicators are typically known as tags. Aspects and tags are two different words which we require to comprehend as there is a great deal of confusion amongst public related to this fact. It must be kept in mind that HTML files include tags, but do not include the elements. It is a wide misconception that generally happens in mind that both exist in HTML documents.elements are typically just created after parsing step from these tags.


  1. What is Cell Spacing and Cell Padding?


Cell Spacing is described space/gap in between the two cells of the same table.

Cell Cushioning is referred to the gap/space between the content of the cell and cell wall or Cell border.



<table border cellspacing=3>

<table border cellpadding=3>

<table border cellspacing=3 cellpadding=3>


  1. The number of kinds of lists are offered in HTML?


In HTML, we have 2 kinds of lists unordered lists and purchased lists. Unordered list starts with <ul> tag and ends with </ul> tag. Bought tag begins with <ol> and ends with </ol>. Each list item is composed as <li></li>


  1. How to create mailto link in HTML.


Essentially, when we usually start with a link that is Mailto rather than using HTTP or others, the browser must have the ability to compose an email in the visitor’s default email program on their computer. There are two methods to place a mailto link into a HubSpot page or email, simply by inserting a link into the abundant editor or inputting into the source code. Choice one is generally nothing simply to insert a mailto link as a hyperlink, likewise highlight the text or click on the image as you wish.to use on the mailto link to for your contacts or visitors to click and lastly click Include the link to end up. Choice two is to Insert a mailto link into the source code and Click Conserve to end up then Release or Update your page.


<a href=”http://mailto:[email protected]?Subject=Hello%20again” target=”_top”>< a href=”http://mailto:[email protected]?Subject=Hello%20again” target =” _ top” >

Send out Mail

HTML interview questions
Scroll to top