|
Welcome to my late night
HTML guide. I'm really bored and supposed to play football tommorrow.
Its 01:14am and I dont feel like sleeping. Just chilling out listening
to some downloaded music. At the moment im getting a really stuttery
half streamed version of Bleed American by Jimmy Eat World. I would
believe Jimmy would Eat but thats not his done thing, hes more of
a Tea Boy. I hope you know what the hell I'm on about because I
dont. Anyway "Im not crazy 'cos I take the right pills every
day".
OK here we go for part
on of my Late Night Guide to HTML.
What is HTML?
Well your looking at
it. You may not realise this but the majority of webpages are written
predominantly in HTML, although many implement java, javascript,
Flash and other componenets. However mostly they are written in
HTML. To see an example of the actual code right-click on this page
and go to "View Source". The code you see is the basis
of my beloved site, although written using program called Dreamweaver
by Macromedia Software. HTML standing for Hyper-Text-Markup-Language
if my memory serves me right is pretty easy to learn if you go about
tit he right way, the right way being my way. As always. No but
being serious it doesnt matter how u learn it as long as it works,
do things your own way. If u stick to the basics, nothing much can
go wrong.
What will I need to
start "doing" HTML?
There are many programs
u can use to do HTML in. Such as frontpage, publisher and the already
mentioned dreamweaver. Personally I would avoid Publisher like the
Plague. Nasty piece of kit. Frontpage is alright I suppose but not
my first choice. I like Dreamweaver best of all out of the WYSIWYG
(What you see is what you get) programs. However I found the best
way to learn, and the cheapest, is to use notepad and type code
by scratch. Not only is this cheap but it also makes u confident
in typing pure code and lets you debug any code written by a WYSIWYG
program. Also if u cant do something in the program you can just
do it yourself. So for this tutorial, for the meantime, we will
work on the basis that you are using HTML
Making a Basic HTML
file
Right, now were going
to go through the basics of making a very simple HTML file. "Here
it Goes"! Right open your basic Notepad program. As you will
see you have a blank "notepad" to work with. You must
use notepad, as in my time doing HTML i have found wordpad messes
things up. Right type the following GREEN
textinto notepad:
<HTML>
<body
bgcolor="white" text="black">
<h1>Welcome</h1>
<p>Hello
and welcome to my Site</p>
</HTML>
OK lets
go over what we have here. All the "commands" as it were
inside < > are called tags. These are what tell the program
viewing the HTML such as internet explorer or Netscape what its
going to be looking at ie Text, Headings etc. Any other "properties"
of the tag are included within the < >, more about this later.
The line <body
bgcolor="white" text="black">
refers to what colour the page and text will be. These colours are
actually the default anyway however others are available such as
blue, yellow, cyan. The name of the colour is included within the
" " however there are only a limited number of colours
that you can actually just type the name of in. For other colours
you need a "Hex Colour Chart" available of the net or
a program that shows hex colour reference numbers such as paint
shop pro. A hex number is as such "#000000" is black "#ffffff"
is white and "#003399" is the background colour of this
page ^_^. If you dont like using hex for the moment you can just
use "white" and "black" or leave the command
out altogether. The <h1>Welcome</h1>
generates
a heading. The size of headings range from between h1 to h5, h1
being the biggest. Notice how I include the text to be shown as
the heading within a <h1> and
a </h1>. The last tag just tells
the viewer that that text has finished and you want to show some
different text now. Most tags have a corrisponding </x>
value to finish with, and using it isnt just good practise, its
necessary. The <p>Hello
and welcome to my Site</p> shows us
a typical use of the <p> tag which is very useful. We use
this tag for general onscreen text, such as articles etc and will
describe in Times New Roman font the phrase "Hello and welcome
to my Site". As with the heading tag we finish with the </p>
tag. A note on the <HTML> and </HTML> tags they arent
actually necessary with the newer browsers however its good practise
to use them, just for users with older browsers, its best to make
sure your site or page can have the maximum viewing audience, theres
nothing like shooting yourself in the foot. Save this text file
as "tutorial1.html" and have a look at what youve created.
Next
lesson we will discuss:
- Inserting
Pictures and Sounds
- The
frameset command (god help me with that)
- Active
Links to go from one page to another
AND
Glad thats finished,
now I can go to bed at the time of 1:50am.... must get sleep. Oh
wait... Bugger... Ive got to upload this....AAAAAAAAARGH!!!!!!!
(Pirate Stylee)
|
