1) What is HTML?

HTML stands for Hyper Text Markup Language. It is a language of World Wide Web. It is a
standard text formatting language which 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:

o content, and

o 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: <image> tag,
<br> 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 <h1> to <h6> tags.
Each type of heading tag displays different text size from another. So, <h1> is the
largest heading tag and <h6> 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:

o Unvisited link - It is displayed, underlined and blue.

o Visited link - It is displayed, underlined and purple.

o 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 which are used to design a page. You can choose any or a
combination of the following list types:

o Ordered list - The ordered list displays elements in numbered format. It is

represented by <ol> tag.

o Unordered list - The unordered list displays elements in bulleted format. It is

represented by <ul> tag.

o Definition list - The definition list displays elements in definition form like in
dictionary. The <dl>, <dt> and <dd> 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 <b> </b> tag is not used for
bold statement as well as <i> </i> tag is used for italic. Instead of these we use
<strong></strong> and <em></em> 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 <map> 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 &copy; or &#169; 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 <iframe> tag defines an inline frame. For
example:

1. <!DOCTYPE html>
2. <html>
3. <body>
4. <h2>HTML Iframes example</h2>
5. <p>Use the height and width attributes to specify the size of the iframe:</p>
6. <iframe src="https://www.javatpoint.com/" height="300" width="400"></
iframe>
7. </body>
8. </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 <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.

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.

o <header>: It is used to define a header for a document or a section.

o <nav>: It is used to define a container for navigation links

o <section>: It is used to define a section in a document

o <article>: It is used to define an independent, self-contained article

o <aside>: It is used to define content aside from the content (like a sidebar)

o <footer>: 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 <marquee>......</marquee> tag. More details.

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

Three tags are used to separate the texts.

o <br> tag - Usually <br> tag is used to separate the line of text. It breaks the
current line and conveys the flow to the next line

o <p> tag - The <p> tag contains the text in the form of a new paragraph.

o <blockquote> tag - It is used to define a large quoted section. If you have a large
quotation, then put the entire text within <blockquote>.............</blockquote>
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 </head> 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: <br>, <hr>
etc.

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

The span tag is used for following things:

o For adding color on text

o For adding background on text

o 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.javatpoint.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 <!DOCTYPE html> tag is a HTML tag?

No, the <!DOCTYPE html> 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, <!DOCTYPE html> is
used to instruct the web browser about the HTML page.

HTML5 Interview Questions

Let's see a list of top HTML5 interview questions and answers.

29) What is the canvas element in HTML5?

The <canvas> element is a container that is used to draw graphics on the web page
using scripting language like JavaScript. It allows for dynamic and scriptable rendering of
2D shapes and bitmap images. There are several methods in canvas to draw paths,
boxes, circles, text and add images. For Example:

1. <canvas id="myCanvas1" width="300" height="100" style="border:2px solid;">

2. Your browser does not support the HTML5 canvas tag.

3. </canvas>
More details.

30) What is SVG?

HTML SVG is used to describe the two-dimensional vector and vector/raster graphics.
SVG images and their behaviors are defined in XML text files. So as XML files, you can
create and edit an 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. <svg width="100" height="100">

2. <circle cx="50" cy="50" r="40" stroke="yellow" stroke-width="4" fill="red" />
3. </svg>
More details.

31) What are the different new form element types in HTML 5?
Following is a list of 10 frequently used new elements in HTML 5:

o Color

o Date

o Datetime-local

o Email

o Time

o Url

o Range

o Telephone

o Number

o Search

32) 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.

33) Which type of video formats are supported by HTML5?

HTML 5 supports three types of video format:
 o mp4

o WebM

o Ogg

More details.

34) Is 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.

1. mp3

2. WAV

3. Ogg

Let's see the code to play mp3 file using HTML audio tag.

1. <audio controls>
2. <source src="koyal.mp3" type="audio/mpeg">
3. Your browser does not support the html audio tag.
4. </audio>

Instead of koyal.mp3, you can pass any mp3 file name.

More details.

35) 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.

36) What is the use of figure tag 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.

