Making a Hyperlink
OKAY, now that we've seen an example of a tag that accepts parameter values,
we're ready to do the hyperlink.
The hyper link tag is also called an anchor tag, and so starts with an "A".
Once you've specified the anchor tag, the next thing you give is the value of
the "Hyperlinked REFerence" (or, HREF) that is, what is the destination or
target site of the hyperlink? Then you close the tag (with a >) and type the piece of text
that's going to appear on the page as the hyperlink. After you've got that,
you finish off the hyperlink tag pair by closing the anchor: </A>
Here is typical hyper link tag:
=-=-=-==-=-=-= CUT HERE =-=-=- START HTML =-=-=-=-=-=-=-=-=
For more information about Josie, click
<A HREF="http://www.dbeat.com/josie"> here </A>
=-=-=-==-=-=-= CUT HERE =-=-=- END HTML =-=-=-=-=-=-=-=-=
Back to Top
Tables
Tables are very important if you want your page to look just right. They're the
best way to control exactly where things appear on the page.
Start a table with the <TABLE> tag.
At the very end of the table, there will be a </TABLE> tag.
Start a new row with a <TR> tag.
At the end of each row, there will be a </TR> tag.
Each cell in any row is created with a <TD> tag.
To "close" the cell, you need a </TD> tag.
A simple, four quadrant table:
=-=-=-==-=-=-= CUT HERE =-=-=- START HTML =-=-=-=-=-=-=-=-=
<TABLE>
<TR>
<TD> Upper Left </TD>
<TD> Upper Right </TD>
</TR>
<TR>
<TD> Lower Left </TD>
<TD> Lower Right </TD>
</TR>
</TABLE>
=-=-=-==-=-=-= CUT HERE =-=-=- END HTML =-=-=-=-=-=-=-=-=
Some attributes that can live inside the <TABLE> tag:
width=597
bgcolor=#FF0000
border=1 (or 0, or 2, etc)
- if you have border=0, the table itself will be invisible.
cellpadding=5 (or more or less)
cellspacing=5 (or more or less)
NOTE the bgcolor= attribute can also live inside of a <TD> tag,
affecting the background color of only that cell.
forces an extra space
a quote mark
<FONT> </FONT> use these tags to adjust the appearance of the font.
Font specifcations are attributes included inside the first <FONT> tag. Like this:
<FONT face="arial" size=4 color=#FF0000>
face, size and color are the most common font tag attributes.
Note that, when writing HTML, the actual line breaks that
you
enter
in when you're coding
are ignored.
The browser only interprets the <BR> tag
as a line break. This is for the benefit of the coder - so that you can add
line breaks in your code as necessary, to make your code easier to read and edit.
=-=-=-==-=-=-= CUT HERE =-=-=- START HTML =-=-=-=-=-=-=-=-=
<HTML>
<HEAD>
<TITLE>Sample text formatting. </TITLE>
</HEAD>
<BODY bgcolor="#FFFFFF">
<B>bold text</B> <P>
<STRONG>strong text</STRONG> <P>
<EM>empasized text</EM><P>
<BIG>Makes text one size bigger</BIG><P>
<SMALL>Makes text one size smaller</SMALL><P>
<UL>
<LI>The UL tag starts an "unordered list"</LI>
<LI> and allows you to create a bulleted list of line items</LI>
<LI> each line item is surrounded by a pair of LI tags</LI>
<LI>one on, and one off</LI>
<LI> when the list is complete</LI>
<LI> you must "turn off" the unordered list</LI>
</UL>
<P>
<BLOCKQUOTE>
You can indent a block of text using the blockquote tag. This will bring your
margins in. You can indent a block of text using the blockquote tag. This
will bring your margins in. You can indent a block of text using the
blockquote tag. This will bring your margins in. You can indent a block of
text using the blockquote tag. This will bring your margins in.
</BLOCKQUOTE>
</BODY>
</HTML>
=-=-=-==-=-=-= CUT HERE =-=-=- END HTML =-=-=-=-=-=-=-=-=
Back to Top
Now the question, how did we make the above code appear without the browser interpreting
it as arrow symbols?
I'll leave that one for you.
If you have any questions about this, or need professional web hosting services,
drop me a note! mike@dbeat.com