HTML Basics

Once you have the essential tags sorted out, there are a number of basic tags you will use a lot in order to add content such as:

  • Headings and Subheadings
  • Paragraphs of Text
  • Links to Other Pages
  • Images or Photographs

All of these must appear between the <body> and </body> tags, and you can learn more about them by following the links shown.

Headings

<h1> A Heading </h1>

Use headings for titles and subtitles, and make some text stand out from others. See text formatting tags.

Paragraphs

<p> Some text </p>

Most content on a simple web page will appear in paragraphs or sections. See division tags.

Links

<a href="home.html"> My homepage </a>

Links are necessary for users to jump from one page to another. See linking tags.

Images

<img src="photo.jpg">

Adding your holiday photos or other images to your web page is fairly simple. See image tags.

Example:

Below is an example of some of the basic tags explained above

<html>
 <head>
  <title>this is the title</title>
 </head>
 <body>
  <h1>My Heading</h1>
  <p>This is the first paragraph of text.</p>
  <p>This is the second paragraph of text.</p>
  <p>An image: <img src="photo.jpg"> </p>
  <p>A link: <a href="http://www.simplehtmlguide.com"> html guide </a></p>
 </body>
</html>

See live demo of this example or open in a new window. (Note: close window or tab to return to the guide)