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-test.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.w3schools.com/tags/default.asp
HTML 4.01 and XHTML 1.0 Reference, Deprecated (obsolete) tags are included and
clearly marked. They should not be used in new web pages. Has links to additional reference material.
http://www.w3schools.com/html/html_quick.asp
HTML 4.01 Quick list of examples.
http://www.w3schools.com/html5/html5_reference.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.
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.
http://www.w3schools.com/xhtml/xhtml_intro.asp This
tutorial assumes that the reader already knows HTML 4.01.
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.interiorwebdesign.com/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.
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/html5/default.asp
HTML5 Tutorial by W3schools.
HTML colors
http://www.cs.plu.edu/~brink/ColorMixer/ColorMixer.html
Has applet that allows user to select the values for Red,
Green, and Blue and see the results. Requires Java Run Time plug-in.
You may have to approve the use of JavaFX. IE users may have to
approve the use of the applet .
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/css/css_reference.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.com/en-US/firefox/personal.html
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
http://www.JavaScript.com
http://www.w3schools.com/js/default.asp
w3schools Javascript tutorial.