Scribd
Upload
1K views

50 HTML Tags and Their Functions With Examples PDF

HTML Notes

Uploaded by

Ayush Meshram
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
1K views

50 HTML Tags and Their Functions With Examples PDF

HTML Notes

Uploaded by

Ayush Meshram
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 11

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>

You might also like