<HTML> Lessons! 11 to 20

ProJecT · January 21, 2010

How to make a simple website.

Before we start. You just need Notepad open.

Tips:

You must always start with this code: <HTML> and end with </HTML> or else nothing will appear.

When you finish with your project save it as example.html

When you press Enter in your notepad the browser will ignore it.

The codes you must use I will mark them with red color.

Ok, Let's start...

Lessons 11: Background Color

<HTML>

<HEAD>

<TITLE>Lesson 11</TITLE>

</HEAD>

Background colored red. You can use another color if you want, special.

Get in Google and find some Color Hex Codes.

You must write BGcolor="#ff12ff"

</BODY>

</HTML>

Lesson 12: Hypertexts

<HTML>

<HEAD>

<TITLE>Lesson 12</TITLE>

</HEAD>

<BODY>

This link will take you to an <a href="http://www.Royal Projects.us/">Awesome Website</a>

on World Wide Web(WWW)

<BR>

This link will take you a <a href="forum.html">page</a> on your Website.

</BODY>

</HTML>

Lesson 13: Image - Link

<HTML>

<HEAD>

<TITLE>Lesson 13</TITLE>

</HEAD>

<BODY>

</a>This image have a border around.

</a>This image have not a border around.

</BODY>

</HTML>

Lessons 14: New Browser Window

<HTML>

<HEAD>

<TITLE>Lesson 14</TITLE>

</HEAD>

<BODY>

</BODY>

</HTML>

Lesson 15: Get to another part of the current page.

<HTML>

<HEAD>

<TITLE>Lesson 14</TITLE>

</HEAD>

<BODY>

<a href="#C5">Send to a friend the Part 5</a><br>

Part 1

Blah Blah Blah<br>

Blah Blah Blah<br>

Part 3

Blah Blah Blah<br>

Part 4

Blah Blah Blah<br>

Blah Blah Blah<br>

Part 6

Blah Blah Blah<br>

Part 7

Blah Blah Blah<br>

Part 8

Blah Blah Blah<br>

Part 9

Blah Blah Blah<br>

Part 10

Blah Blah Blah<br>

Part 11

Blah Blah Blah<br>

Blah Blah Blah<br>

</BODY>

</HTML>

Lesson 15: Vertical and Horizontal Frameset (It's like you have as many as you want websites in your site)

Tip:

You don't need <BODY></BODY> here.

If you want to have Verical and Horizontal togethere after you finish with Vertical start typing for Horizontal without using </frameset>
(e.x: <frameset cols="50%,50%">
<frame set rows="50%,50%">

<HTML>

<HEAD>

<TITLE>Lesson 14</TITLE>

</HEAD>

</frameset>

</HTML>

<HTML>

<HEAD>

<TITLE>Lesson 15</TITLE>

</HEAD>

</frameset>

</HTML>

Lesson 16: Navigation Frame

<HTML>

<HEAD>

<TITLE>Lesson 16</TITLE>

</HEAD>

<frame src="http://www.royalprojects.us/"

name="showframe">

</frameset>

</HTML>

Lesson 17: A slamm frame inside your website.

Tip:

[liHere we can use body.]

<HTML>

<HEAD>

<TITLE>Lesson 17</TITLE>

</HEAD>

<BODY>

</BODY>

</HTML>

Lesson 18: How to make tables

Tips:

[li<TR>Are the lines Horizontal
<TD> Are the lines Vertical]

<HTML>

<HEAD>

<TITLE>Lesson 19</TITLE>

</HEAD>

<BODY>

<TR>

<TD>Lesson 14</TD><TD>Lesson 14</TD><TD>Lesson 14</TD>

</TR>

<TR>

<TD>Lesson 14</TD><TD>Lesson 14</TD><TD>Lesson 14</TD>

</TR>

<TR>

<TD>Lesson 14</TD><TD>Lesson 14</TD><TD>Lesson 14</TD>

</TR>

<TR>

<TD>Lesson 14</TD><TD>Lesson 14</TD><TD>Lesson 14</TD>

</TR>

<TR>

<TD>Lesson 14</TD><TD>Lesson 14</TD><TD>Lesson 14</TD>

</TR>

</TABLE>

</BODY>

</HTML>

Lesson 20: Add Color or Image behind the table or the sell.

<HTML>

<HEAD>

<TITLE>Lesson 20</TITLE>

</HEAD>

<BODY>

<TR>