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!
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...