1. <p>The Taj Mahal is widely recognized as "the jewel of Muslim art in India and one
of the universally admired masterpieces of the world's heritage."</p>
2. <figure>
 3. <img src="htmlpages/images/tajmahal.jpg" alt="Taj Mahal"/>
4. </figure>
More details.

37) 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.

1. <figure>
2. <img src="htmlpages/images/tajmahal.jpg" alt="Taj Mahal"/>
3. <figcaption>Fig.1.1 - A front view of the great Taj Mahal in Agra.</figcaption>
4. </figure>
More details.

38) What is 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.

1. <button name="button" type="button">Click Here</button>

More details.

39) 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 details tag. More details.

40) What is datalist tag?

The HTML 5 datalist tag provides an autocomplete feature on the form element. It
facilitates users to choose the predefined options to the users to select data.

1. <label>
2. Enter your favorite cricket player: Press any character<br />
3. <input type="text" id="favCktPlayer" list="CktPlayers">
4. <datalist id="CktPlayers">
5. <option value="Sachin Tendulkar">
 6. <option value="Brian Lara">
7. <option value="Jacques Kallis">
8. <option value="Ricky Ponting">
9. <option value="Rahul Dravid">
10. </datalist>
11. </label>
More details.

41) How are tags migrated from HTML4 to HTML5?

No. Typical HTML4 Typical HTML5

1) <div id="header"> <header>

2) <div id="menu"> <nav>

3) <div id="content"> <section>

4) <div id="post"> <article>

5) <div id="footer"> <footer>

Header and Footer Example

HTML 4 Header and Footer:

1. <div id="header">
2. <h1>Monday Times</h1>
3. </div>
4. .
5. .
6. .
7. <div id="footer">
8. <p>&copy; JavaTpoint. All rights reserved.</p>
9. </div>

HTML 5 Header and Footer:

1. <header>
2. <h1>Monday Times</h1>
3. </header>
4. .
 5. .
6. .
7. <footer>
8. <p>© JavaTpoint. All rights reserved.</p>
9. </footer>

Menu Example
HTML 4 Menu:

1. <div id="menu">
2. <ul>
3. <li>News</li>
4. <li>Sports</li>
5. <li>Weather</li>
6. </ul>
7. </div>

HTML 5 Menu:

1. <nav>
2. <ul>
3. <li>News</li>
4. <li>Sports</li>
5. <li>Weather</li>
6. </ul>
7. </nav>

42) 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..

43) 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:

1. Name: <input type="text" name="name" required>

44) 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.

Example:

1. <input type="email">

4. What is the difference between HTML and HTML 5?

HTML HTML5

It didn’t support audio and video without the use It supports audio and video controls with
of Flash player support. the use of <audio> and <video> tags.

It uses SQL databases and application

It uses cookies to store temporary data.
cache to store offline data.

Allows JavaScript to run in the background.

Does not allow JavaScript to run in the browser. This is possible due to JS Web worker API
in HTML5.

Vector graphics are possible in HTML with the

Vector graphics is additionally an integral
help of various technologies such as VML,
part of HTML5 like SVG and canvas.
Silver-light, Flash, etc.

It does not allow drag-and-drop effects. It allows drag-and-drop effects.

Not possible to draw shapes like circles, HTML5 allows drawing shapes like circles,
rectangles, triangles, etc. rectangles, triangles, etc.

It is supported by all-new browsers like

It works with all old browsers.
Firefox, Mozilla, Chrome, Safari, etc.

Older versions of HTML are less mobile-friendly. HTML5 language is more mobile-friendly.

The doctype declaration is too long and The doctype declaration is quite simple and
complicated. easy.

New elements for web structure like nav,

Elements like nav and header were not present.
header, footer, etc.
 HTML HTML5

Character encoding is long and complicated. Character encoding is simple and easy.

It is almost impossible to get the true

One can track the Geo Location of a user
GeoLocation of users with the help of the
easily by using JS GeoLocation API.
browser.

It can not handle inaccurate syntax. It is capable of handling inaccurate syntax.

Attributes like charset, async, and ping are Attributes of the charset, async, and ping
absent in HTML. are a part of HTML 5.

10. What are attributes?

An attribute is used to provide extra or additional information about an element.
 All HTML elements can have attributes. Attributes provide additional
