How to Learn HTML and CSS?

HTML (HyperText Markup Language) and CSSsoftware vendors such as Microsoft, Mozilla and
(Cascading Style Sheets) are pretty much the mostApple. The algorithms employed by the rendering
fundamental technologies of the web. They are theengine are far from identical. As a seasoned web
language of all web pages on the Internet anddeveloper which you are going to be, you have to
sometimes they are also used to write documentsbe well aware of these rendering differences to
and help files in your local computer. Browsers suchavoid any visual inconsistency of your work across
as Internet Explorer and Firefox are what is used tomajor browsers. For example, when you have done
render the documents written in HTML and CSS tocoding a HTML page for IE8, there might very well
be beautiful web pages such as this one you arebe some minor bugs on other browsers such as
seeing and reading right now.Firefox. You will want to check and compare the
To be a web developer, the first step is to learnresults of each browser against the other to find out
about HTML and CSS which goes without saying.and probably address the issues. Sometimes it may
They are the most basic stuff that you will have tobe a wider gap somewhere, sometimes it's a
know before diving into more advanced programmingdisplacement of something. It's really annoying at first
and development languages such as JavaScript, PHPbut once you have familiarized yourself with all the
and MySQL. So how does one learn HTML and CSS?differences, it'd be a breeze to code a consistent
Very simple, as:HTML page without even testing it.
1. Find a well written online tutorial site to learn them4. HTML and CSS themselves are very simple to
step by step systematically. Recommended sourceslearn yet hard to master. Visual designs are becoming
of learning HTML and CSS include andmore and more sophisticated, you will gain invaluable
2. As you read the tutorials, while making sense of allexperience by converting them into live web pages.
the new things you meet in HTML and CSS, writeSo go find some web page designs in image format
your own code and test them in browsers. Followsuch as PSD or PNG and try to slice them into real
the instructions to make certain changes or do itweb pages by hand.
yourself in a sort of random way to see what5. While you may be faster coding with a modern
differences there are between them by refreshingIDE such as Dreamweaver, it won't be a good idea
the browsers.for learning HTML and CSS which you should be
3. You may take notice of how differently thesepracticing by coding bare hand with a plain text editor
browsers each may render your HTML and CSSsuch as Notepad++.
documents. That's because they are built by different