HTML TOOLBOX: 30+ HTML Tools and Tutorials

Credit:

With PHP, CSS, Ruby On Rails and so on, it's easy to forget that HTML is where it all began. Even with its age, HTML is still essential for every wanna-be web developer, so we've gathered 30+ resources for you to learn, code, validate and more.

Character Guides

Credit:

Character Reference - Lists 252 usable characters in HTML and shows you their coding via mouse rollover.

Credit:

HTMLPlayground.com - Click on a tag, get an explanation of what it does, how to write the code and how it would appear on a page.

Credit:

Special Characters - A chart for just about every character in HTML and the codes to use them, along with a description of each.

Credit:

W3Schools.com - Offers lots of tutorials, but this page specifically gives you a basic description of the majority of the tags.

Credit:

Webmonkey.com - A great site for general HTML tips, but this page specifically teaches you the special characters such as ♥.

Tools

Credit:

Alleycode.com - An HTML editor with a built-in tutorial for beginners, and some features for advanced users.

Credit:

Amaya - An open source project building a web editor that currently runs on Windows, Mac OS X, and Linux.

Credit:

Aptana - An open source editor that will edit HTML, CSS, create AJAX apps, do Ruby On Rails, and more.

Credit:

Bluefish - An open source HTML editor that runs on systems such as Linux, FreeBSD, Mac OS X and more.

Credit:

Coffee Cup HTML Editor - A drag and drop HTML editor with built-in FTP support.

Credit:

HTMLKit.com - A free editor for HTML, XHTML, XML, CSS; it includes Tidy HTML to make sure your code stays clean.

Credit:

PageBreeze.com - A free HTML editor with both code and WYSIWYG modes, drag-and-drop, and more.

Credit:

Pingdom Tools - Enter your site address and get a visual representation of how long each item took to load.

Credit:

Test Everything - Provides numerous tools to check every aspect of your site, including code validators.

Credit:

TextFixer.com - Includes tools to capitalize sentences, convert text to HTML, convert line breaks and more.

Credit:

TheJackolsDen.com - Offers lots of tips on various aspects of site building, but this cheatsheet specifically talks about your htaccess file which can control who, or what, accesses your files.

Tutorials

Credit:

Bare Bones Guide to HTML - A basic guide to everything you need to know about HTML.

Credit:

EchoEcho.com - Numerous HTML tutorials including how to do background images, form fields, add passwords and more.

Credit:

HTML.net - 15 lessons in HTML for free, also comes in multiple languages.

Credit:

HTMLBasix.com - Features HTML tools for beginners to advanced web masters.

Credit:

HTMLCodeTutorial.com - Tutorials for all aspects of HTML coding, and active forums for troubleshooting help.

Credit:

HTMLDog.com - Has beginner, intermediate, and advanced tutorials for HTML and CSS.

Credit:

HTMLGoodies.com - Tutorials on just about every aspect of HTML you can think of, with lots of visual examples.

Credit:

HTMLTutorials.ca - 21 free lessons to get you started with learning HTML.

Credit:

PageTutor.com - Has lessons for all sorts of HTML tricks such as making tables and frames.

Credit:

YourHTMLSource.com - Contains all sorts of HTML tutorials, lessons on web-safe colors and more.

Validators

Credit:

AlwaysValid.com - Will automatically check your HTML once a week on your site and mail you the results telling you what doesn't work.

Credit:

AnyBrowser.com - Offers a lot of tools for testing your site in different browsers, including an HTML validator.

Credit:

Tidy HTML - Validates and cleans up your code.

Credit:

W3C Markup Validator - Enter your webpage's address, upload a file, or use direct input to validate your HTML.