information about an element.
 It takes 2 parameters ie., name and value. These define the properties of the
element and are placed inside the opening tag of the element. The name
parameter takes the name of the property we would like to assign to the
element and the value takes the property value or extent of the property
names that can be aligned over the element.
 Every name has some value that must be written within quotes.

11. Are <b> and <strong> tags same? If not, then why?
HTML strong tag: The strong tag is one of the elements of HTML used in formatting
HTML texts. It is used to show the importance of the text by making it bold or
highlighting it semantically.
Syntax:
<strong> Contents... </strong>
HTML bold tag: The bold tag or <b> is also one of the formatting elements of HTML.
The text written under the <b> tag makes the text bold presentationally to draw
attention.
Syntax:
<b> Contents... </b>
The main difference between the <bold> tag & <strong> tag is that the strong tag
semantically emphasizes the important word or section of words while the bold tag is
just offset text conventionally styled in bold. Click Here to know more.

12. What is the difference between <em> and <i> tags?

<i> tag: It is one of the elements of HTML which is used in formatting HTML texts. It is
used to define a text in technical terms, alternative mood or voice, a thought, etc.
Syntax:
<i> Content... </i>
<em> tag: It is also one of the elements of HTML used in formatting texts. It is used to
define emphasized text or statements.
Syntax:
<em> Content... </em>

13. How are comments added in HTML?

The comment tag (<!– Comment –>) is used to insert comments in the HTML code.
Types of HTML Comments: There are three types of comments in HTML which are:
 Single-line comment
 Multi-lines comment
 Using <comment> tag

20. What is the difference between block and inline elements?

Every element in HTML has a default display value which depends upon the element
type. Block or inline is the default display value for most of the elements.
Block-Level Elements: A block-level element always starts on a new line and
stretches out to the left and right as far as it can.
 div element: The div element is used as a container for other HTML
elements. It has no required attributes. Style, class, and id are the commonly
used attributes.
 span element: The span element is used as a container for text. It has no
required attributes. Style, class, and id are the commonly used attributes.

HTML <marquee> Tag

The <marquee> tag in HTML is used to create scrolling text or images on a webpage. It
can scroll horizontally from left to right or right to left, and vertically from top to bottom
or bottom to top. It includes attributes like direction to specify whether the content
moves left, right, up, or down.

Here's a brief explanation of each HTML tag listed:

### 1. `<a>`
- **Definition:** Defines a hyperlink.
- **Usage:** Used to link to another document or location.

### 2. `<abbr>`
- **Definition:** Defines an abbreviation or acronym.
- **Usage:** Provides a full description when hovered over.

### 3. `<acronym>` (Deprecated)

- **Definition:** Was used to define an acronym.
- **Usage:** Similar to `<abbr>`, but is now deprecated. Use `<abbr>` instead.

### 4. `<address>`
- **Definition:** Defines contact information for the author/owner of a document.
- **Usage:** Typically used for email addresses, physical addresses, etc.

### 5. `<area>`
- **Definition:** Defines an area inside an image map.
- **Usage:** Specifies coordinates and link information.

### 6. `<article>`
- **Definition:** Defines independent, self-contained content.
- **Usage:** Suitable for blog posts, news articles, etc.

### 7. `<aside>`
- **Definition:** Defines content aside from the main content.
- **Usage:** Often used for sidebars or pull quotes.

### 8. `<audio>`
- **Definition:** Embeds sound content in a document.
- **Usage:** Supports multiple formats like MP3, Ogg, etc.

### 9. `<b>`
- **Definition:** Defines bold text.
- **Usage:** Typically used for stylistic purposes without emphasis.

### 10. `<base>`

- **Definition:** Specifies the base URL for all relative URLs in a document.
- **Usage:** Placed inside the `<head>`.

### 11. `<bdi>`

- **Definition:** Isolates a part of text that might be formatted in a different direction from the other text
outside it.
- **Usage:** Useful for multi-directional text.

### 12. `<bdo>`

- **Definition:** Overrides the current text direction.
- **Usage:** Sets text direction explicitly, e.g., RTL (right-to-left).

### 13. `<big>` (Deprecated)

