Site Announcements:

Updating site at the moment on and off. Anything out of date, feel free to pmail me (Ancalagon) or use the feedback form on this site.

Site Stats


View My Stats



Guide Introduction

A guide to using HTML on PowerPets

The html used on powerpets is fairly basic, but can be confusing, expecially if you have no previous experience with it. With this guide I hope to show you what the various codes can do, and what the codes actually are.



Guide Written By Aertyn


A guide to using HTML on PowerPets
Changing a font's color.

This font
will become
This font
by using this code <font color="red"> You can use any hex code on the web (or, you can use photoshop or Pant Shop Pro). But I made up a table of commonly used hex codes you can view that here


Changing a font's size.
<font size="1">
<font size="2">
<font size="3">
<font size="4">
<font size="5">
<font size="6">
<font size="7">


Changing the font's type.
<font face="verdana">
<font face="Arial">
<font face="Comic_sans_ms">
<font face="arial_black">
<font face="times_new_roman">
<font face="courier">
<font face="courier_new">


Text Attributes.
Bold = bolded text <b>
Underline = underlined text <u>
Italic = italicised text<i>
center text =

centered text
<center>


Lists.
<ul> - Start custom List
type=square, circle A list with circles <ul type="circle">

  • For each line you must put <li> before it otherwise the text will just run together.
  • 2nd line
A list with squares <ul type="square">
  • For each line you must put <li> before it otherwise the text will just run together.
  • 2nd line
</ul> You have to add this after you have finished with your lists, otherwise your text will go all weird.
Numbered lists.
<ol>
  1. For each line you must put <li> before it otherwise the text will just run together.
  2. 2nd line<
</ol> You have to add this after you have finished with your lists, otherwise your text will go all weird.


Other html.
<br> - Creates a line break in your text like
this
<p> - Creates a paragraph break in your text like

this
<hr>- Creates a horizontal line. Used normally it will look like this


Kinda boring though right? you can also use this code <hr color="red"> and it will look like this
Pretty cool huh?


Closing tags.

Always remember to close tags, otherwise it will affect your text where you don't want it to be affected. These are the closing tags for each opening tag.

Opening Tag Closing Tag
<font color="red"> </font>
<font size="1"> </font>
<font face="verdana"> </font>
<b> </b>
<u> </u>
<i> </i>
<center> </center>
<ul> </ul>
<ol> </ol>