Search:

SIYE Time:13:06 on 23rd October 2017

SIYE HTML FAQ

 

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:

  1. Item

  2. Item

  3. Item

<ul>

<li> Item</li>

<li> Item</li>

<li> Item</li>

</ul>

 

Result:

  • Item

  • Item

  • Item

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.

 

 

 



../back
! Go To Top !

Sink Into Your Eyes is hosted by Computer Partners. HARRY POTTER, characters, names and related characters are trademarks of Warner Bros. TM & 2001-2006. Harry Potter Publishing Rights J.K.R. Note the opinions on this site are those made by the owners. All stories(fanfiction) are owned by the author and are subject to copyright law under transformative use. Authors on this site take no compensation for their works. This site 2003-2006 ALL RIGHTS RESERVED. Special thanks to: Aredhel, Kaz, Michelle, and Jeco for all the hard work on SIYE 1.0 and to Marta for the wonderful artwork.
Featured Artwork 2003-2006 by Yethro.
Design and code 2006 by SteveD3(AdminQ)
Additional coding 2008 by melkior and Bear