HelpWiki:Html help

From HelpWiki

Jump to: navigation, search

Contents

Definition

HTML is short for HyperText Markup Language. It's what's used on the Internet for any website you visit. It handles how things are formatted, what color and size and placement it has. Many people often refer to this as code. In White Oak Stables you can use HTML to create custom information on your account page. That includes putting music players, changing colors, adding images and creating links to other places on the Internet.

Idea Behind It: Tags

The basis of changing things in HTML is controlled by tags. Your browser (Internet Explorer, Firefox, Safari) all know how to read and format these tags. A tag always has a beginning and end, or an opening and close tag.

<tag>things I want to change goes in here </tag>

Anything you put between the start and end tag will be affected. Then, the name of the tags (in blue in this case) will change what the formatting does to whatever you put in between them. A start tag never has a backslash in it (/). An end tag always has a backslash in it.

Tag Attributes

Some tags have additional options that you want to put on them to make them do special things. These are called attributes. A tag can have several attributes at the same time. An attribute is always a word followed by an equal sign and surrounded by quotation marks (shown in green below).

<tag attribute="some value">things I want to change go in here</tag>

Nested Tags

You're not limited to using just one tag at a time. In fact you can use as many tags as you want as long as you nest them inside of each other. Take a look at this below:

<center><font color="red">text goes in here</font></center>

This will center my text and make it show up in red!

Sample Code

Changing Your Font Type

<font face="Arial">my text goes here</font>

The text in red is where you put the name of the font you want to use. Some of the font names you can use are: georgia, times, arial, helvetica, sans, comic sans, and sans serif.

Changing Your Font Size

<font size="#">text I want to make bigger or smaller</font>

Replace the red pound sign by a number between 1 and 7. 1 is the smallest and 7 is the largest.

Changing Your Font Size and Type

<font face="Arial" size="5">text i want to change in here</font>

Changing Your Font Color

<font color="blue">text I i want to change colors</font>

Replace the words in red with the color you want. You can also use a hexadecimal color code.

Centering Your Text

<center>text I want to move here</center>

Aligning Your Text Right

<p align="right">text to move</p> or <span style="text-align: right">text I want to move</span>

Aligning Your Text Left

<p align="left">text to move</p> or <span style="text-align: left">text I want to move</span>

Getting More Help

LissaExplains.com - a great site for learning HTML and CSS and even some programming

Personal tools
Tips & Hints
Interviews