Learn Basic HTML
@@@@@@@@@@@@========================= @@@@@@@@@@@@
Learn basic html in 5 easy minutes!
Blake = html, Green = your content, Purple = color and font size variables, Red = hyperlinks,
Blue = A description for this lesson only.
Not used in html.
<HTML>
<HEAD>
<TITLE>Your Page Title
Here! :-)</TITLE>
</HEAD>
<BODY>
My First Webpage! You are
looking at the bare bone essentials of html. No glitz or glamour here. Just
enough to get you started without blowing your mind.
</BODY>
</HTML>
Now let's add color, font sizes, center our
text, add spaces, and links. :-)
<HTML>
<HEAD>
<TITLE>Your Page Title
Here! :-)</TITLE>
</HEAD>
<BODY TEXT="#FFFFFF"BGCOLOR="#CC33CC"LINK="#66FFFF"
VLINK="#FFCC00"ALINK="#FF0000">
<CENTER><FONT SIZE=+4>My First Webpage!</FONT></CENTER>
<CENTER><FONT SIZE=+2>You are looking at the bare bone essentials of html. No glitz or
glamour here. Just enough to get you started without blowing your mind.
Below are two link types: The
"mailto" or email link, and the standard hyperlink. </FONT></CENTER>
<CENTER>
<A HREF="MAILTO:YourEmailAddress@Wherever.com">Hey everyone! Send me some mail!</A>
<BR>
<A HREF="
http://www.yoursite.com">A Description of your link here</A>
</CENTER>
</BODY>
</HTML>
Overview
<HTML>
<HEAD>
<TITLE>Your Page Title
Here</TITLE> This is shown in the
title bar of your browser, not on the page itself.
</HEAD>
<BODY TEXT="#FFFFFF"
BGCOLOR="#000066"LINK="#FFFF00"
VLINK="#FFCC00"ALINK="#FF0000">
Body Text is the default
color for your fonts. BGCOLOR is the background color for your page.
LINK is your link color.
VLINK is the color for a visited link. ALINK is the color for an active link.
(Active means the color the link turns when being clicked.) For a list of HTML
color codes, click here!
<CENTER><FONT SIZE=+4>My First Webpage</FONT></CENTER>
<CENTER> will keep your
elements centered. It must be closed with the </CENTER> tag. Tags within
a tag must be closed first. So, looking at the example above, you would not
place </CENTER> before </FONT>. The relative HMTL font scale is -2,
-1, 0, +1, +2, +3, +4. -2 being the smallest.
<A HREF="MAILTO:"YourEmailAddress@Wherever.com">Hey everyone! Send me some mail!</A>
<BR> This tag allows for a break in the page, in
this example it puts a space between our links.
<A HREF="http://www.yoursite.com">A Description of your link here</A>
</BODY>
</HTML>
0 comments:
Post a Comment