Apr
10
HTML & Website Design Basics
Filed Under Main Content | Leave a Comment
I’ve created a fun and useful Introduction to Website Design Presentation. I included a few slides as a very basic intro to HTML or HyperText Markup Language.
I’ve used a variation of this presentation as an introduction to Website Design & HTML in my classroom. It puts the basics into perspective and provides a foundation for my site layout & design projects.
HTML is interpreted by your Internet Browser (IE, Firefox, Opera, etc) to produce the pages that you view online. Of course things get more complicated when you add applications to support things like this Blog, ecommerce and other database applications requiring an advanced scripting language. We’ll stick to the simple stuff for now…
HTML Flash Presentation
So here’s my Website Design Basics (flash) Presentation. I hope you enjoy it.
TG 
Jan
20
Author: Timothy Aaron Whiston
To learn HTML you must first understand the basic structure of this markup language. This article will get you ready to dive right in and start working with HTML to build your own great Website.
HTML stands for Hyper Text Markup Language. This is the most basic code for formatting Web documents and instructing Web browsers on the display of these documents. HTML components are, in many ways, the building blocks of the Web.
It’s not particularly difficult to learn HTML code. In fact I like to say that it’s a lot easier than learning to read and write the English language; this gives people a solid reference point and allows them to feel more comfortable moving forward.
To learn HTML effectively, you simply need to look at the process like learning a new, basic language. It’s all about memorizing a range of alphanumeric codes and understanding how and where to apply these pieces of code.
HTML Tags
HTML tags are the most basic element of the language. Think of a tag like a single command base that is used to define a particular area of your Web page.
Tags are letters and numbers arranged within the greater and lesser symbols on your keyboard. For example, here is a body tag:
< BODY >
This tag tells a browser the main body of your Web page will appear below. The above tag is an opening tag, because it signals the start of the BODY section.
At the end of your page body, you would close this tag, thus signaling to the browser that it is finished reading the Web page body. A closing tag includes the trailing slash character like so:
< / BODY >
So you open a particular tag to mark the start of a new area, effect, or behavior. You then close the tag to indicate the end of this area, effect, or behavior.
This is all really quite simple once you get rolling. Now that you understand how to open and close tags, you just need to learn the HTML that goes inside that tag placements.
There are tags that dictate the start and stop of the document head and body. And there are tags that mark where tables, columns, rows, forms, paragraphs, horizontal lines, images, and links begin and end.
As you learn HTML you will also discover that different tags can be used to begin and end specific behavior for fonts and other elements on your page. Everything in your HTML document starts and stops through the use of tags.
HTML Attributes
You can think of HTML attributes as specific characteristics assigned to a tag. For instance, going back to our body tag above, you may want to use an attribute to create a green page background like so:
< BODY bg=”green” >
Attributes can be added to any HTML tag in an effort to enhance the basic format and display of the provided code. Attributes often are what create bold text, highlighted text background, row and column width and height, and many other specific effects seen on the page.
Now that you have the basic structure of the HTML language in mind, all you need to do is learn the specific HTML variable. Again, this is easier than memorizing the alphabet so you have more than enough brainpower to take care of the task at hand.
Article Source: http://www.articlesbase.com/web-design-articles/learn-html-understanding-the-basic-structure-644819.html