- Begin with the Title Tags
|
<head><title>Sky Senshi @ The Racetrack</title></head> |
The Title Tags will indicate what the title of your page is. When somebody bookmarks your page, the name of your page will be the name of the bookmark, instead of your URL appearing on the title bar of the browser.
- The Body Tag
<body text="white" link="blue" vlink="yellow" bgcolor="black" background="usagi.jpg">
Place your contents here.
</body> |
The Body Tag contains the overall look of your page. Whatever comes after the body tag will be the contents of your page.
Where:
text is the default color of all your fonts unless changed within the body
link is the default color of the links in your page
vlink is the default color of all the links that you already have visited before
bgcolor is the color of your background
- you may or may not choose to use this tag if you already have a background graphic to use
background is your background graphic
- Alignment Tags
|
<center>Usagi</center>
<div align="right">Usagi</div>
|
center is, of course, for centering
div align is for aligning your text whether you want it to be on the right, or left or justify
- Font Style Tags
|
<font face="Helvetica, Arial" size=3 color=red>Ohayo!</font> <font face="Helvetica, Arial" size=2 color=yellow>Atashi Tsukino Usagi</font> |
These tags are used to modify that look of your fonts, if you want font changes within the contents of your page, where:
face is the type of font you want to use
You can put in several fonts separated by a comma so that the people whose computers don't have your particular font will see an alternative font.
size is the size of the font you want to use
color is the color of the particular font you selected.
- Image Tag
|
<img src="usagi.jpg" height=200 width=200 alt="Usagi in a Nice Princess Dress"> |
This is the most frequent asked-about tag. This is how you put an image into your page, where:
img src is the image you want to put in your page (make sure you upload the image also or it would appear broken)
height & width are the sizes of your image
You can find out the size of your image by viewing it on your browser's title bar or through viewing the image size menu of your photo editor.
alt is a label for your image so that people will know what kind of image you are loading
border=0 this tag is optional and used if the picture has a link
The border tag when set to "0" will not put in an ugly borders around your linked picture.
- Link Tags
|
<a href="home.html">Return Home</a>
<a href="home.html" target="_top"><img src="index.gif" height=30 width=88 border=0></a>
<"home.html" target="new">Home</a>
|
This is the tag for putting links, where:
a href is where the link should take you to
It could be an html file or a picture
target="_top" will take you out of a framed page so that you can view the new page in its entirety
target="new" will open a new browser with the link's destination on it
- Other tags
Ten'ou Haruka is SailorUranus<br>
Kaiou Michiru is SailorNeptune<p>
| Other Characters | <![CDATA[ ]]> | The SailorStarLights |
|
br is the tag for placing one line down to make another line
p is used to put a space between one line and another
<![CDATA[ ]]> is to put a bigger space between one word and another, depending on how far you want to put a space between them.
Spaces created by the space bar on your keyboard will only generate one space (no matter how many times you press the space bar), whereas this tag, if used repeatedly will generate more spaces.