HTML, CSS and More

HTML, CSS and More

HTML is what you need to know to make websites. XHTML is a newer form of HTML. CSS is a way to apply design elements to your HTML or XHTML such as color, fonts, borders, margins, etc. Start with the first link below: W3schools.com.

HTML and XHTML

W3schools.com -- the best place to start to learn website design. Introductions to HTML, XHTML, CSS, and much more.
HTML Dog -- A site that teaches beginning HTML and CSS.
HTML / XHTML Templates -- a basic frame for your document from webstandards.org.
w3.org -- The World Wide Web Consortium. HTML and CSS specifications.
HTML Entities -- There are certain characters that can't be entered into your web site content directly because the browser won't display them. For example, what if you want to display the following on your web site: <p>? If you actually type those characters into your HTML, the browser will think you are starting a new paragraph and won't display the <p>. To have the browser display <p> you have to enter "&lt;p&gt;". The "&lt;" is the entity representing the left angle brackets and the "&gt; is the entity representing the right angle brackets. You can also use HTML entities to display characters not found on the keyboard such as √, ∴, ç, and €.

CSS

CSS Zen Garden -- examples of what can be done with CSS design.
The CSS Playground -- "Experiments with Cascading Style Sheets." This is a great site for people who like CSS.
CSS Pointers -- lots of CSS links.
Essential bookmarks -- This is a great list of links to sites that will interest web designers. It has links to great CSS information, including how to make CSS tabs.
Real World Style -- Good CSS tips.
10 CSS Tricks -- Interesting page for intermediate CSS users.
WellStyled.com -- a site about CSS and web design.
css/edge -- Experimental CSS from meyerweb.com
CSS Layout templates -- from thenoodleincident.com.
Glish.com CSS layouts -- How to layout content without tables.
westciv.com -- good place to learn CSS.

HTML Character Encoding

Your (X)HTML document should always have a line indicating the character encoding, for example:

<meta http-equiv="Content-Type" content="text/html;charset=utf-8"
/>

More information can be found through the links below.

The HTTP Charset Parameter -- From W3.org.
Character Encodings -- From W3.org.
Checklist -- Checklist for HTML character encoding.

Miscellaneous Links

A List Apart -- web design resources.
Web Developer's Handbook -- Long list of resources.

Lists of good and bad web design features

'Viewable With Any Browser' -- a campaign to discourage browser-specific web design.
The Site Wizard -- lots of articles on web design.
The Free Country -- lots of articles on web design and programming.
TinkerTech.net -- Macromedia Resources (Dreamweaver, Fireworks, Flash, Freehand).
Verdana Font -- An argument against using the Verdana font for web design.
Arial Font -- An article about the Arial font.
AllMyFAQs.com -- a site written by its visitors with a lot of information on website design.
www.tutorialized.com -- Tutorials for many things including Dreamweaver and Photoshop.
theSiteWizard.com -- Large website about web design.
Devshed Tools -- Tools for webmasters.
Browser Comparison -- Browser comparison chart from Wikipedia.org.
Open Source Web Design -- A community of designers and site owners sharing free web design templates as well as web design information.
Wilk4.com -- A great list of web design links.
Resources for Web Design -- Another great list of web design links.

Syndicate content