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.

Next Lesson > HTML Attribute