1.
What is HTML?
2.
What HTML code is allowed on SIYE?
3.
What do these HTML
tags do and how do I use them?
4.
How to use <strong> and <b>.
5. How
to use <em> and <i>.
6.
How to use the <br> tag.
7.
How to use the <blockquote> tag.
8.
How to use the <p> tag.
9. How to use the <u> tag.
10. How to use the <img> tag.
11. How to use the <a> tag.
12. How to use the <hr> tag.
13.
How to use the <ul>, <ol>, and
<li> tags.
14.
Rules and Tips for HTML on SIYE.
What is HTML?
[Top]
HTML stands for Hyper Text Mark-Up
Language. HTML is a form of code used to add life, and dynamic options to text.
Almost every webpage you view, including this one is coded with HTML. HTML is
easy to use, and with practice easy to master. Lots of places on the web, will
teach you how to use HTML in all is wonder. For this FAQ we will cover the HTML
code allowed on SIYE.
Please remember that HTML is
formatted with things called TAGS. Tags must be opened and closed for proper
HTML formatting. Examples of these TAGS used on SIYE are covered below.
What HTML code is allowed on SIYE?
[Top]
The following HTML is allowed for use
on SIYE:
<strong> <em> <br> <blockquote>
<strike> <font> <b> <i> <u> <center> <img> <a> <hr> <p> <ul> <li> <ol>
What do these HTML
tags do and how do I use them?
[Top]
Some of the allowed TAGS on SITE do
the same thing, however they are coded differently. Below they will be grouped
when needed, so save on space and time. Examples will be used for better
understanding. If you still have questions, please contact the
HelpDesk.
How to use <strong> and <b>
[Top]
The tags <strong> and <b> are both
used to make text BOLD.
As with all HTML tags they need to be
used with the open and closed commands. Below is an example.
This is a <b>BOLD</b> word.
Gives you this:
This is a BOLD word.
This is a <strong>BOLD</strong> word.
Gives you this:
This is a BOLD word.
Notice to close a TAG you changed the
first bracket from < to </ some code pickers will tell you it should be <b />
and <strong /> to close but that is with a certain type of HTML and really isn't
needed. Unless you want your format exactly to standard. For SIYE either way
will work.
How
to use <em> and <i>
[Top]
Like the tags <b> and <strong> the
tags <em> and <i> will do the same thing as well. These tags make text
italicized. This is an example.
This is a example of the <i>TAG
<i></i>
Gives you this:
This is a example of the TAG <i>
You can replace <i> with <em> and get
the same result. Just remember to use your close tags.
How to use the <br> tag
[Top]
The <br> tag is called "line break"
this tag ends the line and forces the text to start over on the next line.
You would use it like this:
This is a line of text I will place a
<br> tag here.
It will look like this:
This is a line of text I will place a
tag here.
How to use the <blockquote> tag
[Top]
Block Quote is a tag that will make a
new paragraph, almost like another tag called <p>. However this will keep
spacing on either side.
Here is an example.
This is a line with some text.
<blockquote>This line also has some text.</blockquote>
Gives you this:
This is a line with some text.
This line also has some text.
How to use the <p> tag
[Top]
The <p> tag will start a new paragraph. This is also a way to add spacing
to lines of text. It will add one whole line of space when used.
Here is an example:
<p> This is some text, and
whatnot.</p>
<p> This too is some other
text.</p>
That will give you this:
This is some text, and whatnot.
This too is some other text.
How to use the <strike> tag
[Top]
Strike will send a line through the text you tell it too. An example would
be this:
This is some struck <strike>text</strike>
Result:
This is some struck text
Not too useful, but its pretty plain.
How to use the font tag
[Top]
The font tag changes how the text is displayed. Its a tag that has some
advanced functions as well. Using this tag, can change one part or all of your
document. The font tag is best used with the parameters 'size', 'face' and
'color'. Below are some examples of this tag.
<font size="5">Hello</font>
Gives you:
Hello
The other parameters Face and Color can be used with size. Face allows you
to set a font, like Arial, or Times New Roman. Color allows you to change the
color of the text using the HTML Color codes.
When adding more than one option to this tag, you need to space them out.
<font size="5" color="#C6CCFB" face="Arial"> Hello world </font>
Gives you this:
Hello world
If you want a small reference to HTML color codes.
Go here:
http://www.htmlgoodies.com/tutorials/colors/article.php/3478961
Remember to use the # infront of the code and that the correct usage is
color="#code" i.e. color ="#000000"
How to use the <u> tag
[Top]
The <u> tag is what you use to UNDERLINE text.
Example: <u>This whole sentence is underlined.</u>
Result: This whole sentence is underlined.
How to use the
<center> tag [Top]
The <center> tag does exactly what it says, centers the text that the open
and close tags surround.
<center>This is centered</center>
Gives you this:
This is centered
There is lots of use for this tag in a story. Mostly it is used for chapter
titles.
How to use the
<img> tag
[Top]
The <img> tag, is what you use to place an image into a HTML document.
It uses some options to make this work. The biggest is the src parameter.
<img src="something.jpg"> will load the picture something into the page.
There are options to control the height and width and border settings.
Another set of options are the align parameters. The can be left, right, or
center.
These are not generally used on SIYE. Infact they are never to be used in
stories. However they can be used in personal profiles, within limits. See the
site rules for more info.
Examples of this tag:
<img src="http://www.somesite.com/myimage.jpg"
border=0>
<img src="http://www.somesite.net/somepic.gif"
align="center" border=0>
How to use the
<a> tag [Top]
The <a> tag is also called an anchor. On SIYE it is common to use this tag
to link websites. To do so you will need to use the following code.
<a href="http://www.somethinghere.com">Some title</a>
This will allow the user to view the website located at
www.somethinghere.com by clicking the
words Some title
How to use the
<hr> tag [Top]
The <hr> tag will draw a straight horizontal line across the page, it is
used as a separator. Usage is by its self and should not encompass any other
text or code.
Example: <hr>
Result:
How to use the
<ul>, <ol>, and <li> [Top]
These tags are used to make ordered and
unordered lists.
<ol> is for a normal 1,2,3,4 order list. <ul> is for a bullet style list.
<li> is what you place before each item in a list.
Example:
<ol>
<li> Item</li>
<li> Item</li>
<li> Item</li>
</ol>
Result:
-
Item -
Item -
Item
<ul>
<li> Item</li>
<li> Item</li>
<li> Item</li>
</ul>
Result:
Rules and Tips for HTML on SIYE
[Top]
If you use HTML a lot for your
stories, remember to upload them in Text format or in Word Pad format. You can
use MS Word formated documents, but the 1st two methods work best.
Remember to CLOSE YOUR TAGS.
Remember that images are not allowed
in stories, EVER
Limited use of the <a> and <img> tags
are allowed in your profiles, abuse will be cause for removal of your offending
content with a warning. Second offence is cause for removal of your SIYE
account.
If you need help with HTML check out
GOOGLE and search for HTML Help
If you need help with SIYE and HTML
use the helpdesk and ask for assistance.
|