Started as an indestructible American Defense Communication Network in 1967 at the height of the Cold War, the Internet moved on to become an academic research and communication tool in the 80's and then the platform for the WWW or World Wide Web developed by Tim Lee Berners in the early 90's at the CERN laboratory. This new technology allows any person with a computer and access to the Internet, as well as a knowledge of HTML to publish almost any media to all other networked computers in the world almost instantly!
Like all computer technology the hardware is controlled by software and so it is with the WWW.
Your browser MSIE or Netscape or maybe even Opera receive information in the form of a code called HTML or HyperText Markup Ianguage.
This computer language the one you are about to learn simply tells the browser where to put WORDS, GRAPHICS and LINKS and how, as well as when and how to play other media such as video and sound or to run scripts such as Java that allow for many other possibilities to occur on the Net such as online banking, voting, gaming etc.
Perhaps learning HTML will take away the magic of the Internet or perhaps it will launch on a new hobby or career in website development.
HTML Basics You have a head and a body and so does html!
Html documents start with a "tag" called <html> and close with
a "tag" called </html> (notice the difference ///?)
These tags contain the page title tags and the body tags of the document. The title tags contain the title and the body tags contain the body.So tags are like containers they contain coded instructions that tell the web browser where and how to place elements of your page such as text and images.
Here is an example of how to get started in HTML open a page in Notepad and type the following
<html> (this tells the browser hers comes an html doc get ready)
<head> (contains title and meta tags [ID]are ready)
<title> (tells the browser what title to place in the title bar)
This is my first web page!
</title> (closes title)
</head> (closes head)<body> (contains the main body of the web page)
Hello world! (this will appear on your page)
</body> (closes the main body)
</html> (closes the HTML doc)
Save with a file name and change to >HTML. Then Open in MSIE
(Microsoft Internet Explorer)Note the title in the upper left, and the words
"Hello world" on the page.
Also note that the default font is NTroman the background is white , and the font colour is black. All of these attributes can be changed with other tags of which there are hundreds which are memorized by the most geeky of web designers as they can easily be found in charts and lists on the Internet!!!!What makes web design more interesting is the
addition of nifty graphics and animation etc. You can learn these slowly and usually in a natural need to know basis.
Tables are also a great way to contain your design elements. Below is a description of table
lingo you can learn more about tables here.
<center>TABLES </center>
This is the merger of 3 cells
this table is in another table each compartment is called a cell cells can have their own tables this set of cells is a table this table has the borders visible this cell has a coloured background this table has a border of 5 pixels it also has cell padding of 5 pixels tables act as containers for text and images and help keep order on your page So there you go..... you are now a novice web designer and ready to take on the world from your computer.
Final note : one of the most satisfying aspect of web design is the fact that all the learning resources that you could ever need are on the Internet itself.Here is your next project
Your next tutorial/project do the tutorial start the project
More resourcesWeb colours use a hex number for RBG
Toolbox check web section
How to make a website
HTML cheat sheet#1 and yet another #2
Making tables