Copyright 2002 Markus Heinrich Rehbach All Rights Reserved
This is the anchor or destination for the link "To top of page"
<A name=1>This is the anchor or destination for the link "To top of page"</A>
You can make an invisible anchor by replacing the text with nbsp; i.e using the nbsp; tag. The no break space page will then be the invisible anchor. The link at the bottom of this page i.e "return to top", will land on this anchor/destination.
This is a link to the bottom of the
page
<A href="format.html#2">This is a link to the bottom of the
page</A>
This is a
link to the bottom of the page, with the link underlining suppressed
<A style="TEXT-DECORATION: none" href="format.html#2">This is a
link to the bottom of the page, with the link underlining suppressed</A>
We use style=text-decoration:none in the ahref tag to suppress the automatic underlining of links that browsers do. The underlined link may be a cue to some users that there is a link there, but sometimes it is more attractive to suppress the underlining, as in imitation buttons i.e real buttons aren't underlined, so if you do like I do and simulate buttons with html, then you will need to learn to suppress the underlining. N.B the fact that my links look like buttons means the users will click on them
An orange Horizontal Line,or bar,700pixels long, and 10pixels thick.
A translucent Horizontal Line,or bar.
THIS TEXT IS BOLD
<B>THIS TEXT IS BOLD </B>
THIS TEXT IS UNDERLINED
<U>THIS TEXT IS UNDERLINED </U>
THIS TEXT IS STRICKEN THROUGH
<STRIKE>THIS TEXT IS STRICKEN THROUGH </STRIKE>
THIS TEXT IS IN ITALICS
<I>THIS TEXT IS IN ITALICS </I>
THIS TEXT IS BIG
<BIG>THIS TEXT IS BIG </BIG>
THIS TEXT IS SMALL
<SMALL>THIS TEXT IS SMALL </SMALL>
THIS TEXT IS TELETYPE
<TT>THIS TEXT IS TELETYPE </TT>
©
©
™
™
H 2 0
<SUB>2 </SUB>0
Coca-Cola ®
Coca-Cola <SUP>® </SUP>
Coca-Cola tm
Coca-Cola<SUP>tm </SUP>
Windows 95 ©
Windows 95 <SUP>© </SUP>
This text is in the font face Arial, is 6
points in size, and is the color Black.
<FONT face=arial color=black size=6>This text is in the font face Arial, is 6
points in size, and is the color Black.</FONT>
This text is in the font
face Verdana, however in case the browser the user is viewing this page with
cannot show this font, we include several others. The browser will use the first
font that it can show. It is size 3, and is the color orange.
<FONT face=verdana color=black size=3>This text is in the font face Verdana, is 3
points in size, and is the color orange.</FONT>
In the following PT refers to Point Size of text, and PX refers to Pixels, ie the unit of measurement for length, height, and thickness on you computer screen (they are points)
THIS PARAGRAPH HAS BEEN FORMATTED WITH TEXT AND BORDER COLOR
This is a link to the top of the page
<A href="format.html#1">This is a link to the top of the page</A>
Normally by using the tag parameter target="new" in the ahref tag, the target page will appear in it's own box, while your original page stays in the background. This allows you to click the target page away, or resize it, or click it to full size, whilst keeping the original page behind it...otherwise you have to use the "back" button of your browser. You don't use it for links on the current page. Most of the links you encounter will have target="new" in the ahref tag, unless you are using frames, which we will encounter later
This is the anchor or destination for the link "To bottom of
page"
<A name=2>This is the anchor or destination for the link "To bottom of
page"</A>
<MARQUEE hspace=10 vspace=10 loop=500 width=600 bgColor=teal height="5%"
amount="20" scroll delay="5" behaviour="scroll">This is a right to left
"scrolling" marquee</MARQUEE>
<MARQUEE hspace=10 vspace=10 direction=right loop=500 width=600 bgColor=teal height="5%"
amount="20" scroll delay="5" behaviour="scroll">This is a left to right
"scrolling" marquee</MARQUEE>
<MARQUEE hspace=10 vspace=10 direction=right loop=500 width=600 bgColor=teal height="5%"
amount="20" scroll delay="5" behaviour="slide">This is a right to left "sliding" marquee</MARQUEE>
<MARQUEE hspace=10 vspace=10 direction=right loop=500 width=600 bgColor=teal height="5%"
amount="20" scroll delay="5" behaviour="slide">This is a left to
right sliding marquee;/MARQUEE>
<MARQUEE hspace=10 vspace=10 direction=right loop=500 width=600 bgColor=teal height="5%"
amount="20" scroll delay="5" behaviour="alternate">This is an "alternating" marquee;/MARQUEE>
Scroll direction determines from which side the text or content emerge into the marquee. scroll delay determines the time between each new emergence or scroll of the content. scroll amount determines how fast or slow the content will move across the marquee. the content can also "alternate", i.e bounce back and forth inside the marquee, or "slide" i.e dissappear out one side of the marquee. loop determines how often the behaviour will repeat. Height of the marquee is given as a percentage of the page size, and width of the marquee are given in pixels. bg color can be changed. hspace and vspace determine the distance of the content of the marquee from the sides and top and bottom, and are given in pixels.
this is a citation
<CITE>this is a citation </CITE>
<BLOCK quote>this is a BLOCK quote </BLOCK quote>
I haven't got the next one right yet<INPUT onclick="window.open blue.html, sample, toolbar=no directories=no, status=no, scrollbars=no, resizable=no, copyhistory=yes,width=500 height=200" type=button value="this is a pop up window button">
When this works, a pop up window will pop up when the user clicks the button, you could use this to simulate pop-up menus. make sure your save the menu that you want to pop up under as a html page, in a table the same size asa your pop-up window. This will be the http: you give
This is how to create a horizontal line. width is the length, and size is the thickness of the line
<HR width=400 color=#6495ed SIZE=10>
START> BASICS> FORMATS> COLORS> TABLES> IMAGE SOURCE> THUMBNAILS> IMAGE MAPS> LISTS> FORMS> FRAMESETS> START>
Copyright 2002 Markus Heinrich Rehbach All Rights Reserved