HTML Help:
Basic code:
I have decided to add
this section to the site after a small number of people were asking me
how to place colours into their roleplays. I want to start by
getting you all to open up NOTEPAD on your computers and save the file
as "learning.html".
Now type the
following. "I am learning HTML". Save the
file. Open the file which will not be displayed as a web
broweser icon (eg. IExplore). Once loaded return to NOTEPAD.
In NOTEPAD move down
two lines and type "<b>I am learning HTML</b>".
Now refresh your page in your web browser. It should now display
"I am learning HTMLI am learning HTML" all in one
sentence. Obviously the <b> stands for bold. You see
HTML does not recognise the enter key as a line break so your next
command is the <p> command (paragraph). Insert this
<p> at the end of the first sentance, save and refresh.
You should now see the following:
I am learning HTML
I am learning HTML
Good. So the
next code you need to enter in NOTEPAD is "<p><i>I am learning html</i>".
It does not matter whether the <p> is inserted at the end of
your last sentence, or the start of your new one as displayed
above. It still has the same effect. Save and refresh your
browser. It should look like this:
I am learning HTML
I am learning HTML
I am learning HTML
Easy isn't it?
Now try bold, italic type. You should be catching on by now but
the code is "<p><b><i>I am learning html</b></i>".
Save and refresh your web browser.
I am learning HTML
I am learning HTML
I am learning HTML
I am learning
HTML
So now we are getting
somewhere. Now for the all important colour change code.
Simple really. The code to make red type is simple. "<p><font color="red">I am learning html</font>".
Save and refresh. Your web page should now look like this:
I am learning HTML
I am learning HTML
I am learning HTML
Easy isn't it?
Now try bold, italic type. You should be catching on by now but
the code is "<p><b><i>I am learning html</b></i>".
Save and refresh your web browser.
I am learning HTML
I am learning HTML
I am learning HTML
I am learning
HTML
I am learning HTML.
Now I want you to
make the next sentence yellow, bold, and italic with the same text on
your own. You should be able to do it easily now. Any
problems? Highlight the section below in between the quotation
marks with your mouse for the code.
"<p><font color="yellow"><b><i>I am learning html</b></i></font>".
Cracked it?
Good. The important lesson here is to always remember to close
your html lines with a /. For example </b>. Without
these the code does not realise you wish to close the current section
of code and will continue throughout your document. It's really
easy to forget, so make a mental note. All code to be closed
with a /.
More advanced
code:
Okay, so now you want
to change the font size in one of your roleplays. Here is the
next line of code you will type into NOTEPAD. "<p><font size="8">I am learning HTML</font>".
Save and refresh your browser. It should now look like this:
I am learning HTML
I am learning HTML
I am learning HTML
I am learning
HTML
I am learning HTML
I am learning
HTML
I am learning HTML
And to change the
colour of a large font. "<p><font size="8" color="green">I am learning HTML</font>".
Save and refresh. As you can see, the font size and colour have
been included in the same bracket, and thus ended with just once
</font> at the end. Notice the quotation marks though
around the size and colour of the font. This is important.
Your page should now look like this:
I am learning HTML
I am learning HTML
I am learning HTML
I am learning
HTML
I am learning HTML
I am learning
HTML
I am learning HTML
I am learning HTML
You should now be
capable of making that italic or bold also. One last code on my
HTML guide for you all. Changing your font. "<p><font face="comic sans ms">I am learning HTML</font>".
This can be applied to any font you can think of, arial, tahoma,
impact, anything you like. You will now probably know how to
make that coloured, italic, and bold, but here is my final example.
"<p><font face="comic sans ms" color="red"><b><i>I am learning HTML</b></i></font>".
Save and refresh your page. Hopefully if everything has gone to
plan your page now looks like:
I am learning HTML
I am learning HTML
Good. So the
next code you need to enter in NOTEPAD is "<p><i>I am learning html</i>".
It does not matter whether the <p> is inserted at the end of
your last sentence, or the start of your new one as displayed
above. It still has the same effect. Save and refresh your
browser. It should look like this:
I am learning HTML
I am learning HTML
I am learning HTML
Easy isn't it?
Now try bold, italic type. You should be catching on by now but
the code is "<p><b><i>I am learning html</b></i>".
Save and refresh your web browser.
I am learning HTML
I am learning HTML
I am learning HTML
I am learning
HTML
So now we are getting
somewhere. Now for the all important colour change code.
Simple really. The code to make red type is simple. "<p><font color="red">I am learning html</font>".
Save and refresh. Your web page should now look like this:
I am learning HTML
I am learning HTML
I am learning HTML
Easy isn't it?
Now try bold, italic type. You should be catching on by now but
the code is "<p><b><i>I am learning html</b></i>".
Save and refresh your web browser.
I am learning HTML
I am learning HTML
I am learning HTML
I am learning
HTML
I am learning HTML.
Now I want you to
make the next sentence yellow, bold, and italic with the same text on
your own. You should be able to do it easily now. Any
problems? Highlight the section below in between the quotation
marks with your mouse for the code.
"<p><font color="yellow"><b><i>I am learning html</b></i></font>".
Cracked it?
Good. The important lesson here is to always remember to close
your html lines with a /. For example </b>. Without
these the code does not realise you wish to close the current section
of code and will continue throughout your document. It's really
easy to forget, so make a mental note. All code to be closed
with a /.
More advanced
code:
Okay, so now you want
to change the font size in one of your roleplays. Here is the
next line of code you will type into NOTEPAD. "<p><font size="8">I am learning HTML</font>".
Save and refresh your browser. It should now look like this:
I am learning HTML
I am learning HTML
I am learning HTML
I am learning
HTML
I am learning HTML
I am learning
HTML
I am learning HTML
And to change the
colour of a large font. "<p><font size="8" color="green">I am learning HTML</font>".
Save and refresh. As you can see, the font size and colour have
been included in the same bracket, and thus ended with just once
</font> at the end. Notice the quotation marks though
around the size and colour of the font. This is important.
Your page should now look like this:
I am learning HTML
I am learning HTML
I am learning HTML
I am learning
HTML
I am learning HTML
I am learning
HTML
I am learning HTML
I am learning HTML
I am learning
HTML
I am
learning HTML
Applying to your
roleplays:
When roleplaying
obviously you do not have to use the <p> symbol on our boards as
luckily they already recognise the paragraph by pressing enter.
A tip I would advise you all is to write your roleplays in whatever
word processor you like on your computer first. Then once
completed go back and add the code. Copy and paste the roleplay
into our boards and then 'preview post'. Check everything is
working correctly before clicking post. Your roleplay will then
be displayed.
Note:- On
the preview post section, do not worry if the colours don't come out
correctly. It does that on these boards. They will
eventually appear fine when posted.
I hope this has been
of some help to you all. Please feel free to try any code you
wish out on our OOC board for practice. Thank's,
~ Moz
|