HTML Class 1

If you continue with these classes through to the end (there is 4) by the end you will
be building yourself a character page and will have all the skills available to do it without
the use of a html editor program. The first two classes will prove to be the most useful to you in the soi chat rooms.

At first we will be concentrating on skills you can use in the soi rooms while talking and
doing actions there, as it progresses the skills learned will help you building Your rooms in
soi and lastly then onto building html pages for the net from scratch.

it's really not as hard as it all seems. So take as many of the classes as you desire and who
knows maybe we all shall learn
smiling brightly

please stop this girl at any point if she moves along to fast or you have further questions
 

this class covers: (Text)
what is HTML?
font size
color
changing the appearance of text
bold
italics
centering
paragraph formatting
other helpful html tags

HTML= HyperText Mark-up Language

HTML is not a computer language, you do not program computers with HTML, although it is
done in the language english, it's just used to format and create web pages on the world wide web
that you can visit, surf whatever….
but we can also use this language to change the way we present ourselves in soi and to
assist us in other tasks such as create easy links for someone to follow or posting an image
we want to share with others.

although all of the HTML tags (sometimes called commands) are used when creating a web page,
for now we shall concentrate on just useful tags that you can use in the soi rooms while
chatting and in creating your rooms in soi

do remember to take out the asterisks in all that this girl is going to show you. this girl has to put
them in so you can see the HTML tags, with them out of course you only see the effect.

and another note is that the backslash / and the tag this girl will be putting at the end turns off the
html that you turned on with the first command.
Almost always there is a opening and closing tag in html, there are a few exceptions but we won't
worry about that here for the time being

Font size

<font size=5>font size</font>

which will give you this size

you can easily use …..+6 through +1 and -1 through -6
making the font 1-6 sizes bigger or smaller
or just use the number to set the font size as in the example above

for font to turn it off (close the command) you have to use </font>

Color

<font color=red>font color</font>

which will come out in the color red of course then
 

there are many colors to choose from, here’s a few examples:

<font color=Darkmagneta>Darkmagneta</font>
Darkmagneta

<font color=Darkorchid>Darkorchid</font>
Darkorchid

<font color=darkblue>darkblue</font>
darkblue

<font color=brown>brown</font>
brown

<font color=dodgerblue>skyblue</font>
skyblue

<font color=red>red</font>
red

some browsers don’t show colors the same as others, you can use hex numbers also
instead of the color name for example:

<font color=#8B008B>Darkmagneta</font>
Darkmagneta

<font color="#9932CC">Darkorchid</font>
Darkorchid

<font color=#00008B>darkblue</font>
darkblue

<font color=#A52A2A>brown</font>
brown

<font color=#1E90FF>dodgerblue</font>
dodgerblue

<font color=#FF0000>red</font>
red

and to turn off the color font you also use the </font> remember when you do not wish to color
anymore, you can use various colors in one sentence, just make sure to use to closing tag when you
are done with one and beginning the next for example:
<I><font color=brown>in a swirl and sudden splash, a girls sinks beneath the depths of
the </font><font color=darkblue>dark blue icy waters</font><font color=brown>, her breath
catching within her when she surfaces half way across the pool, the chill rolling through her slender
body as her dark eyes catch sight of the </font><font color=red>red gorean sun</font>
<font color=brown> dancing over the waters surface</font></I>

which would look like this then:

in a swirl and sudden splash, a girls sinks beneath the depths of the dark blue icy waters, her breath catching within her when she surfaces half way across the pool, the chill rolling through her slender body as her dark eyes catch sight of the red gorean sun dancing over the waters surface

a wonderful link to get colors from can be found at:
http://soiuser.hyperchat.com/lg/colorspe.htm
and a couple of more:
http://www.htmlgoodies.com/tutors/colors.html
 

 
Changing the appearance of text

font face is also command but you have to have the font on your computer and so does the other
people or persons watching it for them to see it

the command is <font face=arial>arial font face</font>
to change the font styles/faces just change the name, the above example is arial
(incidently this girl changed the color to in the examples just to make then stand out better,
will show you how to do that next)

examples:

<font face="arial">This is arial font</font>
This is arial font

<font face ="algerian">This is algerian font</font>
This is algerian font

<font face ="bookman">This is bookman font</font>
This is bookman font

<font face ="braggadocio">This is braggadocio font</font>
This is braggadocio font

<font face ="courier">This is courier font</font>
This is courier font

<font face ="desdemona">This is desdemona font</font>
This is desdemona font

<font face ="garamond">This is garamond font</font>
This is garamond font

<font face ="modern">This is modern font</font>
This is modern font

some of you may see nothing special about the text
some may see the pretty font

you can mix and match too by doing this below:

<font face=desdemona size=5 color=lime> Bright</font>
Bright

but make sure how it looks without the font face as well, because if the other person viewing
doesn’t have that font face they will not be able to see it, so it may look very small or very big to
them

<font face=algerian size=6 color=lime>Brighter!!!</font>
Brighter!!!

Bold

<B>bold text</B>

which shows up thicker and in bold

to turn it off do the </b>

Italics

<I>italics</I>

which makes your words slanted like you are doing an action

to turn it off do the </I>

Centering

<center>centers text</center>

to turn it off do the </center>

Paragraph Formatting

aligning the text to the right

Text in here is pushed to the right

 
is done by using this: <P ALIGN="right">Text in here is pushed to the right</P>
of course you can align to the left as well with this same command or center it


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Block style

To make your text in block style you need to put the command of <block> before the words to make this happen and you also need to type out a lot of words to make it look like it is blocked, though to be honest this one usually puts actions such as serving in italics, but that is this one's favored modes, many girls like the way this block style looks when they serve and use it because it looks cleaner to them, please choose whatever you like and feel looks appropriate and turn off the block with the </block>
smiling knowing the Master's here won't be serving but They could find Their own uses for block style writing
blockquote cleans up your edges, makes your text move smoothly, and has a dramatic effect on a page
 


 

Other helpful html tags
there is no ending/closing tag for some of these, this girl has noted where there is closing tags needed

<br> is a line break

<p> is a paragragh break

<hr> is to put in dividing lines


---


you can change the size of the line as well
<hr size=10 width=200>


---


you can use align left, right or center here as an attribute, size, width and noshade
by default the line is centered with no shading and 100% across the page unless you change these

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

<blink>blinking text</blink>
blinking text

underline
that was done by using: <u>underline</u>

typetext
that was done by using: <tt> typetext </tt>

strikethrough
that was done by using: <strike> strikethrough </strike>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ si_nking
that was done by using this:
si_{nk_{in_g}}

make sure you use as many  </sub> as you do <sub> though at your end to close all the html tags

st^anding
that was done by using this:
st^{an^{di^ng}}

the next class is all about links, how to obtain them, use them and images

so any questions left on this one?
looking around the room
 
 


Providing you some helpful links

HTML class #2
covering: (Links and Images)
how to get a URL (URL = Uniform Resource Locator)
posting links
posting images
image formats
image aligning
resizing images
using images as links
borders around the images
aligning text with images

Html Guides
Html Basics

Stone Throw's qwic and easy html course

Html Primer

Colors
Lick Me's Color Specifier for Netscape 3.0

Basic Color Code

Colors in Netscape