<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>:: code war·ri·or</title>
<meta HTTP-EQUIV="CONTENT-LANGUAGE" CONTENT="en-gb">
<meta HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=windows-1252">
<meta NAME="RESOURCE-TYPE" CONTENT="document">
<meta NAME="DISTRIBUTION" CONTENT="global">
<meta NAME="REPLY-TO" CONTENT="html@code-warrior.co.uk">
<link rel="stylesheet" href="/assets/cws0902.css" type="text/css">
</head>
<body>
<img src="/assets/ecaps.gif" width="1" height="5">
<table height="30" cellpadding="1" cellspacing="2"
border="0" align="center">
<tr height="10">
<td style="background: #ffffff" width="453"> </td>
<td style="border: 1px; solid #333; background: #efcead" width="15"> </td>
<td style="background: #ffffff" width="15"> </td>
<td style="border: 1px; solid #333; background: #d2a97f" width="15"> </td>
<td style="background: #ffffff" width="15"> </td>
<td style="border: 1px; solid #333; background: #b5947b" width="15"> </td>
<td style="border: 1px; solid #333; background: #a5846b" width="15"> </td>
<td style="background: #ffffff" width="15"> </td>
<td style="border: 1px; solid #333; background: #b58c5a" width="15"> </td>
<td style="border: 1px; solid #333; background: #ce7b31" width="15"> </td>
<td style="border: 1px; solid #333; background: #bd7321" width="15"> </td>
</tr>
<tr height=10>
<td style="background: #ffffff" width="453"><span
class="bullet">::</span>
<span class="warrior">code war·ri·or</span></td>
<td style="background: #ffffff" width="15"> </td>
<td style="border: 1px; solid #333; background: #d6bdad" width="15"> </td>
<td style="border: 1px; solid #333; background: #d2a97f" width="15"> </td>
<td style="border: 1px; solid #333; background: #c69c73" width="15"> </td>
<td style="border: 1px; solid #333; background: #b5947b" width="15"> </td>
<td style="border: 1px; solid #333; background: #a5846b" width="15"> </td>
<td style="border: 1px; solid #333; background: #ce9c63" width="15"> </td>
<td style="border: 1px; solid #333; background: #b58c5a" width="15"> </td>
<td style="border: 1px; solid #333; background: #ce7b31" width="15"> </td>
<td style="border: 1px; solid #333; background: #bd7321" width="15"> </td>
</tr>
<tr height=10>
<td style="background: #ffffff" width="453">
<div align="left"><font color="#bd7321"><b></b></font></div>
</td>
<td style="background: #ffffff" width="15"> </td>
<td style="background: #ffffff" width="15"> </td>
<td style="border: 1px; solid #333; background: #d2a97f" width="15"> </td>
<td style="background: #ffffff" width="15"> </td>
<td style="border: 1px; solid #333; background: #b5947b" width="15"> </td>
<td style="border: 1px; solid #333; background: #a5846b" width="15"> </td>
<td style="border: 1px; solid #333; background: #ce9c63" width="15"> </td>
<td style="border: 1px; solid #333; background: #b58c5a" width="15"> </td>
<td style="border: 1px; solid #333; background: #ce7b31" width="15"> </td>
<td style="border: 1px; solid #333; background: #bd7321" width="15"> </td>
</tr>
</table>
<table ALIGN="CENTER" WIDTH="647" BORDER="0"
CELLPADDING="0" CELLSPACING="0">
<tr>
<td>
<img src="/assets/ecaps.gif" border="0" alt=""
width="647" height="3"></td>
</tr>
<tr>
<td class="navigation"> <a href="/index.html">home</a>
:: <a href="/tutorials/index.html">html
tutorials</a> :: <a href="/sitebuilder/index.htm">site building</a>
:: <a href="/qanda/index.htm">q&a</a>
:: <a href="/resources/index.html">resources</a> :: <a
href="/shop/index.html">shop</a></td>
</tr>
</table>
<table width="647" border="0" cellspacing="0"
cellpadding="0" align="center">
<tr>
<td valign="top" class="contenttable">
<p class="warrior"><img src="/assets/ecaps.gif" width="500"
height="1"><br>
</p>
<p class="warrior">What is HTML?</p>
<p >OK, so you've never played with HTML before. You're
not even too sure what it is, other than knowing it's what creates web
pages. Basically (I hate that word, but it's probably going to come up
a lot) HTML is a set of instructions, read by a piece of software called
a browser, to display a page of information.</p>
<p>HTML is not actually a programming language as it doesn't run a program.
Think of an HTML file just like a word processor file that a program (like
Microsoft Word) looks at to get instructions on what to do (how to display
your document).</p>
<p>For the technically minded among you, HTML stands for the HyperText Markup
Language. You could really amaze your friends with that!</p>
<p class="breadbullet" >Tags</p>
<p>So what are tags, I hear you cry! Tags are the commands that tell the
browser what to do. Any tag goes inside a pair of greater than and less
than symbols, like this:</p>
<p ><TAG></p>
<p>Some (in fact most) tags also need to be closed or stopped - for example,
there is a tag for underlining text. You put <U> to start underlining
and </U> to stop. For example:</p>
<p class="codetable" ><U>This text will appear underlined</U></p>
<p>You put everything the browser needs to know within these tags. Most
tags have extra attributes that let you give more information. For example,
the A (anchor) tag has an HREF attribute which lets you specify the path
to the file you want to link to. All will become clear once you start
using it.</p>
<p>Any text not surrounded by < and > symbols is the text
that will
actually be displayed on the page, like what you're reading now.</p>
<p class="breadbullet" >The Rules</p>
<p>The specification for HTML is decided upon by the <a href="http://www.w3c.org"
target="_BLANK">World
Wide Web Consortium (W3C)</a>. They decide what tags should do what, and
the boffins at Microsoft and Netscape should program their browsers to
adhere to these rules. However, they don't. There are some things that
Netscape can't do, some things that Internet Explorer can't do and they've
even been known to invent tags all of their own.</p>
<p>Throughout these guides I'll try to stick to code that works in all browsers,
but always check your documents in the various programs to make sure that
they display as you expect. You can get copies of IE and Netscape for
free, so there's no excuse.</p>
<p >But there's more...</p>
<p>When I say that HTML is the language behind web pages, I suppose I'm
not being completely honest. There is more to most webpages, because you
can use other languages either on their own or within your HTML.</p>
<p>The most common examples are Java and JavaScript (not as similar as you
might think). Then there's Perl, used to create CGI scripts which are
often used to process informaton sent in by your visitors via a form.
On top of that you've got SSI, PHP, ASP and so on.</p>
<p>Don't panic yet though - once you've learnt HTML, you can start to add
these extra components to your webpages without even having to learn the
other languages if you don't want to. HTML is the place to start though
- you're not wasting your time!</p>
<p class="warrior"> </p>
<p class="warrior"><br>
<img src="/assets/ecaps.gif" width="500" height="1">
</p>
</td>
<td valign="top" class="sidetable">
<p><span class="bullet">·</span> <a
href="/tutorials/basics/index.html"></a><a href="/index.html">code-warrior</a><br>
<a href="/tutorials/index.html"><span class="bullet">·
</span>HTML
Tutorials</a><br>
<a href="/tutorials/index.html"><span class="breadbullet">·
</span></a><span class="breadcrumb">The
Basics</span> <br>
<img src="/assets/cccccc.gif" width="143" height="1"><br>
<br>
<span class="warrior">Quick Links</span><br>
<span class="breadbullet">· </span><span class="breadcrumb">What
is HTML?</span><br>
<span class="bullet">·</span> <a href="/tutorials/basics/2.html">HTML
Files</a><br>
<span class="bullet">·</span> <a href="/tutorials/basics/3.html">Your
First HTML Page</a><br>
<span class="bullet">·</span> <a href="/tutorials/basics/4.html">Formatting</a><br>
<span class="bullet">·</span> <a href="/tutorials/basics/5.html">Quick
Essentials</a><br>
<br>
<span class="warrior">Resources</span><br>
<span class="bullet">·</span> <a href="/tutorials/basics/colours.html">Web
Safe Colours</a><br>
<span class="bullet">·</span> <a href="/tutorials/basics/characters.html">Special
Characters</a><br>
<span class="bullet">·</span> <a href="/tutorials/basics/html.html">List
of Tags</a><br>
<br>
<img src="/assets/cccccc.gif" width="143" height="1"><br>
<br>
<span class="warrior">SHOP</span><br>
<a HREF="http://www.amazon.co.uk/exec/obidos/external-search?tag=codewarrior-21&keyword=html&mode=books-uk"><span
class="bullet">·</span>
Book @ Amazon</a> <br>
<a HREF="http://www.amazon.co.uk/exec/obidos/external-search?tag=codewarrior-21&keyword=html&mode=software-uk"><span
class="bullet">·</span>
Software @ Amazon</a><br>
</p>
</td>
</tr>
</table>
<table width="647" border="0" cellspacing="0"
cellpadding="0" align="center">
<tr>
<td class="navigation"> <a href="/index.html">home</a>
:: <a href="/tutorials/index.html">html
tutorials </a> :: <a href="/sitebuilder/index.htm">site
building</a> ::
<a href="/qanda/index.htm">q&a</a> :: <a href="/resources/index.html">resources</a>
:: <a href="/shop/index.html">shop</a></td>
</tr>
<tr>
<td><img src="/assets/ecaps.gif" width="647" height="1"></td>
</tr>
</table>
<table width="647" border="0" cellspacing="0"
cellpadding="0" align="center">
<tr>
<td><img src="/assets/ecaps.gif" width="647" height="5"></td>
</tr>
<tr>
<td class="FOOTER">
<form method="GET" action="http://search.atomz.com/search/">
<div align="center" class="FOOTER"> <span class="FOOTER">
<input type="TEXT" size="20" name="sp-q">
<input type="IMAGE" src="/assets/search.gif" onClick="form.submit"
alt=":: search code-warrior" width="58" height="25"
name="IMAGE">
<input type=hidden name="sp-a" value="sp100231a5">
<input type=hidden name="sp-f" value="ISO-8859-1">
<br>
Search facility provided by <a href="http://www.atomz.com" target="_BLANK">Atomz.com</a></span>
</div>
</form>
</td>
</tr>
</table>
<table ALIGN="CENTER" WIDTH="647" BORDER="0"
CELLPADDING="0" CELLSPACING="0">
<tr>
<td>
<center>
<span class="footer">Please send any comments to
<script language="JavaScript">
document.write('<a href="mailto:' + 'html@' + 'code-warrior.co.uk' +
'">' + 'html@code-warrior.co.uk' + '</a>');
</script>
<br>
This HTML guide is a free resource<br>
© <a href="http://www.code-warrior.co.uk/copyright.doc"
title="Copyright 2002 code-warrior">Code
Warrior 2002</a> </span>
</center>
</td>
<td WIDTH="280">
<p align="right"><img src="/assets/ecaps.gif" width="88"
height="31" border="0"> <img src="/assets/ecaps.gif"
width="88" height="31" border="0"> <img
src="/assets/ecaps.gif" width="88" height="31"
border="0"></p>
</td>
</tr>
<tr>
<td COLSPAN="2">
<img src="/assets/ecaps.gif" border="0" alt=""
width="1" height="4"></td>
</tr>
</table>
<table width="647" border="0" cellspacing="0"
cellpadding="0" align="center">
<tr>
<td align="center"><a href="http://www.apple.com/ukstore"><img
src="/assets/madewithmac.gif" border="0" alt=":: made
on a mac" width="21" height="26"></a></td>
</tr>
</table>
</body>
</html>