HTML Coding Information
HTML, an abbreviation of Hyper Text Markup Language. HTML is a coding language used to create basic webpages. While it may seem intimidating to learn at first, through experience you will find that it's really not as difficult as it may seem. Although, it can get a little frustrating. Anyway, I've made this tutorial to help you better understand HTML on a more practical level. Using HTML will allow you to make better, more professional looking webpages than any simple page builder can hope to compare to. The problem with using drag-and-drop page builders is that you can not position things dynamically, you have this over here and that over there, and nothing looks in order. The problem with using Wizard-type page builders is the extreme limitations you encounter. You have a small amount of preset colors, backgrounds, templates, etc. You just can't get enough out of them. Using HTML, you can make your webpage/website look exactly the way you want it to, but it will indeed take more effort to complete than using a page builder would. Most good things take time.

You may also want to consider learning CSS, an awesome companion to HTML and even easier to learn. The amount of things CSS can do for your webpage is simply incredible. CSS is mainly another way to add more and better attributes to your HTML elements such as tables, fonts, buttons, everything. Using CSS, you can apply attributes to elements that you normally couldn't apply using normal HTML. But, CSS can do many, many other things than simply applying attributes. For instance, you can apply multiple layers to your pages, create external stylesheets, use absolute positioning (Placing things on your page based on X and Y positions), and much more.

Javascript is another language I would recommend learning. Javascript is not very user-friendly to learn, it is immensely more complex than HTML. But, you can apply an extremely greater level of interactivity to your webpage using javascripts.


Color Code Key

Durring your exploration of my tutorial, you will find that the HTML is colored. This is for easy reference, so you can easily tell what is what. This key defines what the colors represent.

Blue = Tags
Green = Attributes
Red = Attribute Values.

In example: <table width=400 height=400 align=center>

Terms and Explanations


-Tags-
Tags are the beginning and ending marks that define the beginning and end of each element on your webpage. In example, <font> and </font> are Font tags. <table> and </table> are Table tags. Every tag must be surrounded by '<' & '>' brackets, one on each side. If you fail to place these brackets on your tags, internet browsers will not read them as valid elements and it will most likely show up as text, instead of doing what it is intended to do.

-Openning Tag-
An opening tag is the first tag in every element. Every element has a minimum of two tags, the opening tag and the closing tag. The opening tag marks the start of whatever element it represents. In example, <font> is the opening tag for the Font element.

-Closing Tag-
A closing tag is the final tag in every element. It is characterized by the / inside of it. The closing tag marks the end of whatever element it represents. In example, </font> marks the end of the Font element. Internet browsers will not apply any effects of the Font element past the </font> tag.

-Attributes-
Attributes are options and specifications that you place inside opening tags. You cannot place attributes inside of closing tags. You may place an unlimited amount of attributes inside tags. In example using the width attribute with a Table tag: <table width=100%>. Now, using both width and height: <table width=100% height=400px>

-Values-
Values are exactly that. Values are the specifications of attributes. In example, in the width attribute, width=400px, 400px is the value. The width has a value of 400 pixels.
Hosted by www.Geocities.ws

1