Job Interview Questions Of HTML

WHAT IS NEW IN HTML5 ?

Many new features are been added here in HTML5, which are as follows:-

• Video and Audio Tags
• Other new tags like:- nav, header, article, aside, section and etc.
• Can able to add the vector SVG images also.
• New type of input tags been introduced like input type="email" and etc.
• Drag and drop functionality we can also achieve.
• iframe we can abke to include too.

WHICH BROWSER ARE SUPPORTING HTML5 ?

Every latest version of Apple Safari, Mozilla Firefox, Internet Explorer (version above then 9.0) and Google chrome.

WHAT IS THE USE OF ADDRESS TAG ?

<address> tag is used to contain the contact details and residential or official address of the author. And it mainly change the font style to italic.

HOW CAN YOU ABLE TO CHANGE THE COLOR OF UNVISITED, VISITED AND ACTIVE LINK THROUGH HTML ?

We can able to change the different link color as follows:-

• unvisited link- link=”green”
• visited link- vlink=”red”
• active link- alink=”blue”

WHAT IS THE USE OF SUBSCRIPT AND SUPERSCRIPT TAG?

• Subscript tag:- it allows text appear smaller then regular text and used below the normal line. For example:-H₂
• Superscript tag:- it allows text appear smaller then regular text and used above the normal line. For example:- SO⁴

HOW WE CAN ABLE TO CENTER ALIGN THE H1 ELEMENT THROUGH HTML ?

We can able to align the elements through align attribute here. For example:- <h1 align=”center”>MSB BHOLE </h1>

DIFFERENCE BETWEEN BLOCKQUOTE AND QUOTE TAG ?

Although both are used for quotations but:-

• Blockquote(<blockquote>) is used for long and multiline quotation, whereas
• Quote(<quote>) is used for the shorter quote lines.

HOW WE CAN ACHIEVE THE LIST IN HTML5 ?

There are 2 ways by which we can achieve the list and these are as follows:-

• Unordered list(<ul>):- Here we can display our list in the bullet forms.
• Ordered list(<ol>):- Here we can display our list in the Number forms.

CAN WE START OUR LIST FROM 'A' ?

Yes sure, we can able to start our list from ‘A’ by using the attribute- type=”A” inside ordered list. For example:- <ol type=”A”>

HOW WE CAN ABLE TO CREATE TABLE HERE ?

Yes, we can able to create our table through <table> tag, where:-

• <table>:- represents the tabular format.
• <tr>:- represents the table row.
• <th>:- represents the table heading.
• <td>:- represents the table data.

WHAT IS THE USE OF IMG TAG ?

Img (<img/>) tag which don't have any closing tag, is used for placing the image inside the webpage.

THROUGH ATTRIBUTES CAN WE ABLE TO GIVE BACKGROUND COLOR AND CELL PADDING TO THE TABLE ?

Yes, we can able to achieve the background color and cell padding of the table through attributes and these are as follows:-

• For Background:- we need to use the attribute- bgcolor="red". For example:- <table bgcolor="tomato">
• For Padding inside the cell:- we need to use the attribute- cellpadding="5". For example:- <table cellpadding="5">

WHAT ARE COMMENTS USED FOR ?

Comments are generally use to make the code more understandable. We basically use it for documenting our code. If in the team, we are developing any website or project then through comments we can notify or alert or specify any message to other team members.

WHAT IS THE USE OF MAP TAG ?

Map (<map>) tag is used to define the client-side image map. An image-map is an image with clickable areas. So inside any image through map (<map>) tag, we can particularly give links to any specific area inside the image and just by clicking there, we can able to go or visit directly to different website, page or section etc.

HOW WE CAN INCLUDE ANY MP3 FILE IN WEBPAGE ?

We can able to include any mp3, ogg and wav file in any webpage by simply using the audio tag (<audio>). Inside the audio tag, include the location of your audio file inside the src attribute.

For example:- <audio controls="controls" src="audio.mp3"></audio>

HOW WE CAN INCLUDE ANY MP4 FILE IN WEBPAGE ?

We can able to include any mp4, ogg and Web M file in any webpage by simply using the video tag (<video>). Inside the video tag, include the location of your video file inside the src attribute.

For example:- <video controls="controls" src="video.mp4"></video>

WHAT IS THE USE OF FORM TAG ?

Through Form tag (<form>), we can generally build-up the contact form, from where we can ask the details from our user like Name, email, password and their queries.

FORM GET METHOD VS FORM POST METHOD

• In Form GET method:- data use to visible for everybody which we can able to check inside the URL too, also it’s history can be stored in the browser. And it can be cached, bookmarked and while reloading the page, the data is been harmless too.
• In Form POST method:- data is not visible for anybody, we can’t store it’s history, it can’t be cached and bookmarked and while reloading the page the data is been harmed or you need to submit all the details again,and this the reason it is more secured then GET method.

CAN I ABLE TO MAKE THE COLOR PICKER USING HTML ?

Yes, I can able to make the color picker by using the input tag with having the attribute- type=”color”.

For example:- <input type=”color”/>

WHAT ARE BLOCK AND INLINE ELEMENTS ?

• Block Elements:- The elements which use to always starts on new line and they appear like they have a line break before and after them.
  For example:- <h1>, <h2>, <h3>, <h4>, <h5>, <h6> and <hr> etc.
• Inline Elements:- The elements which don’t use to start with the new line and they take only the necessary width, not more then that.
  For example:- <span>, <a>, <button>, <textarea> etc.

PURPOSE OF 'PLACEHOLDER' ATTRIBUTE ?

