Useful references
for HTML and CSS

The following list of references has been suggested by students or instructors as being useful. Should you feel that any of the references are inappropriate because they provide poor information or excessive ads or pop-ups or any other reason, please lets us know using the address at the end of the list. Also please let us know if any of the links no longer work. Thank you.

HTML, XHTML, and CSS sources

http://computer.howstuffworks.com/web-page.htm Allows you to type a piece of html code and see how it looks without having to type a complete page
http://www.faqs.org/docs/htmltut/_MARQUEE.html Info about marquee tag
http://www.w3.org/TR/REC-html40/ W3C's official HTML 4.01 specification.
http://dev.w3.org/html5/spec/Overview.html W3C's official Draft of HTML 5 specification.
http://www.w3.org/TR/xhtml1/ W3C's official XHTML 1.0 specification.
http://www.w3.org/TR/xhtml2/ W3C's official Draft XHTML 2.0 specification.
*http://www.yourhtmlsource.com/accessibility/html4explained.html Explains the philosophy of HTML 4.0 and differences between it and old standards.
*http://www.yourhtmlsource.com/stylesheets/ Looks to be a nice section on using HTML and CSS.
http://www.inloox.com/project-management-glossary/html-software-and-resources/ HTML software and Resources. General information about HTML with links to other sources. Some links refer to older versions of HTML.
* http://www.w3schools.com/tags/default.asp Tag Reference for the draft version HTLM 5.

HTML, XHTML, and CSS validaters

W3C site to validate HTML pages.
W3C site to validate CCS in web pages.
W3C site to validate links in web pages.

Template pages for XHTML 1.0

These pages may be down loaded and used to start your web page after changing the file name. They contain the basic structure of a XHTML web page. Just add the title, add to and modify the style properties and add your body.

To use these templates: Click on the link. Then use "Source" or "Page Source" in the "View" menu to show the source file. Then save the source file. Do not use "Save as ..." in the "File" menu because many browsers will mess up the page while saving it. The same problem happens if you right click the page and save it.
Basic template (1.0 strict) This page shows as a blank page but use View | Page Source or Source to see and save source file.
Basic template plus checking code and symbols that can be used to verify that your page really is 1.0 strict. This page shows only the clickable icons for checking the pages XHTML and CSS.

Tutorials for XHTML 1.0

*http://jessey.net/simon/xhtml_tutorial/ A nice tutorial on XHTML that does not assume previous knowledge of HTML. Fast paced but covers a lot of useful material. Note: In Lesson 5, the "mailto:" option may not work in some browsers like Internet Explorer. Initial testing shows it seems to work in Mozilla and Firefox. Or see the "Forms and Cookies" section below.

Template pages for HTML 4.01 and HTML 5

These pages may be down loaded and used to start your web page after changing the file name. They contain the basic structure of a 4.01 or 5 web page. Just add the title, add to and modify the style properties and add your body.

To use these templates: Click on the link. Then use "Source" or "Page Source" in the "View" menu to show the source file. Then save the source file. Do not use "Save as ..." in the "File" menu because many browsers will mess up the page while saving it. The same problem happens if you right click the page and save it.
Basic template (4.01 transitional) This page shows as a blank page
Basic template plus checking code and symbols that can be used to verify that your page really is 4.01 strict. This page shows only the clickable icons for checking the pages HTML and CSS.
Basic template for HTML 5. This page shows as a blank page.

Web site building for kids

http://www.ebizwebpages.com/website-builder-kids.html References that could help kids build web sites.
http://www.iwdagency.com/blog/web-development-in-the-classroom-web-site-building-for-kids/ Some comments and additional references.
http://www.lissaexplains.com/ (Especially designed for kids) Uses simplified HTM that doesn't meet the 4.01 standard.
A Guide to Website Hosting for Kids & Teens General discussion of a server.
The Building Blocks of a Website - A Guide for Kids & Teen More discussion on creating a web site. Unfortunately, the article doesn't mention places where you can get free website hosting.

Tutorials for HTML

*http://www.goer.org/HTML/ Seems to be a pretty good tutorial for HTML 4.01
*http://www.yourhtmlsource.com/stylesheets/Tutorial on using CSS with HTML.
http://www.w3schools.com/html/html5_intro.asp HTML5 Tutorial by W3schools.

HTML colors

http://www.cs.plu.edu/~brink/ColorMixer/ColorMixer.html Allows user to select the values for Red, Green, and Blue and see the results. It also shows the HTML named colors. It has links to color mixers for Java, JavaFX, Processing, and Processing.js. (The color mixer is written in Processing.js and only requires that JavaScript is enabled.)
http://www.w3schools.com/html/html_colors.asp Tutorial on colors showing the "safe" colors.
http://www.cs.plu.edu/courses/csce120/fall06/standardColor.html Shows the standard colors declared in HTML 4.01 and XHTML 1.0.

CSS

*http://www.cs.plu.edu/courses/csce120/fall06/CommonCSSwithStyle.html Describes and illustrates some common CSS properties
http://www.cs.plu.edu/courses/csce120/fall06/CommonCSSwithoutStyle.html Describes some common CSS properties. This is the same page as above but does not use any CSS.
http://www.w3schools.com/css/demo_default.htm Demonstrates how style sheets can be used to change how a page looks without changing HTML
http://www.csszengarden.com/ Uses professionally designed style sheets to demonstrate how style sheets can be used to change how a page looks without changing HTML
*http://www.w3schools.com/css/ Tutorial on CSS
http://www.w3schools.com/cssref/default.asp CSS reference
http://www.cs.plu.edu/courses/csce120/fall06/FontDemo.html Shows CSS for several fonts
http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html Suggests "safe" font-family values that work on both Windows and Mac computers.

Forms and Cookies

http://www.yourhtmlsource.com/forms/ Short tutorial of forms
http://www.echoecho.com/htmlforms05.htm Tutorial on forms
http://www.htmlgoodies.com/tutorials/forms/article.php/3479121 Another tutorial on forms
Note: the above tutorials fail to mention that their examples are not strict HTML 4.01. To comply with the the standards, enclose any form elements and text inside the form in something like <p> or <div> tags just like any other text in the web page. An easy way to do this to use the format <form ...><p>contents of form</p></form>
cookieTest.php Simple cookie demo
EchoForm.php Echos info from forms and provides additional infomation about cookies, your computer and browser. To use, use the action="http://www.cs.plu.edu/~brink/HTMLAndCSS/EchoForm.php". You can use either the "get" or "post" method.

Download browsers

http://www.mozilla.org/en-US/firefox/new/ Download the Mozila FireFox browser.
http://www.google.com/chrome Download Google's Chrome browser.

Information about computer related topics

http://www.webopedia.com/

Java Script

https://www.codeschool.com/
http://www.w3schools.com/js/default.asp w3schools Javascript tutorial.

Maintained by brinkje@plu.edu
Updated June 17, 2014

Valid HTML 4.01! Valid CSS!