Some HTML bumpf |
Here's a first sample for your test.htm file:
Now try this line in your "test.htm" file
(a Hot Link):
<A HREF="http://www.fundlibrary.com/">Click Here,
pleez!</A>
where I've indicated, in BOLD, the stuff which changes from
one web site to another. It'll look like this:
Click Here,pleez!
(1) remembering the space between A and HREF, and
(2) including TWO quotes (which surround the URL), and
(3) getting TWO < and TWO > and
(4) thinking of something clever (other than Click Here, pleez!).
P.S. There'll be a test at the end of the week.
|
Line up, pleezThe simplest way to "line things up":
For example, to get this
You type this <TT> or even this: <TT> <PRE> HongKong 2:55AM -.89% <BR> France 5:46AM -.53% <BR> U.K. Nov.18 -.89% <BR> </PRE> </TT> NOTE: When you type the rows which will appear, put in the proper number of spaces between words so the rows will line up. The <PRE> tag means PREformatted so your browser won't strip away all them lovely spaces you put in, to line things up. The <TT> means your letters and spaces will all have the same width, like a typewriter, making it easy to line things up. The <BR> tells your browser to move to the next line.
|
Odds 'n EndsOh ... did I mention how you get those big letters? You stick <FONT SIZE="+2"> in front of (and of course </FONT> in back of) the word(s) you want bigger. For REALLY BIG, choose "+4" and for really small choose "-2", etc. etc. ... and also ...
x<SUP>n+1</SUP> gives xn+1 ... and also ... Everything between <FONT FACE="symbol"> and </FONT> is all Greek:
<FONT FACE="symbol"> p </FONT> is p
... and the following gives sum good stuff:
<FONT FACE="symbol" SIZE="+2"> S </FONT>
A<SUB>n</SUB>
x<SUP>n</SUP>
S Anxn
|
Graphs 'n suchSuppose you see a graph (or neat picture), on the Net, somewhere.
Click on her (but be gentle) with your right mouse button, choose View Image (or Properties) and you'll see where she lives, namely: /lady.gif Now copy the URL and you can ... uh, use the Sexy Lady yourself by typing:
Since loading graphics takes some time, you can also provide a HotLink
to the graph, using:
And you can arrange things so you can click on a graphic, as a HotLink,
like so:
Oops ... another thingy: If you use the <A HREF="URL"> Click Here</A> or <IMG SRC="URL"> stuff for a link to somewhere on the Net, then ya gotta use the complete, unadulterated URL, like for example: http://www.etc./etc/. But, if'n ya jest want to do a link to something which lives at the same Net location, then you can forget the http://www.etc./etc./ stuff. For example, if this tutorial lives at http://www.golden.net/~mydir/, I don't have to use <IMG SRC="/smiley.gif "> but, instead, I can just use: <IMG SRC="smiley.gif "> The /smiley.gif sez to your browser:
If your browser has already done 1,2 and 3 and is currently reading an HTML file (located in the collection of files at /), then it'll just look around for "images/smiley.gif" ... without heading back to the Web.
Let's see if'n it works. I'll just use <IMG SRC="smiley.gif
">
See? It works! Uh ... something else. To separate one thing from another, it's convenient to use a Horizontal Rule, like this or maybe like this and it'll automagically run the width of the screen (or the TABLE ... see below).
Just include the code:
<HR SIZE="4">
or
<HR SIZE="4" NO SHADE>
|
Tables 'n SuchThis'll create tables:
<TABLE BORDER=3 CELLSPACING="3" CELLPADDING="10">
which looks like:
If you want another row, do this:
<TABLE BORDER=3 CELLSPACING="3" CELLPADDING="10">
See the magic <TR> and </TR>
which mark the start and end of the Table Row?
<TABLE BORDER=P, CELLSPACING="Q", CELLPADDING="R"> and see what happens when you drop the quotes about the Q* or leave out the CELLSPACING entirely or the CELLPADDING or forget the </TR> or the </TABLE> at the end of your table or ... or ... well, just play with it!
* Some browsers don't seem to care about the quotes. You'll have noticed that the above tables are just wide enough to accommodate the stuff you put inside, however, you can decide on the width yourself with:
<TABLE BORDER="3" WIDTH="80%" CELLSPACING="3" CELLPADDING="10"> where the WIDTH=80% says: "make the table width = 80% of the width of the screen", like so:
Also, you can specify both the WIDTH and HEIGHT, in pixels, like so:
and it'll look like this:
|
COLOR
I know! I know! It's a funny place to put it ...
Like <FONT COLOR="red"> and
<FONT COLOR="orange">
Type (into your test.htm document) something like
<FONT COLOR="red">Hello</FONT> and you get
Hello (but don't forget the </FONT>
else everything after the <FONT COLOR="red"> will be red.
Even the cells in a TABLE can have a BackGround
colour by starting the TABLE with:
<TABLE BGCOLOR="cyan" BORDER="10" CELLSPACING="10" CELLPADDING="1"> where I've hi-lighted the additions in "red".
It would look like:
P.S. Uh ... almost forgot; if you set BORDER="0" and add a touch
of CELLSPACING you can line things up like so:
|
... and check out: a beginner's guide to HTML
* I found the li'l Lady (at a site) in ... would-you-believe ... Milan, Italy!
P.S.I forgot to mention that the WIDTH and HEIGHT of an IMAGE can be changed like so: Anyway, the original lady.gif is 24 X 24 pixels ... which brings us to pixels.
All images are made up of tiny dots of colour called pixels. If I blow up
the li'l lady (... pardon the expression) you can count the "pixels" to
verify that she's a 24 X 24: Well ... it ain't so easy to count, but if your screen is 800 pixels wide then 33 lady.gifs should fit across your screen. Count 'em: |
continue ... to Part II |