All Zeta

Free Web Site - Free Web Space and Site Hosting - Web Hosting - Internet Store and Ecommerce Solution Provider - High Speed Internet

Main

    Home
    Zetapets
    Become Affiliates

Tips & Hints

    Getting Started
    Newbie Guide
    Earning Zetapoints
    Editing Shops
    FAQ Page
    HTML Help Page

Graphics

    Glitter Names
    Avatars
    Backgrounds
    Banners
    Blogs
    Layouts
    Wallpapers
    Blinkies

Extra Stuff

    Sign Guestbook     Avatars
    Item List
    Random Events
    Pet List
    Petpal List

Affiliates

Welcome to All Zeta!!

Welcome to All Zeta, we are glad you dropped by.
All Zeta is undergoing a revamp, so if anything looks messed
up please let a staff member know.

HTML HELP

Welcome to the HTML tutorial.
This tutorial is split into sections to make it easier for you
to find what you are looking for.
Well let's get started.

Basics
text This command will make your font bold, like this BOLD.
text This command will make your font italic, like this Italic.
< tt >text< /tt > This command will make your font typewriter style.
text This command underlines your font.
< s >text< /s > This command gives you the ~~stikethrough~~ effect.

 This command makes text move up.
This code makes the font like this:
This ^code makes the ^font like this.

 This command has the same effect as the one above except that it makes the font move down instead of up. This code ends the same as all the codes above .

 This command breaks the text and starts it again on the next line.In HTML you cannot just press enter to go to the next line you have to use the command.

 This stands for Paragraph. It does the exact same thing as the command except that this tag skips a whole line before starting the text again.

< hr > This command gives you a line across the page. HR stand for horizontal reference. When using the HR command you can set the width of the line. < hr width="50%" > will make the line half the width of the page or table it is being used in.To separate the sections in this tutorial I have used < hr width="50%" > to make my line, you can set this percentage to whatever you like.

< center >Your Text Here< /center> This centers the font on the page, but only the font which is between the tags. If you want your entire page to be centered than you would put < center > at the top of the page and < /center > at the bottom of the page.

Font Size & Color
Changing the size and color of your text is very easy. I will show you how to change just the size and just the color and then changing them both together.

To change your font size you will be using this code: .
The 3 I have used is just an example you can use whatever number you like 1 being the smallest font size.
Here are a few example of different font sizes:

 Text Font Size 1
 Text Font Size 3
 Text Font Size 5

To change the color of your font is just as easy as the size.
 This will give you a red font.

Yes it is that easy!! When changing your color you can use the color words if it is a basic color: red,blue,yellow,purple,pink,brown,black,white,green,orange. If you want a certain color to match than you have to use a color code.
A great place to find color codes is Here they have 215 different colors to choose from.

When using a color code to change colors your tag will look like this:


Here are the 2 commands together:
 Here is the size and color effect.

Making Links
Creating links is just as simple as changing font size and color. Here is an example of a link tag:
< a href="http://www.allzeta.i8.com" >All Zeta< /a > This is a link to the main page of this website.

Pretty easy, huh? All you have to do is remember the URL of where you are linking to. :D

You can also create a link to your email so that people who visited your page can contact you. Here is the code: < a href="mailto:Youremailaddress" >Text here< /a >. Where it says Text here you can make it whatever you want like Contact Me or Click Here To Write Me.

Images On Your Site
To add an image to your site you must first make sure that the image you are using is hosted on an image hoster or webpage owned by you(if it isnt than this is bandwidth theft). After you do that than you need to know the URL of you image or the file name depending where you are storing the image. Once you have all that done you are ready too add the image to your page.

< img src="image.gif" > This is the command to add an image to your page.

To make a border disappear around the image use this command:< img border="0" src="image.gif" >

Aligning images is another thing you might want to know how to do, so here it is:
< img align="right" src="image.gif" > This command makes the image be on the right side of the page.

< a href="URL" >< img src="image.gif" > This command turns your image into a link.

The following 3 tags are for putting text beside and image:
< img align="top" src="image.gif" >text text text
< img align="middle" src="image.gif" >text text text
< img align="bottom" src="image.gif" >text text text

Sections Coming Soon
Tables
Images in Tables