Html stands for Hyper Text Markup Language.
It is a computer language that tells Web Browsers (like Google Chrome, Firefox, Internet Explorer) what content they should display for a given Website page.
It covers the content such as text, photo’s, video’s, links, information tables etc.
If you wish to learn XHtml and CSS here is a playlist by Bucky from The New Boston. It’s a good place to start, or read on for a summary.
How that information and media is styled and coloured on the page is governed by another language called CSS.
To write Html you use a piece of software called a Text Editor you download to your computer.
Notepad++ is the most popular on Windows. TextWrangler is popular on the Mac.
I use one called CoffeeCup. These editors have a typing area just like Microsoft word. You write the code, save the document (in this case as a .html or .htm) and when you open up the saved file it will open in your default browser just like a Webpage.
There are two sections to a Html code file. The head section and the body.
The head section contains information for Web Browsers about the file, the website and its styling. It also contains information for Search Engines about the page title, description, author etc.
The body section contains the actual content that appears on the page.
Html works by assigning tags surrounded by angle brackets <> that markup the text, and allowing text to hyperlink to other locations and documents. (Hyper Text Markup Language)
Most tags require an opening and closing version of the tag. A closing tag is signified by a forward slash “/”. Whatever is in between these tags is what is controlled by the tag. A opening tag for a paragraph is <p> while the closing tag is </p>
The document always starts with a Html type declaration.
The latest version is Html5 and its declaration is:
Here is a playlist teaching Html5:
A previous version is XHtml 1.0 Transitional and its declaration is:
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
The typical order of tags are;
<meta name=”description” content=””>
<link rel=”stylesheet” type=”text/css” href=”style.css”>