50 HTML Tags and their functions with Examples PDF
1. HTML Doctype Tag
This HTML tag is used to define the document type.
<!DOCTYPE html>
2. HTML Anchor Tag
The anchor tag is used to create hyperlinks.
<a href="#"></a>
3. HTML Address Tag
This tag is used to define the contact information for the author or owner of a
document.
<address></address>
4. HTML Article Tag
This HTML tags represents an independent, and self-contained piece of content within
a document.
<article></article>
5. HTML Aside Tag
This tag is used to define the content that is tangentially related to the main content.
<aside></aside>
6. HTML Audio Tag
The audio tag is used to play audio files on a web page.
<audio src=""></audio>
7. HTML Bold Tag
This HTML tag is used to render the tax in bold.
<b></b>
8. HTML BlockQuote Tag
This tag indicates a section of quoted content from another source.
<blockquote></blockquote>
9. HTML Body Tag
The body tag contains the main content of an HTML document.
<body></body>
10. HTML Button Tag
The HTML Button tag is used to represent a clickable button.
<button></button>
11. HTML Break Tag
This HTML tag is used for a line-break and to create a new line without creating any
new paragraph.
<br>
12. HTML Canvas Tag
In HTML the <canvas> tag is used for drawing surface for dynamic graphics and
animations.
<canvas></canvas>
13. HTML Code Tag
The <code> tag is used to define a piece of computer code in the HTML document.
<code></code>
14. HTML Datalist Tag
This HTML tag is used to define a set of predefined options for an <input> element.
<datalist></datalist>
15. HTML Details Tag
The <details> HTML tag creates a disclosure widget which is used to show or hid the
additional content on the web page.
<details></details>
16. HTML Dialog Tag
The <dialog> tag is used to represent a dialog box or a modal window.
<dialog></dialog>
17. HTML Div Tag
This HTML tag is used to define a division or section within an HTML document.
<div></div>
18. HTML Em Tag
The <em> HTML tag is used to render the text in italics, indicating emphasis.
<em></em>
19. HTML Fieldset Tag
The <fieldset> HTML tag groups related form elements together and provide a visual
representation.
<fieldset></fieldset>
20. HTML Figcaption Tag
This HTML tag is used to represent a caption or legend for an <figure> element.
<figcaption></figcaption>
21. HTML Figure Tag
It is a self-contained content, such as images, diagrams, or code snippets.
<figure></figure>
22. HTML Footer Tag
The HTML <footer> tag is used to define the footer section of a document or a section
in the webpage.
<footer></footer>
23. HTML Form Tag
It is used to create a form for gathering user input and submit on the server.
<form action=""></form>
24. HTML h1 to h6 Tag
These HTML tags are used to define different levels of heading on the webpage, where
<h1> is the highest and <h6> is the lowest heading in HTML.
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
25. HTML Head Tag
It contains meta-information about the HTML document, such as the title and link to
external stylesheets and more..
<head></head>
26. HTML Header Tag
This HTML tag is used to represent the introductory content or a container for the
header of a document or a section.
<header></header>
27. HTML Tag
This tag represents the root element of an HTML document. Here is the syntax to define
it:
<html></html>
28. HTML I Tag
The <i> tag is used to render the text in italics.
<i></i>
29. HTML iframe Tag
The <iframe> HTML tag is used to embed an external web page or document within the
current HTML document.
<iframe src="" frameborder="0"></iframe>
30. HTML Image Tag
This HTML tag is used to insert an image into the web page.
<img src="" alt="">
31. HTML Input Tag
The <input> HTML tag is used to create an input field and input tag is used for such as
a text field, radio button, checkbox and more.
<input type="text"/>
32. HTML Label Tag
This HTML tag is used to define a label for an <input> element.
<label for=""></label>
33. HTML Legend Tag
This tag is used to provide a caption or title for a <fieldset> element in HTML document.
<legend></legend>
34. HTML List Tag
This HTML tag is used to crate list item within an ordered or unordered list.
<li></li>
35. HTML Link Tag
This tag is used to define a link to an external resource, such as a CSS stylesheet or an
icon.
<link rel="stylesheet" href="#">
or
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
36. HTML Main Tag
The HTML <main> tag is used to specify the main content of a HTML document,
excluding headers, footers, and sidebars.
<main></main>
37. HTML Mark Tag
It is used to highlight or marks specific text within the document.
<mark></mark>
38. HTML Meta Tag
This HTML tag provides metadata about the HTML document, such as character
encoding or page description.
<meta name="" content=""/>
39. HTML Meter Tag
This HTML tag is used to represent a scalar measurement within a known range in the
document.
<meter min="0" max="100" value="80"></meter>
40. HTML Nav Tag
The <nav> HTML tag is used to define a section of navigation links in the HTML
document or it is used to create the navigation bar.
<nav></nav>
41. HTML ol Tag
The <ol> tag is used to create an ordered list.
<ol></ol>
42. HTML Option Tag
This HTML tag is used to define options within a <select> dropdown or <datalist> control.
<option value=""></option>
43. HTML Paragraph Tag
This HTML tag is used to create a paragraph.
<p></p>
44. HTML Pre Tag
It is used to define preformatted text in the document.
<pre></pre>
45. HTML Progress Tag
The <progress> tag in HTML is used to represent the progress of a task or process.
<progress></progress>
46. HTML q Tag
This HTML tag is used to indicate a short inline quotation in the document.
<q></q>
47. HTML s Tag
This tag is used to define a strikethrough text.
<s></s>
48. HTML Script Tag
The <script> tag is used to embed or reference external JavaScript code within an HTML
document.
<script></script>
49. HTML Section Tag
The <section> tag is used to define a section within a document.
<section></section>
50. HTML Select Tag
This HTML tag is used to define a dropdown list in the document.
<select name="" id=""></select>
51. HTML Small Tag
The <small> tag is used to indicate smaller text. This tag is mainly used for disclaimers,
and copyright.
<small></small>
52. HTML Span Tag
This tag used to define text content as a span or an inline element. It is mainly to used
style the specific part of a text.
<span></span>
53. HTML Table Tag
The <table> tag is used to define a table in HTML document.
<table></table>
54. HTML tr Tag
This HTML tag is used to define a table row.
<tr></tr>
55. HTML td Tag
This HTML tag is used to define a table cell.
<td></td>
56. HTML th Tag
This HTML tag is used to define a table header cell.
<th></th>
57. HTML Title Tag
This HTML tag is used to define the title of the HTML page.
<title></title>
58. HTML Textarea Tag
The <textarea> tag is used to define a multiline text input control in the HTML
document..
<textarea name="" id="" cols="30" rows="10"></textarea>
59. HTML Time Tag
This HTML tag is used to represent a specific time or DateTime.
<time></time>
60. HTML ul Tag
This tag is used to create an unordered list.
<ul></ul>
61. HTML video Tag
The <video> HTML tag is used to embed video content in a document.
<video src=""></video>
