html headings

START LEARNING
FLASH NOW

Get instant access to over
45 minutes of FREE Flash tutorials on video
and our newsletter.

Headings in HTML

In HTML, headings are used to emphasise. The words will appear larger and bolder.
First Open up your text editor. I recommend Boxer Text Editor, $59.99 USD, delivered via download only: the best text editor I have seen so far!
Type the following in:

	< h1 > Heading size 1 </h1>

This is the largest Heading and goes down to size 6: Try it !

	<html>
	<head>
	<title> Testing Headings </title>
	</head>
	<body>

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

	</body>
	</html>

Flash Tutorials in Video Format - Watch them now at LearnFlash.com

Images

Images used in HTML pages can be either GIF or JPEG format.

Put a gif file called "mypic.gif" in the folder you are working in
Create a new HTML document in the same folder and call it "pictest.htm"
In the body of the new HTML document put the following code:
```
	<h2> Here is my picture </h2>
	<img src="mypic.gif">
```
"img" is the tag that signifies an image.
"src" is the attribute that tells where the "source" of the file is , or where it is situated in the relative file structure. Make sure that you put the filename in quotes, exactly as written above.
If you put more text in after the "img" tag , it will go to the right side of the picure.

To get text to go to the next line put in a "br", a new line tag.

	<h2> Here is my picture </h2>
	<img src="mypic.gif"> <br>
	This is the next line <br>
	And here is a carriage return.

Links

To navigate from one page to another you use the " a href " tag.

Create another file and call it "template.htm" and put in the code :

	<html>
	<head>
	<title> Template </title>
	</head>
	<body>

	</body>
	</html>

Keep this template and add code to the body of the file
Save this file as "page2.htm" and add the following link between the <body> and </body > tags :
```
	<a href="pictest.htm"> Go to my picture page</a>
```
The "a" tag is the signifier for a link . All text between the <a href="page.htm"> and the </a> tags will act as a link when clicked upon. It will take you to the page written after the "href=" code. Files to be linked to must be in quotes. e.g. href="thePage.htm"

Link to an Email address

To link to an email address so that when the link is clicked upon use the MAILTO: code. Here is an example

	<a href="mailto:joeblow@hotmail.com">Email me</a>

And this is how it looks.
Dont Email

For a text editor, I recommend Boxer Text Editor, $59.99 USD, delivered via download only: the best text editor I have seen so far!