Click this widget to change the font size.
Click this widget to change contrast.

Home Page 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | Links | Search | Bio |

Guide to HTML, CSS and JavaScript (Buffalo State University Version)


I developed this guide as a way to present the HTML markup language to an introductory web design course. While teaching "Web Programming I" (CDA215) for the Department of Computational and Data-Enabled Science and Engineering at the University at Buffalo and "Programming for the Web Environment I" (CIS375) at Buffalo State University for many semesters, I have researched and used quite a few different HTML textbooks. Most of these textbooks covered the HTML, CSS and JavaScript topics well enough but they tended to be written with a general audience in mind. I needed to supplement these textbooks with numerous lecture notes specific to the bscacad3 web server environment. Throughout this guide I will use the bscacad3 web server in the examples. You will need to contact your web server support for specific setting for your web server hosting provider.

These courses have no pre-requisites so I needed to find a textbook and create notes aimed at a beginning level student. In reality, about 50% of my students each semester were at the beginning level and the rest were at a more advanced level already.

This guide is intended for you to learn the HTML, CSS and JavaScript languages syntax. So, I do not recommend using any of the WYSIWYG (What You See Is What You Get) web page editors that create the actual HTML code for you. You will learn more by typing in the HTML, CSS and JavaScript tags and commands.

Visit the Let's Get Started! page.

You may also want to visit my Guide to PHP and MySQL, Guide to Object Oriented Programming with Java, and Guide to Oracle SQL sites.

Show DivChapter 1: Servers, Clients, and File Storage

Show DivChapter 2: Creating Your First Web Page

Show DivChapter 3: Adding Cascading Style Sheets to Your Web Page

Show DivChapter 4: Creating a Table Web Page and Creating Image Maps

Show DivChapter 5: Creating an HTML5/CSS and ADA Compliant Web Page

Show DivChapter 6: Using DIVs to Modify Your Home Web Page

Show DivChapter 7: Creating a Web Form

Show DivChapter 8: Adding Special Effects to Your Web Page

Show DivChapter 9: Creating a Multimedia Web Site

Show DivChapter 10: Creating a JavaScript Web Page

Show DivChapter 11: Adding JavaScript Validation to Your Web Form Page

Show DivChapter 12: Creating a Custom 404 Error Page

Show DivChapter 13: HTML vs. HTML5

Show DivChapter 14: Useful Links & Resources

Let's Get Started Exercises

Help contribute to my OER Resources. Donate with PayPal button via my PayPal account.
Creative Commons License This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License. Copyright © 2016-2024 Jim Gerland