HTML an introduction
Most websites are designed using HTML (hper text markup language).
This type of code is recognised by browsers such as Internet Explorer or Netscape Navigator.
With html each section of code is written between two tags - a start and end tag - look at the title tag it starts with the word 'title' in pointy brackets and ends with a forward slash before the word at the end: /title. The title tag will determine what appears in the title bar of your browser window. On the page you are reading now you will see the title 'Getting Started' (if I have done this right!).
As you read more html, you will recognise common tags and start to see what function they each have.
The start and finish of each web page will have <html> tags to inform the browser that the page is written in html. There are head tags to set up things like titles, descriptions and keywords.
The <BODY> tag defines the main page area. On the main page you will encounter h tags for headings and p tags for paragraphs etc.
Type out the following code in Notepad, save it as first_page.html
and then open it. You will see how the different tags work.
<html>
<head>
<title>This Appears in the Title Bar</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="Tags help">
</head>
<BODY bgcolor="#FFFFFF">
<p><b><font
face="verdana, geneva, arial, helvetica, sans-serif" size="4"
color="#800000"><b>HTML
TAGS: An Overview </B></font></B></p>
<p><b>View
the page then view the source code</B> - see how the tags wrap around
the viewable text.</p>
<hr>
<h1>This is Heading 1</h1>
<h2>This is Heading 2</h2>
<h3>This is Heading 3</h3>
<h4>This is Heading 4</h4>
<h5>This is Heading 5</h5>
<h6>This is Heading 6</h6>
<hr>
<p><font size="1">This is Size 1 text</font></p>
<p><font size="2">This is Size 2 text</font></p>
<p><font size="3">This is Size 3 text</font></p>
<p><font size="4">This is Size 4 text</font></p>
<p><font size="5">This is Size 5 text</font></p>
<p><font size="6">This is Size 6 text</font></p>
<p><font size="7">This is Size 7 text</font></p>
<hr>
<p>This is <b>bold</B> text </p>
<p>It is not a good idea to use Italics - <i>because it is difficult
to read</i></p>
<p>Never use <u>underline</u> because people assume that it
is a hyperlink</p>
<p><font color="#FF2200">You can use</font> <font
color="#1321FF">any colour text
that you fancy</font></p>
<hr>
<p>You can align left</p>
<p align="right">You can align right</p>
<p align="center">You can align "center" -
but only if you spell it
like the Americans</p>
<hr>
<p> </p>
</BODY>
</html>
(Many thanks to Mikey from whom I nicked this page - I hope thats ok!)
Alternatively click here to see the page!
Index Introduction Setting up Text Preparing images Adding images Tables Design/research More stuff Getting noticed Publishing your site Links