Ak Rotation Insolence Natacha's Blog Blessed Enchantement Reviews

Main

Home Site Miscellaneous

Graphics

Layouts Avatars Brushes Wallpapers Textures

Tutorials

HTML Layout CSS PHP

Affiliates

Deadly Nightshade

Apply? Linkage


Join Angel Knight's Rotation!
eXTReMe Tracker

 

Basic HTML

This tutorial will show you basic HTML. It will show you how to change text, how to make links etc.

Definitions:

HTML stands for: Hypertext Markup Language
URL stands for: Uniform Resource Locator

BASICS:

Bold Text:
Ex: text here

<b>text here</b>

Italic Text:
Ex: text here

<i>text here</i>

Underlined Text:
Ex: text here

<u>text here</u>

Line Through Text:
Ex: text here

<s>text here</s>

Of course, you can do more than one thing at once:
Ex:text here

<u><b><i><s>text here</s></i></b></u>

FONT SIZES
SET SIZE (The bigger the number the bigger the writing)

text here

<font size="1">text here</font>

text here

<font size="2">text here</font>

text here

<font size="3">text here</font>

text here

<font size="4">text here</font>

text here

<font size="5">text here</font>

CHANGE FONT:
To change the font, you must know the font name that you want to use and use the following code:

<font face="font name">text here</font>

Ex:

<font face="comic sans ms">text here</font>

text here

FONT STYLE EXAMPLES:
Arial
Comic Sans MS
Lucida Handwriting
Times New Roman
Verdana

CHANGE FONT COLOR:
If you want to change the color of your writing, you use the following code:

<font color="#COLORCODE">text here</font>

Ex:

<font color="#CC3333">text here</font> <p>

text here

CHANGE FONT AND COLOR:
If you want to change the font of your writing and the color at the same time you use the following code:

<font face="Font Name" color="#COLORCODE"> text</font>

Ex:

<font face="Comic Sans MS" color="#CC3333">text</font>

text

SEPERATING TEXT AND MAKING PARAGRAPHS

There is two different types of "spaces" you can put:
1)

<br>
2)<p>

Ex:
If you write something like this in your file:

Hello, My name is Natacha. Do you like Angel Knight? I hope you do!

It will show up as:

Hello, My name is Natacha. Do you like Angel Knight? I hope you do!

1)If you write it like this:

Hello, <br>My name is Natacha. <br>Do you like Angel Knight? <br>I hope you do!

It will show up as:

Hello,
My name is Natacha.
Do you like Angel Knight?
I hope you do!

2)If you write it like this:

Hello, <p>My name is Natacha. <p>Do you like Angel Knight? <p>I hope you do!

It will show up as:

Hello,

My name is Natacha.

Do you like Angel Knight?

I hope you do!

----
That is the difference between the "spaces".

ALIGNMENT OF YOUR TEXT
You can align your text to the left, the right and centered. If you do not put anything, the default is left.

To make sure something goes to the left:

<div align="left">Hey!</div>
Hey!

Centered:

<center>Hey!</center>
Hey!

To the right:

<div align="right">Hey!</div>
Hey!

INSERT A IMAGE:

<img src="http://www.yoursite.com/yourpic .jpg">

INSERT A LINK:

<a href="http://www.url.com">Link</a>

Ex: Link

INSERT A IMAGE THAT LINKS:

<a href="http://www.url.com"> <img src="http://www.url.com/pic.jpg"> </a>

This is the very basics of HTML. I hope this tutorial helped you.
Written by Natacha.

Announcements

Sonic - Yes!! its a half decent sonic game that you can play online!

Sonic Yes!! Plus over 100 games !
Click Here to Play For Free
 


Join Angel Knight's Banner Exchange

View Credits