All about fonts...
Fiddling
with Fonts are the most
fascinating
and
fun part
of homepage making. Your page can become
*very attractive*
just by altering the
type face
,
colors
and
sizes
of the fonts.
Font typefaces are the
appearances
of the fonts on the screen. Usually, the more creative and unique the font is, the more
attractive
your page will be.
Anyway, this is the html line for indicating a certain typeface to appear on the screen :
The "size" tag within the < font > line determines the
sizes
of the text appearing on the screen.
Usually, a < font > tag is situated beneath the < body > tag, after indicating the
background
color or graphic, to specify an
overall
font for the page. In the rest of the page, you can again alter the size of the font by :
This
+1
increases
the predetermined size 2 by 1 , which indicates
3
.
Accordingly
, the text indicated will decrease by 1 when a -1 command is added.
Remember to end each font command by a < / font > tag. If not, your font types, colors and sizes will be all muddled up and thus not producing a desired effect.
A page with text that is only shown in
black and white
would give no effect but
dullness
. Therefore, a line in the < font > tag is added to indicate the different colors of the text.
Colors in HTML can be defined by directly the
name
of the color (supported by later versions), but each color actually has a specific
code
to follow. The code, of course, gives a greater flexibility to the
different shades
of
colors
used, but is in comparison more
troublesome
to memorize and needs to be
referenced
everytime.
A
nyway, here is a small color code chart for reference.
This is the
example
of the html script with the 3 elements combined.
How do I add a background image?
Sometimes a plain
colored
background as the common black or
blue
would appear
dull
.
Especially when your page is a photo or picture gallery with
minimum amount
of wordings, a background with repeated
colored
pattern or graphic can
elaborate
it.
The body tag, as shown earlier in the
start
section that is situated right under the closing of the
< head > tag
is used to define the default background color. The tag is (to remind you)
< bodybgcolor="yourcolor" >
. Now, you can add the following command
*within*
your body tag to indicate a tiled background of your
desired
graphic or pattern.
Here
is an example of a page with a tiled background graphic.
click!
NB:If you are to tile a picture as background, it is recommended to use a light colored picture, or watermarked so that the background will not be more overwhelming than the wordings.
What about some music?
It
is always more
pleasant
and
interesting
to visit a webpage with
background
music
.
Usually
, midi files are linked up as background music with the
< embed > tag
. The following is the command.
The
src
part relates to the
file
which will be played. For the above command the file "Landb4time.mid" will be played. The
extension
for all midi files are "mid".
The
height and width
will determine how large the plugin player for midi files would be. If you have not got a midi player, go to the
links
page for some sites.
The
loop
part in the command means a
repeating
of the midi file after it has finished playing one time. The
autostart
allows the midi to start as the page loads
automatically.
Here is an example of a page linked with a midi file. The file will start automatically when the page loads.
click!
Some other font styles ...
The
BOLD
tag is simply
< b >
to begin with, and
< / b >
to end.
Blinking text can sometimes be annoying, but ...it's still a text format, and will allow dull looking text look more interesting, and also add emphasize to a phrase or word.
< blink > Hi!< /blink >
will appear as :
Hi!
Again, you'll have to remember to end your blinking. You won't want your whole document blinking, right?
Underlined
text is another way to emphasize your phrase or word. The tag is simply a < u > , ending with the stroke < / u >.
Italics
in html documents are guided by the < i > tag, closing with the stroke as usual. In writing formal documents,
italics
might be quite useful in formal emphasis.
[email protected]
*littlestars :) Copyright.
