😀 Hello everyone. As you all know that to build a software project there are 3 Major categories to develop.😂
1.Front End
2.Middle Ware
3.Back End
To crack the interview in front-end technology am going to give top FAQs which take place in your interview.so... Let's start now.
TOPMOST FAQ's IN HTML The first question raised by the interviewer is
1)What is HTML?
HTML is a HyperText Markup Language. It is used for the creation and display of attractive, interactive, and dynamic web pages. By Tim Berners Lee's father of web environment.
2)What is the importance of Doctype in HTML?
It is written at the top of the HTML document.It is not a tag.It tells the browser about the HTML version.
3)Define a TAG.
A Tag or Element is said to be the text placed between Left angular brace " <" and right angular brace " >". Syntax : < .......... > : < html> Do you know there are two types of Tags?
1) Paired Tags
2) Non- Paired Tags
Note1: Paired tags have both opening and closing.
Note2: Non-paired tags have only opened.
Ex: <br> or <br/>,<hr> or <hr/>,<img> or <img/>
4) Do all HTML tags need Closure?
No, Not all tags. Ex : <br> <hr> <img>
5) What do you know about Meta data?
Metadata is data about the data. The tag is <meta>. Information is not displayed anywhere. It consists of elements related to page description, keywords. This information is used by search engines.
6)Differentiate between HTML5 and HTML.
HTML5:
1)Support for video and audio.
2)Storage options- Application cache,SQL database ,web storage.
3)Default vector graphics support using Canvas and SVG.
4)Capable of handling inaccurate syntax and other errors.
5)User tracking with JavaScript Geolocation API.
HTML:
1)No audio/ video support.
2)Temporary storage- cache memory.
3)Vector graphics support possible with outside tools.
4)Not capable.
5)Difficult.
7)How to insert a copyright symbol?
©
&# 169;
8)Define about Comments.
We use comments in the HTML document to understand the code easily/ code explanation.
Ex: <!....This is a comment..!>
<!...Comments span multiple lines too...!>
<!...This part is ignored in the browser....!>
9)How to create a Hyperlink in HTML?
The HTML provides an anchor tag to create a hyperlink that links one page to another page.
Syntax: <a href = "- - - -"> Link Text</a>
10)What is Semantic in HTML?
Semantic HTML is a coding style. It is the use of HTML markup to reinforce the semantics or meaning of the content.
Ex:we use <strong> < /strong> and <em> </em> are used instead of <b> </b>,<i> </i>.
11)What is a marquee?
Marquee is used for scrolling text on a web page.
It scrolls the images or text up, down, left, or right automatically.
You should put the text in which you want to scroll within the <marquee> <marquee/> tag.
12)How to create a new HTML element?
<script>
document.creatElement (" myElement")
< /script>
Or
<myElement> hey guys! </ myElement>
13)What is the use of an iframe tag?
It is used to display a web page within a web page.
Syntax: <iframe src= "URC"> </iframe>
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
<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 a 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 <font color ="color"> </font> 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.
The following are different HTML5 elements that are used to define the different parts of a webpage.
<header>: It is used to define a header for a document or a section.
<nav>: It is used to define a container for navigation links
<section>: It is used to define a section in a document
<article>: It is used to define an independent, self-contained article
<aside>: It is used to define content aside from the content (like a sidebar)
<footer>: It is used to define a footer for a document or a section
20)Do you know HTML and CSS files are your models (M), and the browser is both the view and the controller (V and C).
Reason: It is simple as to why the HTML and CSS files are the models because they are the containers holding information. The browser is the view because it shows information to the user, and it is also a controller because it gets the user requests and fetches the right information from the models to display to the user.
21) What are the different new form element types in HTML 5?
Following is a list of 10 frequently used new elements in HTML 5:
Color
Date
Datetime-local
Time
Url
Range
Telephone
Number
Search
22) Is there any need to change the web browsers to support HTML5?
No. Almost all browsers (updated versions) support HTML 5. For example Chrome, Firefox, Opera, Safari, IE.
23) Which type of video formats are supported by HTML5?
HTML 5 supports three types of video format:
mp4
WebM
Ogg
24) Is an audio tag supported in HTML 5?
Yes. It is used to add sound or music files on the web page. There are three supported file formats for HTML 5 audio tag.
mp3
WAV
Ogg
Let's see the code to play the mp3 file using an HTML audio tag.
<audio controls>
<source src="koyal.mp3" type="audio/MPEG">
Your browser does not support the HTML audio tag.
</audio>
Instead of koyal.mp3, you can pass any mp3 file name.
25) What is the difference between progress and meter tag?
The progress tag is used to represent the progress of the task only while the meter tag is used to measure data within a given range. More details.
26) What is the use of figure tags in HTML 5?
The figure tag is used to add a photo in the document on the web page. It is used to handle the group of diagrams, photos, code listing with some embedded content.
27) What is the use of figcaption tag in HTML 5?
The <figcaption> element is used to provide a caption to an image.
It is an optional tag and can appear before or after the content within the <figure> tag.
The <figcaption> element is used with <figure> element and it can be placed as the first or last child of the <figure> element.
28) What is a button tag?
The button tag is used in HTML 5. It is used to create a clickable button within the HTML form on the web page. It is generally used to create a "submit" or "reset" button. Let's see the code to display the button.
<button name="button" type="button">Click Here</button>
29) What is the use of details and summary tag?
The details tag is used to specify some additional details on the web page. It can be viewed or hidden on demand. The summary tag is used with the details tag.
30) If I do not put <!DOCTYPE html> will HTML 5 work?
No, the browser will not be able to identify that it is an HTML document and HTML 5 tags do not function properly..
31) What is the use of the required attribute in HTML5?
It forces a user to fill text on the text field or text area before submitting the form. It is used for form validation.
Example:
Name: <input type="text" name="name" required>
32) What are the new <input> types for form validation in HTML5?
The new input types for form validation are email, URL, number, tel, and date.
33)Explain about <blockquote> tag.
This tag is a special tag in HTML.
It specifies a section that is quoted from another source.
Browsers usually indent <blockquote> elements.
It is a paired tag.
34) what do you mean by Radio button control?
Radio buttons are used when out of many options, just one option is required to be selected.
They are also creating using HTML <input> tag but the type attribute is set yo radio.
Syntax: < input type ='radio'/>
35)what is the checkbox control?
Checkboxes are used when more than one option is required to be selected. They are also created using HTML <input> tag but the type attribute is set to the checkbox. Syntax: < input type ='checkbox'/>
36)How yo create a web page?
Step1: Launch any text editor or IDE.
Step2: Write the required HTML source code.
Step3: Save the file with.HTML or .htm extension.
Step4: Right-click on the save file, open with any web browser, or double click on the saved file.
37) What do is meant by WYSIWYG?
what you see is what you get.
Ex: Macromedia Dreamweaver
Microsoft Frontpage.. etc
38)what is HTML Multimedia?
It is a new standard for media content playing video and audio is easier than ever.
39) Do the text between the audio tag display?
Yes,any text inside between <audio> & <audio/> will be displayed in browsers that do not support audio.
This is a very important point guy......and coming to its
syntax:
<audio>...........</audio>
40)What is the difference between align and align?
Yes, the Difference is aligned is used for rowspan and Valign is used for colsspan.
41)What is the use of tag <pre>?
Pre stands for PDE formatted text.
If we specify the text in pre tag the browser will consider the line breaks (Return/enter keys) and spaces specified in the text editor.
This is a paired tag.
42)What is the use of div tags in HTML?
Div is a division tag in HTML. It helps us to divide our page into different sections. Div is a block element.
Syntax
<div> Your content</div>
43)What is an Inline text?
Inline text or inline elements does not cause a line break on an HTML Page or container they take only space bounded by its opening and closing tag.
<span>, <a>, <b>,<input>, <kbd>, <label> are few examples of inline elements in HTML.
44)What is the basic structure of HTML?
The basic structure of the HTML document looks like
<!DOCTYPE html>
<html>
<head>
<title>Your Page Title</title>
</head>
<body>
<h1>First Heading</h1>
<p>Paragraph Text.</p>
</body>
</html>
45)How is overlapping affect the sets of tags?
An overlapping set of tags in the HTML results in the recognition of only the first tag.
Such issues occur only when the text does not display on the browser screen.
46)Where can you specify colors for table borders?
The specification of color for table borders can be made in the style sheet, and in its absence, the same as the text color will apply.
47)Is there any limit to a text field size?
Yes, there is a limit of 13 characters in a text field size.
By setting the size attribute, the size value can be set as low as 1.
48)What is the difference between active links and regular links?
An active link is when they have the focus when the mouse is placed over them, while the standard links are those who do not have the mouse cursor over the link.
49)What is an Anchor tag in HTML?
An anchor tag is used to link two sections, web pages, or website templates in HTML.
Its format is:
<a href=”#” target=”link”></a>
Where href is an attribute of the anchor tag used to identify the sections in a document, the ‘link’ is defined in the target attribute, which is to be linked.
50) What is an Image Map?
An Image map lets you link different web pages with a single image. It is represented with the <map> tag. Every employer expects the applicant to know about this, and this has been one of the most commonly asked HTML interview questions.
My best wishes to you.
Thank you!
Comments
Post a Comment