Anchors
They may seem to be hard at first glance, but they are quite easy. See at the top of the page?
When you click on something ,
it takes you to another part of the page. That is an anchor. To make your anchor link, use this code: <![CDATA[<a href="#code word">Click!</a>]]>
Once you have thought of a word instead of 'codeword', the rest is easy. When you start the part of your page that you want the link to go to, put this in front:
<![CDATA[<a name="code word">Text</a>.]]> Whenever somebody clicks your link on the top, it will 'jump' to the other part of the page!
[Note: These can be tricky at first. If you need more help, email DErin]
Top
Backgrounds
You first have to upload your background image to your server. To upload
something, you must go to your file manager. Choose the image you want
to upload and click UPLOAD. Once the page refreshes, the image is now uploaded
to your server. Make a new document, and use this code: <![CDATA[
<body background="http://your url/bgname.gif">]]> Save, and when you open
your page you'll have a background on it!
Now, if you want to have a plain background color, you first have to choose the color
you want to use. Once you have decided, put this code at the top of your page:<![CDATA[<body bgcolor="#COLOR/NAME">]]>
Images
The following tag will place an image on your page.
<![CDATA[
<body background="http://your url/imagename.gif">]]>
Linked Images
The following tag will place an image on your page with a link to another place.
<![CDATA[
<a href="linkurl"><img src="image.url"></a>]]>
Linked Images without Border
The following tag will get rid of the border that appears around the linked image.
<![CDATA[
<a href="linkurl"><img src="image.url" border="0"></a>]]>
Top
Bulleted Lists
To make a list with bullets is quite similar to the ordered lists. Use this code and change it with your own information:
<![CDATA[<UL>
<LI>Awards
<LI>Cave
<LI>Mystic Valley
<LI>Team
</UL>]]>
It looks like this:
- Awards
- Cave
- Mystic Valley
- Team
Top
Different Fonts
To change the font on your page, use this code in front of your text:<![CDATA[<font face="your font name">Text</font>]]>Make sure
to use a common font that most people have - i.e. Verdana, comic sans ms, or Comic Sans. Otherwise people won't see the font on your page.
pre - this tag seperates your text from other text by placing spaces and changing the font.
code: <pre>text</pre>
tt - this tag seperates your text from other text by changing the font.
code: <tt>text</tt>
Top
Text Colors
First, find the color that you want to use.
It can be a name, like 'green' or 'red', or it can be an actual hexcode, like #FF0000.
The numbers have 6 digits, which can include
numbers and letters. Good graphic programs like Paint Shop Pro are able to show you the exact color and the hexcode for it.
Once you have your name/number, use this code:<![CDATA[<font color="#Hexcode/Color Name">Your text...</font>]]>
Different colors can show up differently on computers. It depends on which browser is being used and on how many
colors they have. To be on the safe site always use standard color names and hexcodes. The hexcode is more exact on colors than a simple name is.
Here are a few examples...
- Black #000000
- Grey #808080
- Blue #0000ff
- Cyan #00ffff
- Red #ff0000
- Magenta #ff00ff
- Green #008000
- Lime #00ff00
- Orange #ff9900
- Yellow #ffff00
Top
Email Links
This creates a link to email somebody.
Use this code: <![CDATA[<a href="mailto:youremailaddress@provider.com">EMail Me!</a>]]>
It will look like this ~ Email me!
These tags allow you to link to pages or things outside of your actual page.
link - this creates a link to another page.
code: <a href="siteurl">link</a>
link to a new page - this creates a link that opens up in a new window.
code: <a href="siteurl" target="new">link</a>
Top
Horizontal Lines
Making horizontal lines is very simple, and very useful. You can use them to separate things on your webpage.
<![CDATA[<HR width="80%">]]>
makes a line that looks like this -
<![CDATA[<HR width="80%" size="6">]]> looks like this-
You can also color the lines <![CDATA[<HR width="70%" size="5" color="#000000">]]>
These lines are great, because you can make them look just like .gif bars - but they load much faster.
Top
Marquees
A marquee is a line that moves across your page. You can make the marquees do special things as well.
The basic code for a marquee is this ~ <![CDATA[<marquee>Greetings and Good Cheer</marquee>]]>
That looks like this ~
There are many things you can do to a marquee...To make it change directions, use this code ~<![CDATA[
<marquee behavior="scroll" direction="right/left/up/down">Yoohoo~ This is fun!</marquee>]]>
To make it bounce back and forth, use this code:<![CDATA[
<p align="Left"><marquee behavior="alternate">bouncing back and forth</marquee>]]>
To make a marquee a certain width, use this code:
<![CDATA[<marquee width="number">Yoohoo~ This is fun!</marquee>]]>
You can add a background color to it, too.
<![CDATA[<marquee bgcolor="white">Yeah yeah!</marquee>]]>
Along with all of that, you can make it go a certain speed as well. Watch this~<![CDATA[
<marquee behavior="scroll" scrollamount="#">Already green in DFace =)?</marquee>]]>
Look at this!
Here is the code (You can use any words, and any colors!)
<![CDATA[
<marquee bgcolor="orange" width="20%">
<font color="white">Yoohoo!</marquee>
<marquee bgcolor="green" green="20%" direction="right">
<font color="black">
Yoohoo!</marquee></font>
<marquee bgcolor="orange" width="20%"><font color="white">
Yoohoo!</marquee>
<marquee bgcolor="green" width="20%" direction="right">
<font color="black">Yoohoo!</font>
</marquee>]]>
Top
Numbered Lists
To make a numbered list, put this code on your page:
<![CDATA[<OL>
<LI>Fantasy
<LI>Realms of Arcania
<LI>Soup Recipes
<LI>Star Wars
</OL>]]>
'OL' stands for Ordered List =) It will turn out like this -
- Fantasy
- Realms of Arcania
- Soup Recipes
- Star Wars
If you want the numbers to start on something other than one, inlude this<![CDATA[<OL start="5">]]>
To make the numbers Roman Numerals, use this code:
<![CDATA[<OL type="I">]]>
If you want it in alphabetical order, use this code (It doesn't matter what order you put your list in)
<![CDATA[<OL type="A">]]>
Top
Page Aligning
To make things align to the left side, use this code:<![CDATA[<p align="left">Text</p>]]>
It is the exact same code for centering something, and for making it go to the right. Like this:<![CDATA[
<p align="right">Text to the right</p>]]>
<![CDATA[<p align="center">Text that is centered</p>]]>
You can use those codes to align images, links, text - just everything.
Justified alignment ~ is best used for large blocks of text that span an area, so that both sides fit the margins evenly.
paragraph text that goes all the way across, like much of the text you see on this site, makes text look neater if many lines of varying lengths are together.
<![CDATA[<p align="justify">Text that is justified</p>]]>
Top
Spirit Page Help
What is a spirit page? A spirit page is a part of your webpage
where you can show your team spirit, wee one/fairy spirit, or any other things.
What do I put on a spirit page? Many people like to put their shouts on their spirit page, to show their team spirit.
If you have won any awards, this is the perfect place to put them. Be proud of your team and awards, and don't be shy to put awards on there. You earned them so display them proudly. I suggest you include a spirit book,
because visiting wee ones, fairies, spirits, quills and more will more than likely stop by and dust it.
Other people place their adoptions they got from various teams here also. The possibilities are endless. Just be creative =)
Top
Text Effects
Text effects are things like underlining and making text bold. Use these codes:
To make something bold, use this code. <![CDATA[<b>Text</b>]]>
To make something underlined, use this code. <![CDATA[<u>Text</u>]]>
To make something italic, use this code. <![CDATA[<i>Text></i>]]>
To make something strikethru, use this code. <![CDATA[<s>Text</s>]]>
You can also combine the above text effects and make things bold and underlined, for example.
Top
Text Sizes
To make your text larger or smaller, you use this code:<![CDATA[<font size="number">Text</a>]]>
Depending on what number you use, the text will be large or small. The following chart from 1-5 shows you the various sizes -
Size 1
Size 2
Size 3
Size 4
Size 5
Top
More Help
You may still wonder about zillions of things. Or perhaps you'd like to extend your knowledge beyond the basics here. There are a few quality websites you may find useful in finding more html help.
Tables
Tables are one of the most used html elements today. Tables can be manipulated to do a variety of different things, with neat effects. But we will stick with the basics here, which is all you need to add a dynamic element to your site.
basic -
| this is the most basic table |
code: <table border="1"><tr><td>text</td></tr></table>
basic colored -
| this table has a defined border and background color |
code: <table border="1" bordercolor="color" bgcolor="color"><tr><td>text</td></tr></table>
advanced basic -
this table has a defined border color and larger size as well as a background color and image
|
code: <table border="5" bordercolor="color" bgcolor="color" background="backgroundurl"><tr><td>text</td></tr></table>
Netscape users pay attention: if you are missing any element of your tag, your beautiful table, could turn havoc and mayhem. Be especially careful to close all tags!
I hope this page has helped you,
but if you still need help, please feel free to e-mail me!
|
