Tip: Please read HTML Tutorial I: HTML Basics before this.
First of all, why would anyone want to use HTML coding? The answer is simple. Have you ever wanted to design a webpage/website, or anything to that effect, but couldn't for the life of you figure out how?
A website's content is mainly derived from HTML coding. From text to fonts to hyperlinks, all of it can be done with HTML. So without further ado, here is a quick tutorial.
TIP: When you happen to see tips like this one, read them carefully. If you don't it might not be very easy to understand.
IMPORTANT!!: Since using a code with brackets >, and < actually does something in this document, I'll use these: {, and}. In this Tutorial, please replace all > and < characters with { and { in your HTML documents.
Basic Structure of an HTML Page:
To start of an HTML webpage, put in the {html} tag. This tells your web browser where the HTML starts. This tag is optional, and it isn't necessary to get your page to show. The second line would be {head}, to start the heading, which includes title, the description (read by some search engines), and the keywords (the main keywords of the page).
The next tag would be the {title} tag. This is the title of the page, and what you'll see at the top of the web browser. The {meta name} information is also somewhat useful for some search engines. They may use whatever is in your "description" tag to describe your site. Others may randomly take an excerpt of the {body} of your page for a description of your site. The keyword tag may also be helpful with your ranking in some engines. Insert three or four of your main keywords or keyword phrases separated by commas here. Then close the head section with {/head}
Next comes {body}. This should include the main body of your page. After typing your main body, close it with {/body> Then close the HTML with {/html}.
Here’s what it should look like when complete:
{html}
{head}
{title} Title that is displayed at the top of your web browser and also used as the title by many search engines{/title}
{meta name="description" content="10-15 word description of your site read by some search engines">
{/head}
{body}
{p align="left"}
Website body paragraph text, you write stuff here. {a href="http://www.yourwebsite.com/the/rest/of/your/link.php{/a}.
{/p}
{/body}
{/html}
This may be a little sparse, but there's more in the next tutorial.
*Tutorial III will cover Basic Hyperlinking*
