 |
|||||||||
|
![pixel](src="/images/p.gif"){kind=small}
Introduction to HTMLHTML (HyperText Markup Language) is the language World Wide Web hypertext documents are written in. It features hypertext links where you click on a string of highlighted text and access a new document which can be at that site or anywhere else in the world. The new document is located by its URL (Universal Resource Locator) and can be another HTML document, pictures, sound files, etc. HTML is designed to be platform independent, not bound to a particular hardware or software environment.HTML programs are written as plain, ASCII text files. This means they can be written in any text editor such as Write or Notepad. Personally, I use Dreamweaver but am regularly switching to code mode to edit the HTML directly anyway. I'm not a big fan of most HTML editors - without naming any names <cough>Frontpage</cough> they add all this needlessly complex HTML to your pages and I seem to spend more time cleaning unwanted code. In the old days (eg - a year or two ago), the emphasis of HTML was on the structure of the text, leaving the appearance of your document up to the browser. With each new version of HTML, the web designer seems to have more control over the look of their webpages.
Elements and TagsA HTML document is made up of elements. A typical element takes the form:
Some elements include attributes within the tag. An attribute is a variable that is assigned a value such as a filename, a number or whatever. Here's an example of an IMG tag with the attribute SRC in it:
Structure of a HTML documentYour whole HTML document is one big HTML element. In other words, it starts with a <html> tag and ends with a </html> tag.Within the HTML element, your document is divided into two sections: the <head> and <body> elements. The <head> element contains descriptive information about the document. For example, the <title> element is found here. Generally, the <head> element is used for describing the document, not for displaying information (the exception - whatever text you have between your <title> </title> tags is displayed at the top of the browser). The real guts of your document is found within the <body> element. Here you display all your text, graphics, links and so on. HTML documents have a logical structure. Elements are nested within each other adhering to certain rules and cannot overlap in an unstructured fashion. Here is an example of the overall structure of an HTML document:
Comments
|
| NEWS New tip: open link in new window New resource: Internet Explorer downloads New tip: start cursor in a form field New tutorial: upload files using a HTML form Directory of webmaster resources |