- **Definition:** Used to make text larger than surrounding text.
- **Usage:** Deprecated in favor of CSS.

### 14. `<blockquote>`

- **Definition:** Defines a section that is quoted from another source.
- **Usage:** Often used with a citation of the source.

### 15. `<body>`

- **Definition:** Defines the document's body.
- **Usage:** Contains all the content of an HTML document.

### 16. `<br>`

- **Definition:** Inserts a single line break.
- **Usage:** Used for text formatting.

### 17. `<button>`

- **Definition:** Defines a clickable button.
- **Usage:** Can contain text, images, or other HTML content.

### 18. `<canvas>`

- **Definition:** Used to draw graphics, on the fly, via scripting (usually JavaScript).
- **Usage:** Useful for rendering images, game graphics, etc.

### 19. `<caption>`

- **Definition:** Defines a table caption.
- **Usage:** Appears at the top of a table.

### 20. `<center>` (Deprecated)

- **Definition:** Used to center-align text.
- **Usage:** Deprecated in favor of CSS.

### 21. `<cite>`

- **Definition:** Defines a citation.
- **Usage:** Used for citing sources, usually italicized.

### 22. `<code>`

- **Definition:** Defines a piece of computer code.
- **Usage:** Text enclosed appears in a monospace font.

### 23. `<col>`

- **Definition:** Specifies column properties for each column within a `<colgroup>`.
- **Usage:** Used with tables.

### 24. `<colgroup>`

- **Definition:** Specifies a group of one or more columns in a table for formatting.
- **Usage:** Useful for setting column styles in a table.

### 25. `<data>`

- **Definition:** Links a content to a machine-readable value.
- **Usage:** Typically used with custom data attributes.

### 26. `<datalist>`

- **Definition:** Specifies a list of pre-defined options for input controls.
- **Usage:** Used with `<input>` elements for autocomplete functionality.

### 27. `<dd>`

- **Definition:** Describes a term/name in a description list.
- **Usage:** Used within `<dl>` alongside `<dt>`.

### 28. `<del>`

- **Definition:** Defines text that has been deleted.
- **Usage:** Usually rendered with a strikethrough.

### 29. `<details>`

- **Definition:** Used to create an interactive widget that the user can open and close.
- **Usage:** Often used for showing/hiding additional information.

### 30. `<dfn>`

- **Definition:** Represents the defining instance of a term.
- **Usage:** Typically italicized and used when defining terms.

### 31. `<dialog>`

- **Definition:** Represents a dialog box or other interactive component.
- **Usage:** Useful for pop-up windows, modals, etc.

### 32. `<dir>` (Deprecated)

- **Definition:** Used to create a directory list.
- **Usage:** Deprecated in favor of `<ul>` and `<ol>`.

### 33. `<div>`

- **Definition:** Defines a division or section in a document.
- **Usage:** A block-level element used to group content.

### 34. `<dl>`

- **Definition:** Defines a description list.
- **Usage:** Contains terms and their descriptions.

### 35. `<dt>`

- **Definition:** Defines a term/name in a description list.
- **Usage:** Used within `<dl>` alongside `<dd>`.

### 36. `<em>`

- **Definition:** Emphasizes text.
- **Usage:** Typically rendered in italics.

### 37. `<embed>`

- **Definition:** Embeds external content (e.g., a plugin) in a document.
- **Usage:** Can be used to include multimedia like video, audio, etc.

### 38. `<fencedframe>` (Experimental)

- **Definition:** Creates an embedded, isolated browsing context.
- **Usage:** Experimental and not widely supported yet.

### 39. `<fieldset>`

- **Definition:** Groups related elements in a form.
- **Usage:** Often used with `<legend>`.

### 40. `<figcaption>`

- **Definition:** Defines a caption for a `<figure>`.
- **Usage:** Provides a caption for images, diagrams, etc.

### 41. `<figure>`

- **Definition:** Specifies self-contained content, like illustrations, diagrams, etc.
- **Usage:** Used with `<figcaption>` to caption images.

### 42. `<font>` (Deprecated)

- **Definition:** Used to define font size, color, and face.
- **Usage:** Deprecated in favor of CSS.

