To insert an image, the following tag is used:<pre> <img src="url"></pre>

To insert an image, the following tag is used:<pre> <img src="url"></pre>

+

+

More on Links: http://www.w3schools.com/html/html_links.asp

+

More on Images: : http://www.w3schools.com/html/html_images.asp

====Background and text colors:====

====Background and text colors:====

Line 75:

Line 78:

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

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

−

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

+

Instead of using color names, you can also use alpha-numeric values that have been defined for the colors. You can find a list of color names and values here: http://www.w3schools.com/html/html_colornames.asp

====Lists:====

====Lists:====

Line 144:

Line 147:

</pre>

</pre>

|}

|}

+

+

More on Lists: http://www.w3schools.com/html/html_lists.asp

====Tables:====

====Tables:====

Line 175:

Line 180:

<tr> begins a new row and each <td> is a new data entry which makes up the columns. If you wanted this table to have five columns, then an extra three <td> tags can be added between each of the <tr> tags.

<tr> begins a new row and each <td> is a new data entry which makes up the columns. If you wanted this table to have five columns, then an extra three <td> tags can be added between each of the <tr> tags.

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.

This is an example of an Unordered List:

My Favorite Fruits:

- Mango
- Melon
- Litchi
- Grapes

- An unordered list can be made using the tag <ul>.
- Every list entry stay between the tags <li> and </li>.
- Note that indentation does not make a difference in
the displayed results.
- Note the difference between the sizes of the headings.

This is an example of an Ordered List:

My Favorite Fruits:

Tables:

A table can be created in HTML using the tag table between the less and greater than signs. This tag draws a table without any borders, to add borders, an attribute can be added to the tag specifying the border with you desire, in the following manner:

<table border=“1”>

. Once you have created the table, data can be entered in the table by rows. An example is show below along with the resulting table:

<tr> begins a new row and each <td> is a new data entry which makes up the columns. If you wanted this table to have five columns, then an extra three <td> tags can be added between each of the <tr> tags.

Frames:

You can create frames in your robot rage by using the following coding:
<iframe src ="url">
</iframe>
By using this, you will be creating a little window in your robot page. You can alter the width and height of this window frame by adding an attribute. The width and height are measured in pixels% and a 100% of width and height should cover your page. An example of this is given below:
<iframe src ="url" width = 100% height = 100%>