|
Welcome...
The
Basics
Here's the HTML for our one-line web page again.
<!doctype html public "-//w3c//dtd html 4.0
transitional//en">
<html>
<head>
<title></title>
</head>
<body><center><h1>This
Is My One Line Web Page<h1></center>
</body>
</html>
Now lets make some changes!
You can change the header from <H1> down in size to <H6>.
Copy and Paste the code below into the box
to see what
the different sizes of heading look like on a web
page.
<!doctype html public "-//w3c//dtd html
4.0 transitional//en">
<HTML>
<Title>Headings</Title>
<body>
<H1>This is the size using the H1 tag</H1>
<p>
<H2>This is the size using the H2 tag</H2>
<p>
<H3>This is the size using the H3 tag</H3>
<p>
<H4>This is the size using the H4 tag</H4>
<p>
<H5>This is the size using the H5 tag</H5>
<p>
<H6>This is the size using the H6 tag<H/6>
</body>
</html>
Here's the HTML for our
one-line web page again but I have added
the
<font> tag to
change the color of the word 'my' to the
color red .
Notice that the
<font.....> tag goes before the word 'my' and is closed with
a
</font> tag. If we don't change the font color back
to black, everything from
this point on would be in red. So
we have to add another <font....> to change
the color back
to black.
<!doctype html public "-//w3c//dtd html 4.0
transitional//en">
<html>
<head>
<title></title>
</head>
<body><center><h1>This Is
<font color="ff0000"> My </font><font
color="000000"> One
Line Web Page</h1>< BR> <center>
</body>
</html>
Well
wasn't that exciting? Yeah, well, I didn't think so either but
it is a start. So let's begin with this
one line
and make changes and see what we can come up with.
Before we go any further, you need to
understand that colors are usually
expressed in their
hexidecimal notation. (Click on the Colors button to see
the hexidecimal notation for the 216 colors that any browser can
see)
For example, the red I used has a hexidecimal notation
of #CC3366.
In HTML colors are always preceeded by a #.
So the coding for
this is: color="#CC3366".
You could have coded: color="red", but
this is discouraged.
The keyword color is not a tag,
so it must be added to a tag to get it to
work. The tag that
affects text is <FONT>
Ok, now lets make it BOLD [
the <b> tag or the newly accepted <strong> tag].
Here's the code:
<!doctype html public "-//w3c//dtd html 4.0
transitional//en">
<HTML>
<HEAD>
<TITLE>This is info for
search
engines</TITLE>
<BODY>
<h2><strong><center><font color="#CC3366">This Is My
One Line Web Page</font></center></strong><
/FONT>
</h2>
</BODY>
</html>
This is my one
line web page
You say it doesn't look any different. Well, it
isn't. Why? Because
Headings are always
bold. :) But you can change it by using the
<em> (italic)
tag.
<h2><center><font color=
"#CC3366">This Is <em>My</em><
/STRONG> One Line < BR>
Web Page</font></center></h2>< /STRONG>
< /STRONG>
This is my
one line web page
See how the word 'my' is now in italics. Enough for
Headings. Let's
look at text.
Click here ->
to continue to learn about
text
| 