This attribute on <input> tag as well as in <textarea> tag use to provide some type of hint or idea to the user, so that more clearly they can understand what they need to fill inside that particular field of form.

WHAT IS THE PURPOSE OF EMAIL INPUT CONTROL ?

It is used to accept only the email value from the user, which only contains the abc@xyz.com format. Just by using it that particular input field only contains the e-mail address.

WHAT ARE COOKIES ?

Cookies can be the small blocks of data, which is been created by the web server whenever any user browsing any website. So that files which is been created by the sites which you visited is known as the Cookies.

SESSION STORAGE IN HTML ?

sessionStorage properties generally allows to save the data in key or value pairs in the web browser. But here in the Session Storage, the data is been stored for a particular session, as soon as the browser is been closed it automatically kills the stored data.

LOCAL STORAGE IN HTML ?

localStorage properties generally allows to save the data in key or value pairs in the web browser. But here in the Local Storage, the data is been stored without any expiration date means this data will be available till next year until it is been deleted.

WHAT IS THE USE OF 'NAV', 'FIGURE' AND 'FOOTER' TAG ?

• Nav Tag:- It just defines the set of navigation links inside any section of the document.
• Figure Tag:- We can able to include the image here as well as the caption of image too with the help of this tag.
• Footer Tag:- It just contain the information about the ‘author’, copyright information and other details etc.

WHAT IS THE USE OF ARTICLE TAG ?

It just define any independent piece of content of document such as blog or newspaper article.

WHAT IS SERVER-SENT EVENTS ?

When the webpage automatically gets update from a server then, it is known as Server-Sent events.

WHAT EXACTLY WE NEED TO START HTML ?

• Any System (laptop, desktop and etc.).
• Any Code editor (Vs Code, Sublime and etc.)
• Any Search Engine Browsers (Mozilla, Google Chrome and etc.)

WHAT ATTRIBUTE WE CAN USE TO MERGE 3 ROWS TOGETHER IN SINGLE TABLE ROW ?

We can use (rowspan = "3") as an attribute inside that particular table row (tr), where we want to merge off 3 rows together.

WHAT ARE VOID ELEMENTS IN HTML ?

HTML elements that do not have any closing tags are known to be the void elements. For example:- (<br/>, <img/> & <hr/>)

WHAT IS FAVICON ?

The small image that displayed next to the page title in the browser tab is known as Favicon.

DIFFERENT TYPES OF LIST IN HTML ?

There are mainly two types of lists which are as follows:-

• Ordered List
• Unordered List

DEFINE DIFFERENT TYPES OF DOCTYPE AVAILABLE IN HTML ?

There are mainly three types of Doctype which are as follows:-

• Strict Doctype
• Transitional Doctype
• Frameset Doctype

DIFFERENCE BETWEEN <HEAD> AND <BODY> TAG IN HTML ?

<head> tag is use to provide the information about the document. It contains the metadata about the webpages and the tags which are enclosed inside the head tag like <link>, <meta>, <style> and <script> etc. which must not displayed on the web page.

<body> tag defines the body of the HTML document. It contains the content and information about the wepages and the tags which are enclosed inside the <img>, <text>, <p> and <video> etc. which must need to display on the web page.

WHAT IS THE USE OF <A> ANCHOR TAG ?

<a> anchor tag is used to create a hyperlink to another webpage or any part of the webpage or any other websites.

WHAT IS THE MAP (<MAP>) TAG USED FOR ?

Image Map (<map>) tag is used for linking different parts of any particular image to different webpages or website. We can also specify any particular shape inside an image which is been any clickable area which has also link inside.

DOES HTML5 HAVE DRAG AND DROP FUNCTIONALITY, IF YES THEN HOW CAN WE ACHIEVE IT ?

Yes, HTML5 have the drag and drop functionality. We can able to achieve this drag and drop functionality using the drag and drop-related events.

WHICH TYPE OF VIDEO FILE FORMATS IS ACCEPTABLE IN HTML5 ?

Mainly 3 types of video file formats are acceptable here and these are following:-

• MP4
• WebM
• Ogg

WHICH TYPE OF AUDIO FILE FORMATS IS ACCEPTABLE IN HTML5 ?

Mainly 3 types of audio file formats are acceptable here and these are following:-

• MP3
• WAV
• OGG

WHAT IS THE USE OF MathML ELEMENT IN HTML5 ?

MathML stands for Mathematical Markup Language. If we want to display the mathematical expressions on web page, then we can use the MathML element.

WHAT IS THE USE OF GEOLOCATION API IN HTML5 ?

To share the physical location of any client with website we use this Geolocation API. Based on the client location we can provide a unique experience to the user and can win the heart of our client.

IS THERE ANY POSSIBILITY TO CREATE A NESTED WEBPAGE IN HTML ?

Yes, we can create a nested webpage in HTML. And this we can able to achieve by using the iframe tag.

WHAT IS A MARQUEE TAG USED FOR IN HTML ?

If we want to put a scrolling text in our webpage then we can use this (<marquee>) tag.

WHAT IS THE USE OF <DATALIST> & <KEYGEN> TAG ?

<datalist> tag:- inside the input controls if we want to specify the different list of options.

<keygen> tag:- this tag is use to represent a key-pair generation field.

WHAT ARE FORMS USED FOR IN HTML5 ?

If we want to collect the information of the visitors to the webpage, then we can add the form to the webpage. Also It can use to collect the user input.

DIFFERENCE BETWEEN HTML & HTML5 ?

DIFFERENCE BETWEEN HTML4 & HTML5 ?