### 43. `<footer>`

- **Definition:** Defines a footer for a document or section.
- **Usage:** Typically contains author information, copyright data, etc.

### 44. `<form>`

- **Definition:** Defines an HTML form for user input.
- **Usage:** Used for collecting user input.

### 45. `<frame>` (Deprecated)

- **Definition:** Used to define a particular area (frame) within a `<frameset>`.
- **Usage:** Deprecated in favor of `<iframe>`.
### 46. `<frameset>` (Deprecated)
- **Definition:** Defines a frameset.
- **Usage:** Deprecated and replaced by CSS.

### 47. `<h1>` to `<h6>`

- **Definition:** Defines HTML headings.
- **Usage:** `<h1>` is the highest level, and `<h6>` is the lowest.

### 48. `<head>`

- **Definition:** Contains metadata/information for the document.
- **Usage:** Includes tags like `<title>`, `<meta>`, `<link>`, etc.

### 49. `<header>`

- **Definition:** Represents introductory content.
- **Usage:** Typically contains navigational links, logo, etc.

### 50. `<hgroup>`

- **Definition:** Groups a set of `<h1>`-`<h6>` elements when a heading has multiple levels.
- **Usage:** Useful for subheadings within a single section.

### 51. `<hr>`

- **Definition:** Defines a thematic break (horizontal rule).
- **Usage:** Often used to separate content in a document.

### 52. `<html>`

- **Definition:** Defines the root of an HTML document.
- **Usage:** Contains all the other elements in the document.

### 53. `<i>`

- **Definition:** Defines italic text.
- **Usage:** Typically used for text that is set off from normal text, like book titles.

### 54. `<iframe>`

- **Definition:** Embeds another HTML page within the current page.
- **Usage:** Useful for embedding external content.

### 55. `<img>`

- **Definition:** Embeds an image in a document.
- **Usage:** Requires a `src` attribute to specify the image source.

### 56. `<input>`

- **Definition:** Defines an input control.
- **Usage:** Various types like text, radio, checkbox, etc.

### 57. `<ins>`

- **Definition:** Defines text that has been inserted.
- **Usage:** Typically underlined.

### 58. `<kbd>`

- **Definition:** Defines keyboard input.
- **Usage:** Typically used to show what the user needs to input via the keyboard.
### 59. `<label>`
- **Definition:** Defines a label for an `<input>` element.
- **Usage:** Improves accessibility and usability of forms.

### 60. `<legend>`

- **Definition:** Defines a caption for a `<fieldset>`.
- **Usage:** Provides a title for groups of form controls.

### 61. `<li>`

- **Definition:** Defines a list item.

- **Usage:** Used within `<ul>`, `<ol>`, or `<menu>`.

### 62. `<link>`

- **Definition:** Defines the relationship between a document and an external resource.
- **Usage:** Commonly used for stylesheets.

### 63. `<main>`

- **Definition:** Specifies the main content of a document.
- **Usage:** Should only have one per document, as it contains the primary content.

### 64. `<map>`

- **Definition:** Defines an image map.
- **Usage:** Specifies clickable areas within an image.

### 65. `<mark>`

- **Definition:** Defines marked or highlighted text.
- **Usage:** Useful for highlighting search results.

### 66. `<marquee>` (Deprecated)

- **Definition:** Creates scrolling text or images.
- **Usage:** Deprecated in favor of CSS animations.

### 67. `<menu>`

- **Definition:** Defines a list or menu of commands.
- **Usage:** Used for context menus, toolbars, etc.

### 68. `<meta>`

- **Definition:** Defines metadata about an HTML document.
- **Usage:** Often used for character set, description, keywords, etc.

### 69. `<meter>`

- **Definition:** Defines a scalar measurement within a known range.
- **Usage:** Often used for a gauge, like a progress bar.

### 70. `<nav>`

- **Definition:** Defines navigation links.
- **Usage:** Typically contains menus, navigation bars, etc.

### 71. `<nobr>` (Deprecated)

- **Definition:** Used to prevent text from wrapping.
- **Usage:** Deprecated in favor of CSS.
### 72. `<noembed>` (Deprecated)
- **Definition:** Provides an alternative content for browsers that don't support `<embed>`.
- **Usage:** Deprecated and not widely used anymore.

