GeoCities Editor, Tripod Triteca, Housekeeper

b.html
backgrounds
bathroom
codes
colors
commands
fonts
indent
links
lines
lists
search engines
tables
GeoCities text

Basic HTML instruction: http://jeffco.k12.co.us/high/awest/learnhtml/00conten.htm (from Green).


BACKGROUNDS

To create a gif background
<BODY BACKGROUND="images/back2.gif" text="FFFFFF" link="#ff0000" VLINK="#ff0000">

To create a color background
<BODY bgcolor="#ffffff">


CODE symbols for < > " marks:

&lt ; code is used to make visible < symbols.
Either > or &gt ; code can be used to make visible > symbols..
&quot; code is used to make " quote mark symbols.

é


COLORS (see examples below)

To create link colors
<BODY bgcolor="#ffffff" text="OOOOOO" link="#OOOFFF" VLINK="#OOOFFF">

To create colored <FONT COLOR="#FFOOOO" SIZE="+6">text </FONT>


COMMANDS

Control L or U to open a location
To get into the C:/ drive from a Netscape browser, type:
file:///C:/

To find file on disk, type
file:///A|/JDB/INDEX~1.HTM
or file:///A|/JDB/INDEX.HTML

Page with the following HTML will automatically jump to a new URL after the desired time.
<head>
<meta http-equiv="Refresh" content="0; url=http://www.msn.com">
<title>Hotmail - The World's FREE Web-Based Email</title>
</head>
Change 4 to the number of seconds desired and change url to destination.


FONT TYPES

To make BOLD: <STRONG>text</STRONG>
To ITALICIZE: <EM>text</EM>
To UNDERLINE: <U>text</U>
To RAISE letters in <sup>text</sup>
To LOWER letters in <sub>text</sub>

<marquee>marquee</marquee> makes the word marquee move across the screen from right to left.


INDENT:

Use nested. lists, or

<blockquote>INDENT</blockquote>


LINKS

To make a link to position on same page
<A HREF="#index>

To make a link to a position on another page
<A HREF="file.html#index>

To make a link to a position on a page at another URL
<a href="http://www.geocities.com/CapitolHill/1594/b.html#political">

To mark position on page to link to
<A NAME="index">

To forward traffic to another site:
<meta http-equiv="Refresh" content="4: url=http://www"> The 4 (seconds) can be changed to whatever pause you wish, adn the quote marks may not be correct. (from JWGreen)

To open a page at another site without leaving first site:
<frameset rows="50,*">
<frame name="navigate" src="/cgi-bin/dasp/offhm.asp" scrolling = "no" marginheight=1 noresize>
<frame name="partner" src="http://pagina.de/newid/" marginheight=1>
</frameset>
<noframes>
The link that you are following will take you to a non-Hotmail location. To continue click
<A HREF="http://pagina.de/newid/">here</A>.
</noframes>

