HTML and CSS for Beginners

This course provides students with an introduction to the core technologies used to communicate information on the Web: Hypertext Markup Language (HTML) and Cascading Style Sheets (CSS). Whether managing an employer's website, producing an online resume, or starting a web-based business, knowing the fundamentals of how information is structured and presented on the internet is a crucial skill for the contemporary workplace.

Today, many technologies exist to facilitate the creation and management of websites, including development environments like Adobe Dreamweaver and Content Management Systems like WordPress and Joomla! Even though mastery of the basics of HTML and CSS is easily attainable, these labor-saving technologies have discouraged many professionals from learning crucial coding skills. With a basic understanding of how HTML code is created and transformed, professionals are better able to produce or transform websites according to precise specifications, whether they use a fully-featured development environment, a Content Management System, or write code from the ground-up using a simple text editor.

Moreover, these skills enable professionals to troubleshoot minor problems and to intelligently communicate with clients, collaborators, Information Technology staff within a company, or outside contractors in order to maintain, modify, or produce complicated web-based projects.

This unit will introduce basic concepts and skills needed to begin a website in HTML and CSS. It will develop a foundational vocabulary that will help you make sense of the course's resources and describe the problems that come up with any coding project. Over the course of this unit, you will also learn how to create files and start working with HTML and CSS.

In the second unit, we will begin to learn the syntax rules that enable us to read and write HTML and CSS files. This unit is divided into two subunits. The first subunit provides the core syntax rules needed to begin marking up text in HTML, while the second gives you the skills you need to start formatting text with CSS. Throughout this unit, you should attempt to incorporate new elements and techniques into your ongoing "index.htm" site and/or your "mystylesheets.css" file. Remember to keep backups every step of the way!

In this unit, we will learn syntax and establish guidelines for creating visually interesting websites. This unit is divided into five subunits. The first subunit addresses the use of color on the Web, and demonstrates how to incorporate colored text, backgrounds, and apply color to other website elements. This subunit also discusses special considerations that should affect color choice, but a full discussion of this topic should be pursued in the course of studying graphic design for the Web. The second subunit addresses the use of special characters like punctuation marks, accented letters, and special symbols on the Web. The third and fourth subunits discuss how to include images and video in HTML documents, and the final unit discusses how to format these media objects using CSS.

Now that we have a strong foundation for creating simple single-page websites, we will learn how to develop websites with several parts accessed through a menu. This unit will address contemporary best-practices for creating sophisticated websites, new technologies on the horizon, and a deprecated technique that you may find in some legacy code.

While we have already learned all of the basics of HTML and CSS and we are prepared to make sophisticated non-interactive sites, many familiar functions on the Web require the cooperation of HTML and other web technologies and techniques. For example, many websites use Server Side Includes, JavaScript, XML/XSLT, and/or PHP. When looking at existing code, references to, or snippets of, these non-HTML elements may be confusing, so it is important to know what to look for. Equally, when developing sites with interactive elements, learning the fundamentals of how HTML works with other web technologies will be essential.

Given this, we will briefly address the function of these technologies with optional readings before wrapping up the course with a discussion of code validation and the basic techniques for going live with a new website.

Please take a few moments to provide some feedback about this course at the link below. Consider completing the survey whether you have completed the course, you are nearly at that point, or you have just come to study one unit or a few units of this course.

Link: Optional Course Evaluation Survey (HTML)

Your feedback will focus our efforts to continually improve our course design, content, technology, and general ease-of-use. Additionally, your input will be considered alongside our consulting professors' evaluation of the course during its next round of peer review. As always, please report urgent course experience concerns to contact@saylor.org and/or our Discourse forums.