About Us
Affiliates
Job Openings
Contact Us
History of HM
Affiliation
Privacy Policy
Editorials
Trophy Hall
HM Galleries
HM Reviews
HM Awards
HM Email
Socerer's Stone
Chamber of Secrets
Prisoner of Azkaban
Goblet of Fire
Order of the Phoenix
Half-Blood Prince
Deathly Hallows
Other HP Books
Book Mistakes
Name Origins
Recipes
Socerer's Stone
Chamber of Secrets
Prisoner of Azkaban
Goblet of Fire
Order of the Phoenix
Half Blood Prince
Contact the Cast
OoTP Trailer Page
Biography
Wizard of the Month
Official Site
Magical Decrees
Founders
Ghosts
Houses
Staff
Social Order
History of Magic
Quidditch
Ask Merlin
Wizard Money
Dumbledore's Army
Communication
Creatures
Transportation
Dark Arts
Animagus
Horcruxes
Spells
Wands
Azkaban
Diagon Alley
Leaky Cauldron
St. Mungos
Hogsmeade Village
Other Places
Ask the Webmaster
Helpful Websites
CSS Tutorial
PHP Includes
Hosting Guide
Photoshop Tutorials
HTML Tutorials
----------------
Step 1) Basic Visual Effects
With all of these, replace TEXT HERE with the text that you want to have the effect.
<b>TEXT HERE</b>: This Tag will give you a Bold effect
<i>TEXT HERE</i>: This tag will give you an Itallisised effect
<u>TEXT HERE</u>: This tag will give you an Underlined effect
<s>TEXT HERE</s>: This tag will give you a
<h1>TEXT HERE</h1>: This tag will give you a XX-Large text effect
<h2>TEXT HERE</h2>: This tag will give you a X-Large text effect
<h3>TEXT HERE</h3>: This tag will give you a Large text effect
<h4>TEXT HERE</h4>: This tag will give you a Medium text effect
<h5>TEXT HERE</h5>: This tag will give you a Small text effect
<h6>TEXT HERE</h6>: This tag will give you a Smaller text effect
Those are basic Text Effects that you should know for making websites.
Step 2) Other HTML You Need To KNow
<a href="Link Here">Text Here</a> - This is to put a link on your website. put the link where it says Link Here and put the text that you want to replace the link with in Text Here
<img src="Image Link Here" alt="Image Description Here"> - Will put an image on your site, Put the image link where it says Image Link Here and put a Description of the image where it says Image Description Here
<a href="Link Here"><img src="Image Link" alt="Description" border="0px"></a> - This will link an image for you, fill in all of the information just like above, and just leave the border="0px" unless you want the image to have a border then change the 0 to whatever number you want
<body bgcolor="COLOR OR HEX CODE HERE"> - Will Change The Background color of your webpage just change the text inbetween the Quotations to a color, or the hex code for it.
<body background="IMG URL"> - Will make your background an image, just change IMG URL to the URL to the Image.
Step 3) Changing The Font
<font></font> - Basic Font Tags
<font color="#HEX HERE">Text Here</font> - Changes Font Color of the "Text Here"
<font size="#">Text Here</font> - Will change the font size of "Text here"
<font size="#" color="#HEX HERE">Text Here</font> - Changes both the Font Color and the Font Size
If you want to add one of the effects like Bold, Underlined, Strikethough, just put those tags around the text inbetween <font></font>
Step 4) Making Lists
<li></li> - Put these around every item you want to have it's own line
<ul></ul> - Put these around the <li></li> tags to make an Un-Ordered List (Bullets)
<ol></ol> - Put these around the <li></li> tags to make an ordered list (Numbers)
With the information provided in the past two pages, you will be more than capible to make your own information web page with a couple of graphics, links, lists, and special effects. If you want a layout like what we have, that takes allot more advanced knowledge of tables, and or DIV's (another form of HTML and CSS)
Link Us
Fan Art
Become A Partner
HBP Trailer
Weekly Myspace Fan
New Staff Members!
Updated Information
Sept. 1st, 2008
Soon To Come!
Site: Online
Awards: Offline
Galleries: Offline
Reviews: Offline
Layout By: Theresa of
