List of all HTML Tags with Examples

HTML5 Tags list with examples

HTML5 Tags list with examples

HTML Tags: Tags are the basic elements of HTML structure. They define the purpose and function of things we can manage with them. There have been five official versions of HTML with newer tags added as per the requirements. Originally there were 18 tags in the beginning. Since then several optimized tags have been added to match modern standards.

 

 

 


HTML Tags list with description and Examples

There are more than 100+ tags used across HTML. Here is a complete list of tags to help you get started in HTML learning with examples.

No.Tag NameDescriptionExample
1!–…–This HTML tag defines a commentexample
2!DOCTYPEDefines the document typeexample
3aThis HTML tag defines a hyperlinkexample
4abbrThis HTML tag defines an abbreviation or an acronym.example
5acronymThis HTML tag defines an acronym (Not supported in HTML5),example
6addressThis HTML tag Defines contact information for the author/owner of a documentexample
7appletThis HTML tag defines an embedded applet. (Not supported in HTML5)example
8areaThis HTML tag defines an area inside an image-mapexample
9articleThis HTML tag defines an article, exampleexample
10asideThis HTML tag defines content aside from the page contentexample
11audioThis HTML tag defines sound contentexample
12bDefines bold textexample
13baseThis HTML tag specifies the base URL/target for all relative URLs in a documentexample
14basefontSpecifies a default color size and font for all text in a document (Not supported in HTML5)example
15bdiIsolates a part of the text that might be formatted in a different direction from other text outside itexample
16bdoOverrides the current text directionexample
17bigDefines big text (Not supported in HTML5)example
18blockquoteDefines a section that is quoted from another sourceexample
19bodyDefines the document’s bodyexample
20brDefines a single line breakexample
21buttonDefines a clickable buttonexample
22canvasUsed to draw graphics on the fly via scripting (usually JavaScript)example
23captionDefines a table captionexample
24centerDefines centered text(Not supported in HTML5)example
25citeThis HTML tag Defines the title of a workexample
26codeThis HTML tag Defines a piece of computer codeexample
27colThis HTML tag Specifies column properties for each column within a colgroup elementexample
28colgroupThis HTML tag Specifies a group of one or more columns in a table for formattingexample
29dataThis HTML tag Links the given content with a machine-readable translationexample
30datalistThis HTML tag Specifies a list of pre-defined options for input controlsexample
31ddThis HTML tag Defines a description/value of a term in a description listexample
32delThis HTML tag Defines text that has been deleted from a documentexample
33detailsThis HTML tag Defines additional details that the user can view or hideexample
34dfnThis HTML tag Represents the defining instance of a termexample
35dialogThis HTML tag Defines a dialog box or windowexample
36dirNot supported in HTML5. Use ul instead.This HTML tag Defines a directory listexample
37divThis HTML tag Defines a section in a documentexample
38dlThis HTML tag Defines a description listexample
39dtThis HTML tag Defines a term/name in a description listexample
40emThis HTML tag Defines emphasized textexample
41embedThis HTML tag Defines a container for an external (non-HTML) applicationexample
42fieldsetThis HTML tag Groups related elements in a formexample
43figcaptionThis HTML tag Defines a caption for a figure elementexample
44figureThis HTML tag Specifies self-contained contentexample
45fontDefines font color and size for text (Not supported in HTML5)example
46footerThis HTML tag Defines a footer for a document or sectionexample
47formThis HTML tag Defines an HTML form for user inputexample
48frameThis HTML tag Defines a window (a frame) in a frameset(Not supported in HTML5)example
49framesetThis HTML tag Defines a set of frames(Not supported in HTML5)example
50h1 to h6Defines HTML headingsexample
51headThis HTML tag Defines information about the documentexample
52headerThis HTML tag Defines a header for a document or sectionexample
53hrThis HTML tag Defines a thematic change in the contentexample
54HTMLDefines the root of an HTML documentexample
55iThis HTML tag Defines a part of a text in an alternate voice or moodexample
56iframeThis HTML tag Defines an inline frameexample
57imgThis HTML tag Defines an imageexample
58inputDefines an input controlexample
59insThis HTML tag Defines a text that has been inserted into a documentexample
60kbdThis HTML tag Defines keyboard inputexample
61labelThis HTML tag Defines a label for an input elementexample
62legendThis HTML tag Defines a caption for a fieldset elementexample
63liThis HTML tag Defines a list itemexample
64linkThis HTML tag Defines the relationship between a document and an external resource (most used to link to style sheets)example
65mainThis HTML tag Specifies the main content of a documentexample
66mapThis HTML tag Defines a client-side image-mapexample
67markThis HTML tag Defines marked/highlighted textexample
68metaThis HTML tag Defines metadata about an HTML documentexample
69meterThis HTML tag Defines a scalar measurement within a known range (a gauge)example
70navThis HTML tag Defines navigation linksexample
71noframesNot supported in HTML5. Defines an alternate content for users that do not support framesexample
72noscriptThis HTML tag Defines an alternate content for users that do not support client-side scriptsexample
73objectThis HTML tag Defines an embedded object,exampleexample
74olThis HTML tag Defines an ordered listexample
75optgroupThis HTML tag Defines a group of related options in a drop-down listexample
76optionThis HTML tag Defines an option in a drop-down listexample
77outputThis HTML tag Defines the result of a calculationexample
78pDefines a paragraphexample
79paramThis HTML tag Defines a parameter for an objectexample
80pictureThis HTML tag Defines a container for multiple image resourcesexample
81preThis HTML tag Defines preformatted textexample
82progress,This HTML tag Represents the progress of a taskexample
83qThis HTML tag Defines a short quotationexample
84rpThis HTML tag Defines what to show in browsers that do not support ruby annotationsexample
85rtThis HTML tag Defines an explanation/pronunciation of characters (for East Asian typography)example
86rubyThis HTML tag Defines a ruby annotation (for East Asian typography)example
87sThis HTML tag Defines text that is no longer correctexample
88sampThis HTML tag Defines sample output from a computer programexample
89scriptThis HTML tag Defines a client-side script,exampleexample
90sectionThis HTML tag Defines a section in a documentexample
91selectThis HTML tag Defines a drop-down listexample
92smallThis HTML tag Defines smaller textexample
93sourceThis HTML tag Defines multiple media resources for media elements (video and audio)example
94spanThis HTML tag Defines a section in a documentexample
95strikeNot supported in HTML5. Use del or s instead. This HTML tag Defines strikethrough textexample
96strongThis HTML tag Defines important text,exampleexample
97styleThis HTML tag Defines style information for any specific elementexample
98subDefines subscripted textexample
99summaryThis HTML tag Defines a visible heading for a details elementexample
100supThis HTML tag Defines superscripted textexample
101svgThis HTML tag Defines a container for SVG graphicsexample
102tableThis HTML tag Defines a tableexample
103tbodyThis HTML tag Groups the body content in a tableexample
104tdThis HTML tag Defines a cell in a tableexample
105templateThis HTML tag Defines a templateexample
106textareaThis HTML tag Defines a multiline input control (text area)example
107tfootThis HTML tag Groups the footer content in a tableexample
108thThis HTML tag Defines a header cell in a tableexample
109theadThis HTML tag Groups the header content in a tableexample
110timeThis HTML tag Defines a date/timeexample
111titleThis HTML tag defines a title for the documentexample
112trThis HTML tag defines a row in a tableexample
113trackThis HTML tag defines text tracks for media elements (video and audio)example
114ttThis HTML tag defines teletype text. (Not supported in HTML5. Use CSS instead. )example
115uThis HTML tag defines the text that should be stylistically different from normal textexample
116ulThis HTML tag defines an unordered listexample
117varThis HTML tag defines a variableexample
118videoThis HTML tag defines a video or movieexample
119wbrThis HTML tag defines a possible line-breakexample
120

HTML Tags history

A Brief History of HTML Tags.

No.HTML 1HTML 2HTML 3HTML 4HTML 5
1Title (title)
2Next ID (nextid)
3Base Address (base)
4Anchors (a)
5IsIndex (isnindex)
6Plaintext (plaintext)
7Example Sections (listing)
8Paragraph (p)
9Heading (h1..h2..h3..h4..h5..h6)
10Address (address)
11Highlighting phrase (hp1..hp2)
12Glossaries (dd dir dl dt)
13Lists (ul..li)
14Menu (menu)
15

Originally 18 tags, Major Tags Added, More Tags Added HTML Standard + CSS styles Introduced, Current Version


HTML tags have been updated since their beginning

  • Basic HTML tags list: div, Span, p, ul, li,a, link
  • Self Closing Tags: br, img,
  • Empty Tags / Void tags:
  • Advanced HTML tags list: audio, video

Also read about

Tags not Supported in HTML5
HTML Global Attributes
HTML5 Interview Questions and Answers
Self-Closing Tags in HTML


You may also like...