How to learn HTML/CSS
To begin you need to know:
How to type!
How to use your computer.
How to use the file system on your computer.
What are "file extensions".
In the beginning you want to learn:
The difference between a text editor and a word processor.
The difference between a good text editor, and a website program such as DreamWeaver.
What is a web browser, and the difference between the web browsers.
HTML and CSS
These are the basic building blocks for making websites.
If you only want to update web pages, you can stop with those.
What is a "website"?
files, file types, folders
basic idea of a "web server".
How to use "references"
(The help in your program, books, tutorials, technical references, articles,
manuals, forums, ...)
Memorising is a great skill, but if you can learn
how to use references it will be very helpful to you.
How to scan for information
How to prioritise – pick out:
- what you need to know now,
- what you may want to keep in mind for later.
- what you probably don't need to know.
What will help you learn:
Understand that "learning html" is really "making websites".
It isn't something you "learn" in the sense of knowing the words for it,
like learning history or science.
HTML and CSS is something that you do – like riding a bicycle
Use the web as much as possible.
When you have any question in your mind about anything,
search for it on Google.
Read websites about things you are interested in.
When using the web, notice how you use it.
It is different than how you look at your web pages
when you are designing them! And we want our web pages
to be not just beautiful, but usable.
Make your own pages on sites such as
This is a great way to experience making web pages in an
easy and fun way. And they have great tools and tutorials
for putting html and css in the pages.
Chat a lot!
Use chat, like Yahoo Messenger and Skype Messenger.
It will help you type faster and better, because you
will be relaxed and having fun :)
Make web pages.
Make anything, try everything.
In learning how to make web sites (or any computer thing!)
the teacher is only 10%. References, books, etc are another 10%.
But 80% is your good brain and your fingers on the keyboard!
Your filesystem manager ("file browser")
On Microsoft: "Explorer"
On Macintosh: The "Finder", or unix command line
On Linux: "Konqueror", or others, or unix command line
A good text editor
On Microsoft: Notepad++
On Macintosh: TextEdit
On Linux: vi or gedit or ...
A good web browser
Because it is standards-based, and it has some extremely
helpful extensions (HTML Validator, FireBug, Web Developer Toolbar).
A file upload (FTP) program
FileZilla is one good one.
The web itself!
Everything is there.
"Head First HTML and CSS"
is a great one to start.
O'Reilly publishers has the best books,
from beginning to advanced.
They publish in India, at lower prices.
* Khanna's Computer Book Shop
(It is near "Happy School" - the rickshaw pullers
know where that is.)
Onkar House, Room No. 2, 1st Floor,
Main Agarwal Road, Darya Ganj
Vivek Khanna [email protected]
+91 93131 90983
+91 11 2328 1005
Keep useful reference pages on your computer.
You will use them often.
Some to start are in the
same folder with this file.
On this site, go to the
Read those files, and practice the html codes by typing and viewing in browser.
Read those files, and learn css by typing and viewing in browser.
Then explore the other files in the
same folder with this file.
Other good sites for starting html are
A lot of good info and tutorials, from beginning to advanced:
All content not copyright by anyone else is
copyright © 2003–2012 James Walker.
License for use is the GNU Free Documentation License.
here in the
at the Free Software Foundation,