HTML Tags
HTML tags are the building blocks of web pages, used to structure and format content. They guide browsers on how to display text, images, links, and other media.
- Some tags, like <img> and <br>, are self-closing.
- Essential tags include <!DOCTYPE html>, <html>, <head>, and <body>.
- <!DOCTYPE html> declares the document type, <html> wraps content, <head> holds metadata like <title>.
<body> contains visible content, <h2> is a heading, <p> is a paragraph, <!-- --> are comments.
The extensive list of HTML tags, from A to Z. Whether you are just starting out or need a quick reference, this list has you covered.
1. DOCTYPE html: <!DOCTYPE html> declares the document as an HTML5 page, telling browsers how to render it correctly and ensuring consistent display
2. abbreviation: <abbr> defines an abbreviation or acronym, providing a tooltip with its full meaning when hovered over, improving accessibility and clarity.
3. acronym: <acronym> defines an acronym, giving additional semantic meaning and sometimes a tooltip with the full form, but it is deprecated in HTML5.
4. address: <address> specifies contact information for a person, organization, or author, usually displayed in italics and often used in footers or contact sections.
5. anchor: anchor creates a hyperlink to another page, section, email, or location, allowing users to navigate between web resources.
6. applet: <applet> embeds a Java program (applet) into an HTML page, allowing it to run in the browser; it is deprecated in modern HTML.
7. area:<area> defines a clickable region within an image map, linking different parts of an image to different URLs.
8. article:<article> represents a self-contained piece of content, like a blog post or news item, that can be independently distributed or reused.
9. aside: <aside> defines content that is related to the main content but separate, like a sidebar, tip, or advertisement.
10. audio:<audio> embeds audio content, such as music or podcasts, and can include controls for play, pause, and volume.
11. base: <base> sets a base URL for all relative links in the document, so you don’t have to write full URLs every time.
12. basefont: <basefont> sets the default font, size, and color for the page.
13. bdi:<bdi> (Bi-Directional Isolation) isolates a portion of text so its direction (LTR or RTL) does not affect surrounding content, useful for multilingual text.
14. bdo : <bdo> (Bi-Directional Override) explicitly overrides the text direction, forcing it to display left-to-right (ltr) or right-to-left (rtl).
15. bgsound: <bgsound> plays background audio automatically when a page loads.
16. big: <big> slightly increases the size of text.
17. blockquote: <blockquote> displays long quotations from other sources.
18. body: <body> defines the main content of the HTML page.
19. bold: <b> makes text bold without extra importance.
20. break: <br> inserts a line break.
21. button:<button> defines a clickable button.
22. caption:<caption> specifies a table’s caption.
23. canvas:<canvas> defines a drawable area for graphics and animations.
24. center:<center>centers content horizontally. (Deprecated)
25. cite:<cite> marks the title of a work, displayed in italics.
26. code:<code> represents computer code text.
27. colgroup: <colgroup> groups columns in a table for styling.
28. col:<col> sets properties for columns within a <colgroup>.
29. comment: comment inserts a comment in the HTML code.
30. data: <data> associates content with a machine-readable value.
31. datalist: <datalist> provides autocomplete options for input elements.
32. dd: <dd> defines a description in a description list.
33. define: <dfn> marks the defining instance of a term.
34. delete: <del> marks deleted text.
35. details: <details> creates an expandable/collapsible section.
36. dialog: <dialog> defines a popup dialog box.
37. dir: <dir> creates a directory list.
38. div:<div> groups content into a division or section.
39. dl: <dl> represents a description list.
40. dt: <dt> represents a term/name in a description list.
41. embed: <embed> embeds external multimedia content like Flash.
42. fieldset: <fieldset> groups related form elements together.
43. figcaption: <figcaption> adds caption to a figure.
44. figure: <figure> represents self-contained content, like images.
45. font: <font> set font, size, and color.
46. footer: <footer> defines footer content for a document/section.
47. form:<form> represents a web form for user input.
48. frame: <frame> defines a browser window frame.
49. frameset: <frameset> groups frames in a window.
50. head: <head> contains metadata and links for the document.
51. header: <header> represents introductory content or a heading section.
52. heading:<h1>–<h6> defines headings of the page from highest to lowest.
53. hgroup: <hgroup> groups multiple headings.
54. hr: <hr> inserts a horizontal line.
55. html: <html> defines the root element of the HTML page.
56. iframe: <iframe>embeds another HTML document in a frame.
57. image:<img> displays an image.
58. input:<input> creates input controls in a form.
59. ins: <ins> marks inserted text.
60. isindex: <isindex> creates a single-line text query.
61. italic: <i> italicizes text for emphasis or technical terms.
67. kbd: <kbd> marks text as keyboard input.
68. keygen: <keygen> generates key-pair for forms.
69. label: <label> provides label for form input elements.
70. legend: <legend> titles a <fieldset> element.
71. link: <link> links external resources like CSS or icons.
72. list: <li> represents an item in a list.
73. main: <main> marks the main content of the page.
74. mark: <mark> highlights text for reference or attention.
75. marquee: <marquee> scrolls text or images.
76. menuitem: <menuitem> defines a menu command.
77. meta: <meta> stores metadata about the HTML document.
78. meter: <meter> displays a scalar measurement within a known range.
79. nav: <nav> represents navigation links for the site.
80. nobreak: <nobr>prevents line breaks.
81. noembed: <noembed> alternative content for unsupported embed.
82. noscript: <noscript> displays content when scripts are disabled.
83. object: <object> embeds multimedia content.
84. optgroup: <optgroup> groups options in a dropdown menu.
85. option: <option> defines a choice in a dropdown list.
86. output: <output> displays results from calculations or scripts.
87. paragraph: <p> represents a paragraph of text.
88. param: <param> defines parameters for an object element.
89. em : <em> marks text with emphasis.
90. pre: <pre> displays preformatted text.
91. progress: <progress> represents progress of a task.
92. q: <q> represents a short inline quotation.
93. rp: <rp> provides parentheses for ruby annotations.
94. rt: <rt> provides ruby annotation text.
95. ruby: <ruby>marks text with ruby annotations.
96. s: <s>marks text as no longer correct.
97. samp: samp represents sample computer output.
98. script: <script>embeds client-side script like JavaScript.
99. section: <section> represents a standalone section of content.
100. small: <small> reduces font size.
101. source:<source> defines media source for audio/video.
102. spacer: <spacer> creates empty space.
103. span:<span> generic inline container for text or elements.
104. strike: <strike> strikethrough text.
105.strong: <strong> marks text as important, bold style.
106. style: <style> adds CSS styling within HTML.
107. sub: <sub> adds subscript text.
108. sup: <sup> adds superscript text.
109.summary: <summary>adds summary for a <details> element.
110. svg: <svg>defines Scalable Vector Graphics content.
111. table:<table> represents tabular data in rows and columns.
112. tbody: <tbody> groups table body rows.
113. td: <td>represents a standard table cell.
114. template: <template> stores reusable HTML fragments.
115. tfoot: <tfoot> defines table footer.
116. th:<th> represents a table header cell.
117. thead: <thead>groups table header rows.
118. time: <time> represents a specific date/time.
119. title: <title> sets the document title.
120. tr: <tr> defines a table row.
121. track: <track> provides text tracks for media elements.
122. tt: <tt> teletype text.
123. underline: <u> underlines text.
124. var: <var> represents a variable in code or math.
125. video: <video> embeds video content.
126. wbr: <wbr> suggests a line break opportunity.
127. xmp: <xmp> displays preformatted text literally.
Comments