In progress

From IPRE Wiki
Revision as of 16:11, 27 July 2007 by Mansi (Talk | contribs)

Jump to: navigation, search

Introduction to HTML

HTML stands for Hyper Text Markup Language. HTML is not a programming language; it is a software language that is used to create World Wide Web pages.

The table below shows an example of the HTML coding and its results:

Coding Results
<html>
<body>
This is my first robot page.
<b>This text is bold </b>
</body>
</html>


This is my first robot page. This text is bold.


Any HTML document is written between the following tags: …. All tags end with a slash following the tag name. HTML is not case sensitive. Any amount of spacing in the coding does not affect line breaks, new lines, paragraphs or extra spacing in the results. To add these, there are tags that can be written in and these are described below:

Text Formatting:

Coding Results
<p>
This is used to define a paragraph.
<br>
This is used for a line break
<h1> to <h6>
These tags are used for headings. Using the number 1 will create a large-sized heading and the size depreciates as the numbers go up to 6. Examples:

This is a heading using number 1.

This is a heading using number 6.
<hr>
Inserts a horizontal rule.
<b>
Makes the text bold
<i>
Italicizes the text.
<sub>
Used for subsrcipt
<sup>
Used for superscript
<pre>
This is used for preformatted text. To display text as it is and not be changed according to HTML language, this tag can be used. This tag is extremely helpful when less than/greater than signs, or indented text or extra spaces need to be displayed.


Links and Images:

To add a link to your browser, the following tag is used:

<a href="url">Text to be displayed</a>
To insert an image, the following tag is used:
 <img src="url">

Background and text colors:

There is a list of colors that can be used to color the backgrounds and text.

<body bgcolor="white">

Using the tag shown above, you can change the color of your background. To change the color of the text, you can add text = “colorname” in the same tag. This is shown below:

<body bgcolor="white" text="yellow">

Instead of using color names, you can also use alpha-numeric values that have been defined for the colors.

Lists:

Lists can be ordered or unordered. The following table shows a few examples:

Coding Results Notes
<html>
<body>
<h5>This is an example of an Unordered List:</h5>
<h4>My Favorite Fruits:</h4> 
<ul>
      <li>Mango</li>
      <li>Melon</li>
       <li>Litchi</li>
<li>Grapes</li>
</ul>

</body>
</html>
This is an example of an Unordered List:

My Favorite Fruits:

- Mango - Melon - Litchi - Grapes