### 73. `<noframes>` (Deprecated)

- **Definition:** Provides content for browsers that don't support `<frameset>`.
- **Usage:** Deprecated.

### 74. `<noscript>`

- **Definition:** Provides content for browsers that don't support or have disabled scripts.
- **Usage:** Used for providing fallback content.

### 75. `<object>`

- **Definition:** Defines an embedded object.
- **Usage:** Can be used to embed multimedia like images, videos, etc.

### 76. `<ol>`

- **Definition:** Defines an ordered list.
- **Usage:** Typically numbers list items.

### 77. `<optgroup>`

- **Definition:** Groups related options in a `<select>` element.
- **Usage:** Used to categorize options within a dropdown.

### 78. `<option>`

- **Definition:** Defines an option in a dropdown list.
- **Usage:** Used within `<select>`, `<optgroup>`, or `<datalist>`.

### 79. `<output>`

- **Definition:** Represents the result of a calculation or user action.
- **Usage:** Typically used in conjunction with JavaScript.

### 80. `<p>`

- **Definition:** Defines a paragraph.
- **Usage:** Block-level element used to group text content.

### 81. `<param>` (Deprecated)

- **Definition:** Defines parameters for plugins and embedded objects.
- **Usage:** Deprecated, and `<embed>` is now used instead.

### 82. `<picture>`

- **Definition:** Contains multiple sources for an image, allowing the browser to choose the best one.
- **Usage:** Used for responsive images.

### 83. `<plaintext>` (Deprecated)

- **Definition:** Used to render content as plain text.
- **Usage:** Deprecated; now handled by CSS or other HTML tags.

### 84. `<portal>` (Experimental)

- **Definition:** Used to embed another HTML page within the current page, with the intent of potentially
navigating to it.
- **Usage:** Experimental and not widely supported.
### 85. `<pre>`
- **Definition:** Defines preformatted text.
- **Usage:** Text within is displayed in a fixed-width font and respects whitespace.

### 86. `<progress>`

- **Definition:** Represents the completion progress of a task.
- **Usage:** Often used for progress bars.

### 87. `<q>`

- **Definition:** Defines a short quotation.
- **Usage:** Usually displayed with quotation marks.

### 88. `<rb>` (Deprecated)

- **Definition:** Was used for base text in ruby annotations.
- **Usage:** Deprecated in favor of other ruby elements.

### 89. `<rp>`

- **Definition:** Defines what to show in browsers that do not support ruby annotations.
- **Usage:** Often used with `<ruby>`.

### 90. `<rt>`

- **Definition:** Defines the pronunciation of characters in ruby annotations.
- **Usage:** Typically used for Asian languages.

### 91. `<rtc>` (Deprecated)

- **Definition:** Used for ruby text containers.
- **Usage:** Deprecated in favor of other ruby elements.

### 92. `<ruby>`

- **Definition:** Defines a ruby annotation.
- **Usage:** Provides pronunciation guides for East Asian characters.

### 93. `<s>`

- **Definition:** Represents text that is no longer correct.
- **Usage:** Typically displayed with a strikethrough.

### 94. `<samp>`

- **Definition:** Defines sample output from a computer program.
- **Usage:** Displayed in a monospace font.

### 95. `<script>`

- **Definition:** Used to embed executable code or external scripts.
- **Usage:** Typically JavaScript.

### 96. `<search>`

- **Definition:** Experimental; intended for searching content within the page.
- **Usage:** Not yet standardized or widely supported.

### 97. `<section>`

- **Definition:** Defines a section in a document.
- **Usage:** Often used for grouping related content.
### 98. `<select>`
- **Definition:** Defines a dropdown list.
- **Usage:** Used in forms for selecting options.

### 99. `<slot>`

- **Definition:** Used as a placeholder inside a web component.
- **Usage:** Allows you to define where content is inserted in a component.

### 100. `<small>`

- **Definition:** Defines smaller text.
- **Usage:** Typically used for fine print, disclaimers, etc.

### 101. `<source>`