This HTML came from http://easy.to/REMEMBER/
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Refresh" content="2; URL=http://easy.to/suspend/">
<title>easy.to/REMEMBER/ free URL forward</title>
</head>
<body bgcolor="#060147" text="#FFFFFF" link="#FFFFFF" vlink="#008080" alink="#0080FF">
<center>
<font size="5">[ </font><font color="#FFFF00"
size="5" face="Verdana">http://pagina.de/newid/</font><font size="5">]</font>
<br><br>
<font size="4" face="Verdana">Thank you for using<br><br>
<a href="http://easy.to/REMEMBER/" target="new">
http://easy.to/REMEMBER/</a><br><br>
free www and email forwarding.<br><br>
You will be redirected to the requested site:
<br><br><br>
<table border="2" cellpadding="9" cellspacing="3" bordercolor="#808080" bordercolorlight="#FFFFFF">
<tr><td align="center" rowspan="4" colspan="4"><a href="http://easy.to/suspend/">
http://easy.to/suspend/</a></td>
</tr></table></font><br><br><br>
<font color="#FF0000" size="2" face="Verdana">Get your lifetime, easy to
remember URL &amp; email forwarding for FREE, </font><a
href="http://easy.to/REMEMBER/" target="new"><font color="#FF0000" size="3" face="Verdana">
<strong>NOW!</strong>
</font></a>
</center>
</body>
</html>


LINES

<hr size="30" noshade width="75%" color="#FD7D9A">


<hr size="10" noshade>


<hr size="30" noshade width="200">



LISTS

Numbered lists: HTML code
  1. Seven
  2. Six
  3. Eight
<ol> <li type=1 value=7>Seven
<li value=6>Six
<li value=8>Eight </ol>
  1.  
  2.  
<ol type="I" start="5"> <li>Capitol Roman</ol>
  1.  
  2.  
<OL><LI>Numbers</OL> or
<OL TYPE=1><LI>Numbers</OL>
  1.  
  2.  
<ol type=A><li>Capital letters</ol>
  1.  
  2.  
<ol type=a><li>Lowercase letters</ol>
  1.  
  2.  
<ol type=I><li>Capitol Roman</ol>
  1.  
  2.  
<ol type=i><li>Lowercase Roman</ol>

UNNUMBERED LISTS:

Unnumbered lists HTML code
  • disc
  • disc
<UL><LI>disc</LI><LI>disc</LI></UL> or
<UL TYPE=DISC><LI>disc</UL>
  • circle
  • circle
<UL TYPE=CIRCLE><LI>circle</UL>
  • square
  • square
<UL TYPE=SQUARE><LI>square</UL>
  • square
  • square
<LI TYPE=SQUARE>square
  • circle
  • circle
<LI TYPE=CIRCLE>circle
  • disc
  • disc
  • <LI TPE=DISC> or <LI>disc

     

    OUTLINE lists HTML code
    Descendants of ?
    1. ?
    2. ?
      1. ?
        1. ?
          1. ?
      2. ?
      3. ?
    3. ?
    Descendants of ?<ol type="I">
    <li>?</li>
    <li>?<ol type="A">
    <li>?<ol type="1">
    <li>?<ol type="a">
    <li>?</li></ol> </li></ol></li>
    <li>?</li>
    <li>?</li> </ol></li>
    <li>?</li> </ol>

    The TYPE attribute can be applied to individual items and is a Netscape extension which may be ignored in other browsers.

     

    The planets can be grouped into two different densities
    <ul>
    <li type=square>High Densities of about 5 times that of water
    <li type=circle>Low Densities of about that of water

    <p>
    <li type=square>Mercury
    <li>Venus
    <li>Earth
    <li>Mars
    <li type=circle>Jupiter
    <li>Saturn
    <li>Uranus
    <li>Neptune
    </ul>

    <p>
    The planets listed in order of increasing distance from the Sun
    while the numbers show their order of density (1 is lowest).
    <ol>
    <li type=1 value=7>Mercury
    <li value=6>Venus
    <li value=8>Earth
    <li value=5>Mars
    <li value=2>Jupiter
    <li value=1>Saturn
    <li value=3>Uranus
    <li&gtNeptune
    </ol>

    The planets can be grouped into two different densities

    The planets listed in order of increasing distance from the Sun while the numbers show their order of density (1 is lowest).

    1. Mercury
    2. Venus
    3. Earth
    4. Mars
    5. Jupiter
    6. Saturn
    7. Uranus
    8. Neptune

    SEARCH ENGINES

    From http://searchenginewatch.com/ (search engine use and how they work): One other meta tag worth mentioning is the robots tag. This lets you specify that a particular page should not be indexed by a search engine. The format is like this: <meta name="robots" content="noindex,nofollow"> a robot should neither index this document, nor analyse it for links. Not all search engines support this tag. As an alternative, all the major search engines support the robots.txt convention of blocking indexing. Note the "robots" name of the tag and the content are case insensitive. See http://info.webcrawler.com/mak/projects/robots/meta-user.html

    http://searchenginewatch.com/webmasters/checkurl.html explains how to check whether or not a serach engine lists your URL.


    TABLES

    WILLLIAM
    HAMILTON
    STEWART

    TEXT

    HTML text to put at the bottom of GeoCities webpages:
    <center><APPLET CODEBASE="/classes/geoguide" CODE="GeoGuide.class" ARCHIVE="GeoGuide.zip" WIDTH=468 HEIGHT=60> <a href="/cgi-bin/geoguidencsa.map" target="_top"> <img ismap src="/cgi-bin/homestead/GeoGuideLite_image?bgcolor=White" alt=""></a></APPLET></center>


    COLORS


    Please

    DO NOT TOUCH

    THIS COMPUTER

    until I return from the men's room.