Working on Headings

Headings are some of the most important tags within the BODY of your HTML document. You will usually use a heading to tell what the following section of your page is about. The opening tag for a heading is <hy> and the closing tag is </hy> with y being the size of the heading… from 1 to 6. (1 being largest, and 6 being smallest)

Example of heading tags…

Peter fell over the chicken. [H1]

<h1>Peter fell over the chicken. [H1]</h1>

Peter fell over the chicken. [H2]

<h2>Peter fell over the chicken. [H2]</h2>

Peter fell over the chicken. [H3]

<h3>Peter fell over the chicken. [H3]</h3>

Peter fell over the chicken. [H4]

<h4>Peter fell over the chicken. [H4]</h4>

Peter fell over the chicken. [H5]

<h5>Peter fell over the chicken. [H5]</h5>

Peter fell over the chicken. [H6]

<h6>Peter fell over the chicken. [H6]</h6>

Horizontal Ruled Lines…

Horizontal Ruled Lines are used to separate different areas of a web page. The tag for a horizontal ruled line is <hr>. The horizontal ruled line DOES NOT have a closing tag. You may also add certain attributes to the <hr> tag, such as width=n (for fixed pixel width) or width=n% for a certain percentage of the screen wide, size=n to make the line a certain pixel amount thick, and noshade to turn the line’s shading off. A plain <hr> with no attributes will make the line the full width of the screen.

Example of horizontal ruled lines…

<hr width=50>

<hr width=50%>

<hr size=7>

<hr noshade>

You may also use several attributes within one tag…

<hr width=50% size=10 noshade>

One of the most common mistakes for new web designers is the urge to put the c: in links and images. When you’re on the web, there is no c: to the rest of the world. When you start out, keep all your HTML files and images in one folder, and don’t use c: at all.

Quick example:

<img> loads an image into a web page. If you have a file called image.jpg, use the code <img src="image.jpg"> or <img src="folder/image.jpg"> (or in what directory it is located, use standard formatting to call the path) to load it, not <img src="c:My Documentswebsiteimage.jpg">

Click topic to view:

Getting Started

Working on Tags

Working on Headings

Working on Paragraphs

Working on Links and Images