Getting started with HTML and CSS
There is a ton of tutorial information online
about HTML and CSS. Here are a few suggested
starting points.
- Obvious: search for "CSS [concept I'm looking for]"
or "HTML 5 [concept]"
- Mozilla Developer Network (MDN):
very good
tutorials,
references, etc.
- w3schools.com:
very good tutorials, references, etc.
- w3fools.com: used to
say that w3schools was terrible and that everybody should use
MDN instead, but now think w3schools has gotten better.
Sounds like some public pressure may have helped
w3schools fix its problems.
- CSS tutorial from MDN
- CSS tutorial
from w3schools.com
- Colors in CSS from w3schools.com
- TheWorld Wide Web Consortium
(W3C) is the official standards organization for lots of
web-related protocols, languages, and tools, including
HTML and CSS.
- Watch out: W3C != w3schools.com. There's no formal connection
between these two organizations, and sometimes the W3C
people can be a little bit cranky about the confusion.
Some introductory HTML/CSS examples
- example0.html: The minimal
file structure for an HTML page. No CSS.
- example1.html: A demo
of a bunch of basic HTML tags, including paragraphs,
links, headings, images, lists, etc. No CSS.
- example2.html: Introduction
to CSS styles applied to tags and to classes.
Depends on example2.css.
- example3.html: Longer
introduction to CSS styles, with some exercise
suggestions.
Depends on example3.css.
- example4.html: my little
"navigation bar" example, showing how styling can
make substantial presentation changes to content
like an unordered list of links.
Depends on example4.css.
- example5.html: layout
with CSS.
Depends on example5.css.