0% found this document useful (0 votes)
139 views

HTML Basics - A Simple Guide To HTML

This document provides a simple guide to basic HTML tags including headings, paragraphs, links, and images. It explains that these elements must be placed between the <body> and </body> tags and provides examples of code for headings, paragraphs of text, links to other pages, and embedded images. It also includes a sample HTML page combining some of these basic tags.

Uploaded by

JoynalIslamKabir
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
139 views

HTML Basics - A Simple Guide To HTML

This document provides a simple guide to basic HTML tags including headings, paragraphs, links, and images. It explains that these elements must be placed between the <body> and </body> tags and provides examples of code for headings, paragraphs of text, links to other pages, and embedded images. It also includes a sample HTML page combining some of these basic tags.

Uploaded by

JoynalIslamKabir
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

11/5/2015 HTML Basics - A Simple Guide to HTML

A Simple Guide to HTML


home html guide html cheat sheet css cheat sheet examples live demo search

contact me

HTM L 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>
http://www.simplehtmlguide.com/basics.php 1/3
11/5/2015 HTML Basics - A Simple Guide to HTML
</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: c lose window or tab to return to the guide)

| Feedbac k Prev | Top | Next

39

Guide Topic s

What is HTML?

What is CSS?

Essential Tags

The Basics

Section Divisions

Text Formatting

Images

Linking Tags

Lists

Tables

Frames

Forms

Ext ra Topic s

Miscellaneous

Colour Codes

Special Characters

HTML ISO Codes

JavaScript

Java Applets

YouTube Videos

http://www.simplehtmlguide.com/basics.php 2/3
11/5/2015 HTML Basics - A Simple Guide to HTML

Other Resources

Get Dropbox! - bonus 500mb using referral link

w w w .simplehtmlguide.com A Simple Guide to HTML - Robert Duncan

Enable UC auto page to scroll all the way down through pages! Enable

http://www.simplehtmlguide.com/basics.php 3/3

You might also like