Winterworks
08-11-2009, 10:00 PM
Hi, this tutorial will teach people who know nothing about HTML, what the basic codes are, and how to easily make a simple webpage. We will not get too advanced in this tutorial, maybe another day I'll write another one.
So, let's begin this tutorial!
HTML, stands for HyperText Markup Language (this is handy to know). HTML is the largest language on the World Wide Web. Websites are written in HTML, and with it, you have the ability to bring together a great website about anything you want. The HTML file type is normally either .html, or .htm.
Some basic codes:
Text Styling:
Bold: <b>Bold</b>
Italic: <i>Italic</i>
Underline: <u>Underline</u>
All Together: <b><i><u>All Together</u></i></b>
Headers:
Header 1: <h1>Header 1</h1>
Header 2: <h2>Header 2</h2>
Header 3: <h3>Header 3</h3>
Header 4: <h1>Header 4</h1>
Header 5: <h2>Header 5</h2>
Header 6: <h3>Header 6</h3>
Each header makes the text bigger. Header 1 is the biggest, header 6 is the smallest. (a demo cannot be shown on this forum)
Font Styling:
Green: <font color="green">Green</font>
Blue: <font color="blue">Blue</font>
You can also make fonts different sizes, by editing it to:
<font color="green" size="10pt">Green 10pt</font>
Or even get rid of the "color="green"" to just have it a default color, with a size of your choice.
HTML Links:
Link to Zoovix.com (http://www.zoovix.com) - <a href="http://www.zoovix.com/">Link to Zoovix.com</a>
Add an Image - <img src="http://community.zoovix.com/images/smilies/smile.gif"></img>
HTML Lists:
Ordered List:
List Item First
List Item Second
<ol>
<li>List Item First</li>
<li>List Item Second</li>
</ol>Unordered List:
List Item First
List Item Second
<ul>
<li>List Item First</li>
<li>List Item Second</li>
</ul>Useful Tags:
Horizontal Rule: Add <hr /> to a page to show a bar across the page.
Line Break: Add <br /> to a page to end one line, and start another.
Brought to you by: Zoovix.
More will be added here (http://community.zoovix.com/showthread.php?t=47).
So, let's begin this tutorial!
HTML, stands for HyperText Markup Language (this is handy to know). HTML is the largest language on the World Wide Web. Websites are written in HTML, and with it, you have the ability to bring together a great website about anything you want. The HTML file type is normally either .html, or .htm.
Some basic codes:
Text Styling:
Bold: <b>Bold</b>
Italic: <i>Italic</i>
Underline: <u>Underline</u>
All Together: <b><i><u>All Together</u></i></b>
Headers:
Header 1: <h1>Header 1</h1>
Header 2: <h2>Header 2</h2>
Header 3: <h3>Header 3</h3>
Header 4: <h1>Header 4</h1>
Header 5: <h2>Header 5</h2>
Header 6: <h3>Header 6</h3>
Each header makes the text bigger. Header 1 is the biggest, header 6 is the smallest. (a demo cannot be shown on this forum)
Font Styling:
Green: <font color="green">Green</font>
Blue: <font color="blue">Blue</font>
You can also make fonts different sizes, by editing it to:
<font color="green" size="10pt">Green 10pt</font>
Or even get rid of the "color="green"" to just have it a default color, with a size of your choice.
HTML Links:
Link to Zoovix.com (http://www.zoovix.com) - <a href="http://www.zoovix.com/">Link to Zoovix.com</a>
Add an Image - <img src="http://community.zoovix.com/images/smilies/smile.gif"></img>
HTML Lists:
Ordered List:
List Item First
List Item Second
<ol>
<li>List Item First</li>
<li>List Item Second</li>
</ol>Unordered List:
List Item First
List Item Second
<ul>
<li>List Item First</li>
<li>List Item Second</li>
</ul>Useful Tags:
Horizontal Rule: Add <hr /> to a page to show a bar across the page.
Line Break: Add <br /> to a page to end one line, and start another.
Brought to you by: Zoovix.
More will be added here (http://community.zoovix.com/showthread.php?t=47).