Eye Pleaser Graphics

Tutorials: Text and Image HTML

After you can create a basic page, you will obviously want to add text and images to further the content of your website. In the last tutorial we only mentioned the very basics of the page, and adding text will give you a white background page with Times New Roman font in black, which believe me, won't score you very many visitors. So here are some of the basic text and image html codes you'll need to add color to your pages.
Note: When adding color to your pages, you need to use hexadecimal color codes, and for an awesome color chart, click here.

Text HTML

Changing font and color:
The code to change your font and it's color and size is easy, and using this code allows you to change the size, color or font at anytime by just ending the tag. Choose a normal font, such as arial, verdana or helvetica, and choose a size that is not too large. For example, the size of this text is size 2, and is probably used most often. Finally, choose a font color, which consists of 6 numbers.

Write text and any other html between tags.

Text tags:
You can change your text in other ways besides just the font, and below are the most common tags that I use all the time.

This tag will make your text bold.

<s>~~This tag will put a strike through your text.~~</s>

This tag will underline your text.

This tag will italicize your text. 

Aligning Text:
To put your text on either the center or the right, use the following codes.

<center>This tag will center your text.<center>
This tag will center your text.

Text Links:
Making a text link is easy, just input your address and text.
<a href="URL HERE">TEXT HERE</a>

If you want the text link to open in a new window, use this instead:
<a href="URL HERE" target="_blank">TEXT HERE</a>

Starting a new line:
To start a new line, put in your code. For example, if you wrote:
Line 1 Line 2 You would see this:
Line 1
Line 2

Images

Putting an image on your page:
Before you can put an image onto your page, you must first upload it onto your server. After uploading, use this code.
<img src="imagename.gif">

If you would like to hyperlink an image, simply put the image code into the hyperlink code, like this:
<a href="URL HERE"><img src="imagename.gif"></a>

To place your images on different places on the page besides from the left, use this:
<img src="imagename.gif" align="right">
<img src="imagename.gif" align="center">