HTML Tag List Tutorial
HTML Document is made up of tags. Tags tells the browser what is what in a HTML document.
Tags are like a language between HTML document and the browser like Firefox, etc.
Using the tags, HTML document tells the browser how it wants to be displayed and browser understands the tags and display the HTML document based on the tags to the users.
For instance, if you use the tags <b> I want to be displayed in bold. </b> browsers will read it and display whatever present inside the tag in bold format.
Syntax
In the below table, I have provided an html tag list to help you familiarize with the tags.
Don't worry if its hard to understand, continue with the tutorials and will eventually understand everything.
Opening Tag | Content | Closing Tag |
<title> | Page Title | <title> |
<h1> | This is a Heading | </h1> |
<b> | Bold Elements | </b> |
<i> | Italic Elements | </i> |
<button> | form button | <button> |
<img> | This is a image | no closing tag | <br> | line break | no closing tag |
<p> | This is a paragraph | </p> |
<li> | This is a list | </li> |
<a href="home.html"> | This is a Link | </a> |
Not all tags have closing, for instance line break tag <br> doesn't need a close tag.
HTML Tags With Example
Type the below code.
HTML Tags Example
<!DOCTYPE html> <html> <head> <title>My First HTML Document</title> </head> <body> <h1>This is a Heading</h1> <p>This is a Paragraph</p> <a href="html-tags.html">This is a Link</a> <b>Bold Elements</b> </body> </html>
Preview
Nested Tags
Nested Tags are just tags, it doesn't have any special meaning, it just means tags inside tags. In a sense all the tags are nested tags except <html> </html>, since all the tags are nested inside html tags. Check the example code above.
You can use Tags inside Tags, for instance you can use bold tags to bold some words inside paragraph tags.