what is html?html stands for 'hyper text mark-up language' and is a simple language that anyone can learn and is used for making web pages
what tools are needed to make a webpage?all that is needed is 'notepad' and a second browser, notepad is a simple text editor in windows, click start on your taskbar then programs and then goto accessories, finally click notepad.
If you are using internet explorer then you will need a netscape browser to check your work
If you are using netscape then you will also need an internet explorer browser to check your work.
what does html look like?the html language is made up of tags that are enclosed in angle brakets, a webpage is completly enclosed within the html tags.
most html tags work in pairs
The first <html> tag tells the browser that it is reading a html document. The </html> tag with the / in it tells the browser that the html has ended
Take a look below
The first <HEAD> tag tells the browser that it is reading the head of a html document. The </HEAD> tag with the / in it tells the browser that the head part has ended
One more example
The first <title> tag tells the browser that it is reading the title of a html document. The </title> tag with the / in it tells the browser that the title has ended
The minimal webpageBelow is the code for a minimal webpage
make a webpage right now!1. start up your notepad program or any text editor you have
2. now click the 'Highlight All' button above
3. now rightclick on the highlighted code
4. next select copy from the popup menu
5. now rightclick on your empty notepad page and selct paste from the popup menu
6. now, from notepad's toolbar click 'File' and then 'Save As...'
7. save your work as webpage.html
The .html is a file extension, its the bit that tells your computer that the file is a webpage *note: .htm is also acceptable.
look at your webpageNow find the file you just saved, doubleclick on webpage.html and see your first webpage,
to return to this page after you have viewed your work just click the back button on your browser.
your page should look similar to this...
about the minimal webpage<html>
Nothing between the head tags is seen by people except the title
(if you look at the top left of your screen on your browsers titlebar you should see the title of this page 'html tutorial and examples, learn html')
<title> my first web page </title>
All the information that you want people to see goes between the body tags
formating the pagethere are lots of html tags available for formatting a webpage
If we add the <CENTER> tag immediatly after the <BODY> tag then everything in the document will be centered, but remember to close the </CENTER> tag immediatly before the closing </BODY> tag
lets add a few line breaks too with the <BR> tag
°note the <BR> tag does not have a closing tag
This is my very first webpage, aint i clever?
nesting tagsbefore moving on something should be said about nesting tags
the correct way to nest tags is like this...
<COLA><BUBBLEGUM></BUBBLEGUM></COLA> = correct
but you can expect allsorts of problems if you do this...
<COLA><BUBBLEGUM></COLA></BUBBLEGUM> = incorrect
from your website