Yellow Jacket
Blue Ridge High School
Yellow Jacket
Home > Web Design > Lessons > Basic HTML Tags

The most important tags in HTML are tags that define headings, paragraphs and line breaks.

The best way to learn HTML is to work with examples. The lessons contain links to a very nice HTML editor. With this editor, you can edit the HTML source code if you like, and click on a test button to view the result.

Basic HTML Tags

Tag Description
<html> Defines an HTML document
<body> Defines the document's body
<h1> to <h6> Defines a header size 1(largest) to 6(smallest)
<p> Defines a paragraph
<br/> Inserts a single line break. Does not require an end tag
<hr/> Inserts a horizontal rule (a horizontal line)
<!--   --> Defines a comment. It won't show up on your website but can be a reference for later


Paragraphs

Paragraphs are defined with the <p> tag.

<p>This is a paragraph</p>
<p>This is a paragraph</p>


HTML automatically adds an extra blank line before and after a paragraph.

Simple Paragraphs
This example demonstrates how the text inside paragraph elements is displayed in the browser.

More Paragraphs
This example demonstrates some of the default behaviors of paragraph elements.

Poem Problems
This example demonstrates some problems with HTML formatting.

Line Breaks

The <br/> tag is used when you want to end a line, but don't want to start a new paragraph. The <br> tag forces a line break wherever you place it.
The <br/> tag is an empty tag, which means it has no closing tag.

Line breaks
This example demonstrates the use of line breaks in an HTML document.

Headings

Headings are defined with the <h1> to <h6> tags. <h1> defines the largest heading. <h6> defines the smallest heading.

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>


HTML automatically adds an extra blank line before and after a heading. This example demonstrates the tags that display headings in an HTML document. Headings Example

Comments in HTML

The comment tag is used to insert a comment in the HTML source code. A comment will be ignored by the browser. You can use comments to explain your code, which can help you when you edit the source code at a later date.

<!-- This is a comment -->

Note that you need an exclamation point after the opening bracket, but not before the closing bracket.

Hidden Comments Example
This example demonstrates how to insert a hidden comment in the HTML source code.

Basic Notes and Useful Tips