Wednesday 6 February 2013

HTML (and a teeny bit of CSS)

Starting with the Basics
Starting a new web page.
  • Open notepad, or any other text editor that does not include formatting  (word etc).
It's safest to save it straight away, so you remember the tricks - you can always correct mistakes, but multiple files get confusing.

The first save, SAVE AS

File Name:         YouCanCallItAnything.HTML  It must end in .HTML

and

save as file type: ALL files (or whatever is not text document)

  • When you save after this, just do a SAVE (not save as - it always tries to change it to a txt document!)


  • Edit it in notepad, save, then check the changes in your browser (just refresh)


  • After that you need to build a shell:


<html>
<head>


</head>
<body>

this is where your content goes.

</body>
</html>

How do I learn to use HTML?

This is the official website from the people who define the rules about HTML.

This is a nice, uncluttered site for beginners

I used this one a lot at one time

Of course, you could always use an online HTML editor - it writes all the code for you - but where would the fun be there?

Here's an easy one to use (but don't be tricked by all the ad's around it!)


Want to learn CSS and HTML in more detail...? Here's some really powerful resources...

This is one of my favourites...But you do need to sign up using your email to progress and earn medals etc.

http://www.codecademy.com/#!/exercises/0

You just get drawn in, or if you want to go directly to http://www.codecademy.com/tracks/web for lessons in HTML and CSS.

I've not tried this, but it looks well made...
http://www.html.net/tutorials/css/lesson1.php

And last, for now, this is a fun learning resource for web pages. I love the x-ray specs, to read the code on any web page http://hackasaurus.org/en-US/goggles/ - one of the coolest things I've seen for a long time!

No comments:

Post a Comment

Please let me know if you have any thoughts on this post...