- **Definition:** Defines multiple media resources for `<audio>` and `<video>`.
- **Usage:** Used for specifying different formats or resolutions.

### 102. `<span>`

- **Definition:** Defines a section in a document.
- **Usage:** An inline container for text or other elements.

### 103. `<strike>` (Deprecated)

- **Definition:** Represents strikethrough text.
- **Usage:** Deprecated in favor of `<s>`.

### 104. `<strong>`

- **Definition:** Defines important text.
- **Usage:** Typically displayed in bold.

### 105. `<style>`

- **Definition:** Defines style information for a document.
- **Usage:** Contains CSS rules to style the document.

### 106. `<sub>`

- **Definition:** Defines subscript text.
- **Usage:** Often used for footnotes, chemical formulas, etc.

### 107. `<summary>`

- **Definition:** Defines a visible heading for a `<details>` element.
- **Usage:** Clickable to expand/collapse the `<details>` content.

### 108. `<sup>`

- **Definition:** Defines superscript text.
- **Usage:** Often used for exponents, footnotes, etc.

### 109. `<table>`

- **Definition:** Defines a table.
- **Usage:** Used to display tabular data.

### 110. `<tbody>`

- **Definition:** Groups the body content in a table.
- **Usage:** Used to group rows in a table.

### 111. `<td>`

- **Definition:** Defines a cell in a table.
- **Usage:** Contains data within a `<tr>`.

### 112. `<template>`

- **Definition:** Holds client-side content that you don't want rendered when the page loads.
- **Usage:** Used in web components and JavaScript.

### 113. `<textarea>`

- **Definition:** Defines a multi-line text input control.
- **Usage:** Used in forms for long text input.

### 114. `<tfoot>`

- **Definition:** Groups the footer content in a table.
- **Usage:** Appears at the bottom of a table.

### 115. `<th>`

- **Definition:** Defines a header cell in a table.
- **Usage:** Typically used at the top of a column.

### 116. `<thead>`

- **Definition:** Groups the header content in a table.
- **Usage:** Appears at the top of a table.

### 117. `<time>`

- **Definition:** Represents a specific time or date.
- **Usage:** Useful for events, dates, and times.

### 118. `<title>`

- **Definition:** Defines the title of the document.
- **Usage:** Appears in the browser title bar or tab.

### 119. `<tr>`

- **Definition:** Defines a row in a table.
- **Usage:** Contains table cells (`<td>` or `<th>`).

### 120. `<track>`

- **Definition:** Specifies text tracks for `<video>` and `<audio>`.
- **Usage:** Useful for subtitles, captions, etc.

### 121. `<tt>` (Deprecated)

- **Definition:** Defines teletype text.
- **Usage:** Deprecated in favor of `<code>` and other tags.

### 122. `<u>`

- **Definition:** Defines underlined text.
- **Usage:** Typically used for stylistic purposes.

### 123. `<ul>`

- **Definition:** Defines an unordered list.
- **Usage:** Typically displays bullet points.

### 124. `<var>`

- **Definition:** Defines a variable in programming or mathematical expression.
- **Usage:** Typically displayed in italics.

### 125. `<video>`

- **Definition:** Embeds video content in a document.
- **Usage:** Supports multiple formats and controls.

### 126. `<wbr>`

- **Definition:** Defines a word break opportunity.
- **Usage:** Useful for suggesting line breaks in long words.

### 127. `<xmp>` (Deprecated)

- **Definition:** Used to render text as it is, without parsing HTML elements.
- **Usage:** Deprecated; use `<pre>` or other tags instead.

These details should give you a solid understanding of each HTML tag mentioned. Let me know if you need
further clarification on any of these!

<input> types

1. <input type="button">
2. <input type="checkbox">
3. <input type="color">
4. <input type="date">
5. <input type="datetime-local">
6. <input type="email">
7. <input type="file">
8. <input type="hidden">
9. <input type="image">
10. <input type="month">
11. <input type="number">
12. <input type="password">
13. <input type="radio">
14. <input type="range">
15. <input type="reset">
16. <input type="search">
17. <input type="submit">
18. <input type="tel">
19. <input type="text">
20. <input type="time">
21. <input type="url">
22. <input type="week">