This is a guide to HTML. This guide will not teach you how to use it, but will help you when using HTML. This guide has all the HTML coding ( At least that I know of ) all in one spot. This thread. So without further ado, let the guide begin! ^-^
Headings
<h1>Heading here</h1>
<h2>Heading here</h2>
<h3>Heading here</h3>
<h4>Heading here</h4>
<h5>Heading here</h5>
<h6>Heading here</h6>
NOTE: The lower the number the smaller the heading. ( Headings only go down to 6 ) Also do not use ANY heading to make bold or big text. It will mess things up in the long run.
Paragraphs/Normal word
<p>Insert paragraph here</p>
Links
<a href="http://www.nintendolife.com">Insert what you want it to say here</a>
NOTE: Insert the URL after the 'href='
To make your link pop up in another tab, use this code:
<a href="http://www.nintendolife.com" target="_blank">Insert what you want it to say here</a>
Images
<img border="0" src="Insert Image URL here" width="104" height="142" />
NOTE: The width and height are how big the image is. The scale it uses are pixels. Also in the code you will see it says border. Change the "0" to make the image have a frame. This is not used much but I still added it. ^-^
Lines
<hr />
NOTE: You can add a line anywhere. In case you have never seen this code ( This code is not very popular ) This is what the line looks like:
^ That's what it would look like. ^
Line Breaks
<br /> or </br>
NOTE: Use this so you don't have to keep adding multiple paragraphs. Also the first line break code ( <br /> ) has a space after the 'r'
Example of what this would look like:
This is a para
graph with
line breaks
Text Formatting
<p><b>This text will appear bold</b></p>
<p><strong>This text is strong</strong></p>
<p><big>This text is big</big></p>
<p><i>This text is italic</i></p>
<p><em>This text is emphasized</em></p>
<p><code>This is computer output</code></p>
NOTE: You still have to use the <p> </p> in front and in the back of the words as shown above.
Colors
<p style="color:red"> Insert what you want it to say here</p>
NEED HELP? This is how you make the words have color. If you look in the code, you'll see the word 'red' This is what color it is. If you type in the color like it shows above, it most likely will not work. You have to use the HTML color codes. For a list of the HTML color names, click the link below:
(url=http://en.wikipedia.org/wiki/Web_colors)!Color names!(/url)
NOTE: You can actually combine the colors with bold, italic, ect text. Just add the <b> and </b> ( I'm using the bold text symbol as an example. ) at the front and end so it looks like this:
<p style="color:red"><b> insert text here! </b></p>
Background colors!
<body style="background-color:yellow;">
NOTE: Use the same <body> command as the one you used at the top.
To add a background around some letters use these:
<h1 style="background-color:red;">This is a heading</h1>
<p style="background-color:green;">This is a paragraph.</p>
Centering your text
<p style="text-align:center;">Center-aligned heading</p>
NOTE: This works for heading as well as any other text. It will work for images and links too.
Tables ( Those things you might use in math )
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
NOTE: You can add a border ( As seen in 'images' ) around your table.
Lists
<ul>
<li>Bread</li>
<li>Eggs</li>
<li>Milk</li>
</ul>
Use this list code to make a list like this:
- Bread
- Eggs
- Milk
To make a list with numbers, use this code:
<ol>
<li>Bread</li>
<li>Eggs</li>
<li>Milk</li>
</ol>
NOTE: The only thing in the code changing it from bullets to numbers, is the <ul> </ul> and <ol> </ol>
Youtube
<iframe width="420" height="345"
src="Insert Youtube video's URL here!!!">
</iframe>
NOTE: Use this code to add a youtube video to your site. Use the width and height to make it bigger.
That's it for now. I hope this helps. I'll add more later. ^-^ Comment if you have a question or have a code you think I should add. Also you can add your codes on comments.
This was very helpful. It saves lots of time.
