HTML Tags Reference

Jumpstart your web development journey with easy-to-follow guides, live examples, and interactive learning tools.

Get Started

<b> - Bold Text

Used to display text in bold.

<b>Bold Text</b>

Bold Text

Try it Yourself

<i> - Italic Text

Used to display text in italic.

<i>Italic Text</i>

Italic Text

Try it Yourself

<u> - Underlined Text

Used to underline the text.

<u>Underlined Text</u>

Underlined Text

Try it Yourself

Form Tags

<input> - Input Field

Creates an input field for user data.

<input type=\"text\" placeholder=\"Enter your name\">

Try it Yourself

<label> - Label

Defines a label for an input element.

<label for=\"name\">Name:</label>

Name:

Try it Yourself

Media Tags

<img> - Image

Displays an image.

<img src=\"https://via.placeholder.com/100\" alt=\"Image\">

Try it Yourself

<video> - Video

Embeds a video.

<video width=\"200\" controls><source src=\"sample.mp4\" type=\"video/mp4\"></video>

Try it Yourself

Table Tags

<table> - Table

Creates a table with rows and columns.

<table>\n <tr><th>Name</th><th>Age</th></tr>\n <tr><td>John</td><td>25</td></tr>\n</table>

Name	Age
John	25

Try it Yourself

Semantic Tags

<article> - Article

Defines self-contained content.

<article><h3>News</h3><p>News content</p></article>

News

News content

Try it Yourself

<footer> - Footer

Defines footer for a document or section.

Try it Yourself

Common Tags

<h1> to <h6> - Headings

Used for different levels of headings. h1 is the largest, h6 is the smallest.

<h1>Heading 1</h1>

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Try it Yourself

<a> - Anchor (Link)

Creates a hyperlink to another page or site.

<a href=\"https://example.com\">Visit</a>

Visit

Try it Yourself

<br> - Line Break

Inserts a line break.

Line1<br>Line2

Line1
Line2

Try it Yourself

<hr> - Horizontal Rule

Creates a horizontal line divider.

Text Above<hr>Text Below

Text Above

Text Below

Try it Yourself

<span> - Inline Container

Used to group inline elements for styling.

<span style=\"color: red;\">Red Text</span>

Red Text

Try it Yourself

<div> - Block Container

Used to group block-level content for layout or styling.

<div style=\"border:1px solid #000;\">Content</div>

This is a div box

Try it Yourself

<button> - Button

Defines a clickable button.

<button>Click Me</button>

Try it Yourself

<textarea> - Text Area

Multiline input for forms.

<textarea rows=\"3\" cols=\"30\">Type here</textarea>

Try it Yourself

<select> and <option> - Dropdown

Creates a dropdown menu.

<select>\n <option>HTML</option>\n <option>CSS</option>\n</select>

Try it Yourself