Free HTML Tutorial

Modify Text

Using FONT to change text size

Web page should look like this.

This is my Web Page - Netscape

Make My Own Web Page

The <font></font> tags can modify many aspects of text. Here, we grew the font size one size larger than the default of 3. Our font sizes vary between 1 and 6 with 6 being the largest.

more details...

Using FONT to change text color

Web page should look like this.

This is my Web Page - Netscape

Make My Own Web Page

The <font></font> tag can also modify the color of text. The coding for text colors are the standard RGB html color codes.

more details...

Using H to make text a heading

change text using H(1-6)

Web page should look like this.

This is my Web Page - Netscape

Make My Own Web Page

The <h?></h?> tags can modify the text to become a heading. It not only changes the size, but makes the text bolder. One advantage of a heading over just using a font size is the special recognition by most search engines. Sizes for the <h?></h?> tags vary from 1 to 6 with 1 being the largest.

more details...

Web page should look like this.

This is my Web Page - Netscape

Make My Own Web Page

HTML Bold
HTML Underline
HTML Italics

The <b></b> tags bold text, the <u></u> tags underline text and the <i></i> tags make text into italics.
The <br> tag does a line break. This is probably the most common tag of them all. The <br> tag doesn't have a closing tag.

more details...

Center Text

<html>
<head>
<title> This is my Web Page </title>
</head>

<body>
<center> <h1>
Make My Own Web Page
</h1> </center> <br>
<b>HTML Bold</b><br>
<u>HTML Underline</u><br>
<i>HTML Italics</i><br>
</body>
</html>

Web page should look like this.

This is my Web Page - Netscape

Make My Own Web Page

HTML Bold
HTML Underline
HTML Italics

Just thought it would be appropriate to center the heading using the <center></center> tags.

more details...

Letter to Mom

<html>
<head>
<title> This is my Web Page </title>
</head>

<body>
<center> <h1>
Make My Own Web Page
</h1> </center> <br>
Hi Mom,<br>

    
Look! I can make my own web page! I thought it would be really complicated, but it wasn't too bad. In fact, it was kind of fun.
</body>
</html>

Web page should look like this.

This is my Web Page - Netscape

Make My Own Web Page

Hi Mom,
Look! I can make my own web page! I thought it would be really complicated, but it wasn't too bad. In fact, it was kind of fun.

Just thought it might be fun to let Mom know about this ;-) Notice I put in a tab just before the word "Look!." I haven't really found an actual HTML indent tag, so I just put in some   tags, which are really fixed pitch spaces.