.:. HTML Basics .:.
.:. Basic Structure of a website .:.
These are, pretty much, the most basic of all HTML codes. They are usually used on every page of any web site. When I first started, I had a lot of trouble remembering to put a / before the end tags. For example, to end off the body of an HTML document, you are supposed to use </body>, but I would put <body>. Be sure to remember that.
<html>
<head>
<title>TITLE OF YOUR PAGE HERE</title>
</head>
<body>ALL OF THE CONTENT OF YOUR PAGE HERE</body>
</html>
.:. Paragraphs .:.
To make a paragraph using HTML, all you need to put is: <p>. No ending tag needed. If you want to start another paragraph, just put another <p>. However, in XHTML, you need to put a </p>. I, personally, don't like XHTML because it makes you use unessecary tags, and that just wastes your time. You dont have to listen to me if you don't want, and you can use XHTML if you prefer. It's just my opinion. If you like HTML better, don't let anyone tell you that XHTML is better, and vice-versa.
.:. Links .:.
If you want to make a link, you can just simply put the site address, but that's boring. Why not make your link regular text? Here's the code for that!:
<a href="URL OF WEBSITE HERE">TEXT HERE</a>
.:. Add A Picture .:.
Pictures make websites awesome! Who wants to read boring old text when a picture means 1,000 words?! Here's the code to put a picture on a web pge.
<img src="URL OF IMAGE" width="NUMBER OF WIDTH" height="NUMBER OF HEIGHT" alt="TEXT ON HOVER">
.:. Change The Size Of Font .:.
If you want to add some extra attention to a word or phrase, why not change the font size? Here's the code:
<font size="NUMBER OF FONT SIZE">TEXT WITH SPECIAL FONT SIZE HERE</font>
Here are examples of all five sizes:
Font Size 1
Font Size 2
Font Size 3
Font Size 4
Font Size 5
.:. Link To E-Mail .:.
If you want it easier for your visitors to e-mail you, you can give a direct link to your e-mail instead of making them log on, make a new message, and type in you e-mail address. Here is the code for that:
<a href="mailto: YOUR E-MAIL ADDRESS">TEXT HERE</a>
.:. Make Image a Hyperlink .:.
Images and hyperlinks are both awesome, so why not cross them together to make something even awesomer?! That is a hyperlink image. Here is the code:
<img src="IMAGE URL"><a href="URL TO LINK TO" border="NUMBER OF BORDER" alt="TEXT ON HOVER">
.:. Line Break .:.
If you want to break the line (go to the next line) on an HTML document, you either need a new paragraph or a line break. This makes it so that you can go to the next line, and still keep the properties of your paragraph. All you need to type in for a line break is <br>.
.:. Center .:.
To center some text, images, or anything else, all you have to do is add this tag: <center>. Then, of course, to go back to normal you put </center>.
.:. Text Modification .:.
Here's some codes for text modification:
italics <i>
bold <b>
Top Of Page
----- Chat Box -----
