HTML Help

Introduction into HTML Language

By: Nathan

This could be helpful to anyone who wants to use HTML basics for personal web-pages, Myspace pages, and much more! Anything that allows HTML.

You will learn:

  • Input images

  • Font markup's

  • Backgrounds

  • More!


HTML Starters:            Easy and fast for beginners.

To insert an image into a web-page you use the <img src=”URL of hosted image”>

 

To make a line break (Like below)

 

This is a sample of a line break.

<br> (<br> makes a single line break) This is the new line.

 

 

 

 

Double Line Break, or a New Paragraph

 

This is an example of a double line break.

 

<p>Spaces down two lines.

 

To make a horizontal rule like below

 

You would use <hr>

**Note** You can add width, color, and other size aspects to a horizontal rule.

 

 

FONT/TEXT

 

To make font italic you will use the <i> function, and close it with </i>.  Like below

<i>This font is italic</i>

 

To make font bold you will use the < b> function, and close it with </b>. Like below

<b>This font is bolded.</b>

 

To make font underlined use <u> and end with </u>.  Like below

<u>Underlined</u>

 

To change the color of font you use <font color=”color”> and end with </font>

Ex)       <font color=”green”>This font is green</font>

 

To center font or image(s) you would simply use <center> and end with </center>

Ex)      

<center> CAR </center>

To make a numbered list you would use:

<ol>

<li>This is one

<li>This is two

<li>This is three

</ol>

 

This is what it would look like

  1. This is one
  2. This is two
  3. This is three

 

To make a un-ordered(un-numbered) list you will use <ul> and </ul>

 

<ul>

<li> This is one

<li> This is two

<li> This three

</ul>

 

Ex)

  • This is one
  • This is two
  • This is three

 

**PLEASE NOTE** In both <ul> and <ol> <li> must be used before each item in the list.

 

To change the background color you will use:

<body bgcolor="green">

This would make page background green.  You can use the basic colors, as well as the HEX diagram colors which are numbers.

 

If you wish to use a picture as a background you would use:

<body background="http://radlane.com/sanfran05.JPG">

(as where the URL is the location of the desired background image.)

 

…..

 

Always when creating a web-page from scratch (aka not just doing HTML markup, such as in Myspace or other online blogs or profiles) you MUST start the page with these basic steps.

 

<html>

<head>

<title>Title of the page</title>

</head>

<body>

BODY INFORMATION

</body>


   
   
2006 Radlane.com TM all rights reserved to N.Berry