Melissa's HTML Quick Visual Reference Guide

A guide to HTML code and its results:

because what is see is not what you get



Melissa de Leon
Web Portal LIS 670
Spring 2003





This guide was created for beginning HTML web designers working with Unix.
It provides links to tables showing HTML code next to a sample of the actual appearance on a website
as well as a selection of links to the best websites offering reference and tutorials on HTML




Fonts

View the Headings Size Table

View the Font Size Table


For more information on Font Faces, visit
http://www.ilovethisplace.com/webdesign/fonts.html

For information on Text Commands (Bold, Italic, Underline, and more), visit http://www.htmlgoodies.com/tutors/textcodes.html


Colors

View the Word Color Table

View the Hexidecimal Color Table


For a more complete chart of Word Colors Codes, visit
http://www.htmlgoodies.com/tutors/colors.html

For a more complete chart of Color Hex Codes, visit
http://hotwired.lycos.com/webmonkey/reference/color_codes



Images


View the Images Table

Sites offering exceptional graphics for free.
(no pop-ups)
Please see each site's Use Policy for specific copyright considerations.

http://www.ender-design.com/rg/
http://www.ambographics.com/
http://www.angelswebgraphics.com/

These sites are resources for copyright-free graphics from other universities.

http://gort.ucsd.edu/Graphics/
http://socsci.colorado.edu/GIF/



General Information on Web Design


University of Hawaii sites: Guides, Tutorials and Help

http://www.hawaii.edu/personalhp/
The best starting point for anyone designing their first website using their UH ITS account.

http://www.hawaii.edu/itsdocs/
The UH ITS Department's page listing helpful documents and guides.
Includes: Getting Started with PICO (PICO is a text editor in UNIX), An HTML Primer, and Advanced Features

http://www.hawaii.edu/help/software/supported.html
The ITS Department's page of software available for download for students and instructors.
Includes information on free FTP software for Windows and Mac to help you upload files to unix.

http://www.hawaii.edu/slis/webteam/tutorials/index.htm
The Tutorials page for the UH LIS Web Team. Features a selection of online tutorials for HTML.
I highly recommend the Web Team's free HTML classes. For more information, visit the LIS Web Team Site


More Web Reference for HTML

http://www.htmlgoodies.com/
A list of primers and tutorials on the left side of the screen.

http://hotwired.lycos.com/webmonkey/reference/html_cheatsheet/
Webmonkey's HTML Cheatsheet

http://hotwired.lycos.com/webmonkey/reference/html_cheatsheet/
Webmonkey's Unix Reference Guide, lists and explains common Unix commands.

http://info.med.yale.edu/caim/manual/contents.html
The Yale Style Manual. A guide to everything you ever wanted to learn about web design
(interface, site design, page design, web graphics and multimedia).