|
HTML Code MiniChapter 5: A little more tags
The CENTER tag and DIV tag...
The center tag pretty much explains itself! The opening center tag
is <center> and the closing center tag is </center>. Whatever you
put between will be centered on the current line!
Example of CENTER tag...
Center Works!!!
<center><h1>Center Works!!!</h1></center>
Note: Recently, the W3C (the group that decides on HTML standards)
has recommended that when writing HTML, you use <div align="center">centered
text</div> instead of the center tag. Although div does not work in
many older web browsers, it works in virtually all recent versions
of popular web browsers. The neat thing about div is that you can
align both left and right in addition to center.
The BODY attributes...
In Chapter 1 you learned the BODY tag. The BODY tag has many
attributes... here are the most useful ones...
· BACKGROUND="location_of_image" - Background image for web page.
Example: If you have kitten.jpg in the same directory as your HTML
file, use <body background="kitten.jpg"> to load it as your
background image.
· BGCOLOR="#hexadecimal_here" - Hexadecimal Color Code for
Background Color
· LINK="#hexadecimal_here" - Hexadecimal Color Code for Links (if
left blank, most browsers default to blue.)
· VLINK="#hexadecimal_here" - Hexadecimal Color Code for Links the
User has Already Visited (if left blank, most browsers default to
purple.)
· TEXT="#hexadecimal_here" - Hexadecimal Color Code for Text Color
· Click Here to Learn how to use the Hexadecimal Color System
If you are looking for special effects such as links without an
underline, or links that change color when you move the mouse over
them, you need to use CSS (Cascading Style Sheets) with your HTML
code.
|
Red |
Green |
Blue |
|
#FF0000 |
#00FF00 |
#0000FF |
Try it Yourself!
In the Box below, type the following HTML code, then click "Check it
Out!" The HTML document you made will be displayed in your browser.
You may wish to change the words within the tags and the tag
attributes just to try it out.
Try typing this:
<html>
<head><title>Title goes here</title></head>
<body bgcolor="#FFFFFF" link="#FF0000" vlink="#00FF00">
<h1 align=right>Body goes here</h1>
<hr>
<center><h3>Headings are cool!</h3></center>
<div align="right">div is also a cool tag!</div>
<a href="http://www.davesite.com/">This link should be red if you
haven't visited davesite.com/ and green if you have.</a>
</body>
</html>
|