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.
We have created a very nice HTML editor for you. With this editor,
you can edit the HTML source code if you like, and click on a test
button to view the result.
Try it Yourself - Examples
A very simple HTML document This example is a
very simple HTML document, with only a minimum of HTML tags. It
demonstrates how the text inside a body element is displayed in the
browser.
Simple paragraphs This example demonstrates how
the text inside paragraph elements is displayed in the browser.
(You can find more examples at the bottom of this page)
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.
Paragraphs
Paragraphs are defined with the <p> tag.
<p>This is a paragraph</p>
<p>This is another paragraph</p> |
HTML automatically adds an extra blank line before and after a
paragraph.
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.
<p>This <br> is a para<br>graph with line breaks</p> |
The <br> tag is an empty tag. It has no closing tag.
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.
Basic Notes - Useful Tips
When you write HTML text, you can never be sure how the text is
displayed in another browser. Some people have large computer
displays, some have small. The text will be reformatted every time
the user resizes his window. Never try to format the text in your
editor by adding empty lines and spaces to the text.
HTML will truncate the spaces in your text. Any number of spaces
count as one. Some extra information: In HTML a new line counts as
one space.
Using empty paragraphs <p> to insert blank lines is a bad
habit. Use the <br> tag instead. (But don't use the <br>
tag to create lists. Wait until you have learned about HTML
lists.)
You might have noticed that paragraphs can be written without the
closing tag </p>. Don't rely on it. The next version of HTML
will not allow you to skip ANY closing tags.
HTML automatically adds an extra blank line before and after some
elements, like before and after a paragraph, and before and after a
heading.
We use a horizontal rule (the <hr> tag), to separate the
sections in our tutorials.
More Examples
More paragraphs This example demonstrates some
of the default behaviors of paragraph elements.
Line breaks This example demonstrates the use
of line breaks in an HTML document.
Poem problems This example demonstrates some
problems with HTML formatting.
Headings This example demonstrates the tags
that display headings in an HTML document.
Center aligned heading This example
demonstrates a center aligned heading.
Horizontal rule This example demonstrates how
to insert a horizontal rule.
Hidden comments This example demonstrates how
to insert a hidden comment in the HTML source code.
Background color This example demonstrates
adding a background-color to an HTML page.
Basic HTML Tags
Tag |
Description |
<html> |
Defines an HTML document |
<body> |
Defines the document's body |
<h1> to
<h6> |
Defines header 1 to header 6 |
<p> |
Defines a paragraph |
<br> |
Inserts a single line break |
<hr> |
Defines a horizontal rule |
<!--> |
Defines a comment |
Hosting Spotlight
Learn XML with Stylus Studio XML Tools - Free Download!
|
|
Stylus
Studio makes it easy to edit and validate XML, XSLT, DTD,
XML Schema, XHTML, XPath, XQuery and Web Service
applications.
Free XML video demonstrations will help you learn XML and
become a W3C XML development master in just minutes!
Download a FREE Trial
Now! |
Easy-to-Understand Books for Web Developers
|
|
Get Your Diploma!
W3Schools' Online Certification Program is the perfect
solution for busy professionals who need to balance work,
family, and career building.
The HTML
Certificate is for developers who want to document their
knowledge of HTML, XHTML,
and CSS.
The ASP
Certificate is for developers who want to document their
knowledge of ASP, SQL, and
ADO. |
We Help You For Free. You Can Help Us!
Jump to: Top of Page or HOME or Printer friendly
page
What Others Say About Us
Does the world know about us? Check out these places:
Google Yahoo Alta Vista MSN Lycos Excite Ask Jeeves HotBot
World Wide Web Traffic Rank
W3Schools provides material for training only. We do not warrant
the correctness of its contents. The risk from using it lies
entirely with the user. While using this site, you agree to have
read and accepted our terms of
use and privacy
policy.
Copyright
1999-2006 by Refsnes Data. All Rights Reserved.
|