HTML and CSS Reference
Lesson 1. Building Your First Web Page
If you can, imagine a time before the invention of the Internet. Websites didn't exist, and
topics, printed on paper and tightly bound, were your primary source of information. It took
a considerable amount of effort—and reading—to track down the exact piece of information
you were after.
Today you can open a web browser, jump over to your search engine of choice, and search
away. Any bit of imaginable information rests at your fingertips. And chances are someone
somewhere has built a website with your exact search in mind.
Within this topic I'm going to show you how to build your own websites using the two most
dominant computer languages—HTML and CSS.
Before we begin our journey to learn how to build websites with HTML and CSS, it is im-
portant to understand the differences between the two languages, the syntax of each lan-
guage, and some common terminology.
What Are HTML & CSS?
HTML , HyperText Markup Language, gives content structure and meaning by defining that
content as, for example, headings, paragraphs, or images. CSS , or Cascading Style Sheets,
is a presentation language created to style the appearance of content—using, for example,
fonts or colors.
The two languages—HTML and CSS—are independent of one another and should remain
that way. CSS should not be written inside of an HTML document and vice versa. As a rule,
HTML will always represent content, and CSS will always represent the appearance of that
With this understanding of the difference between HTML and CSS, let's dive into HTML in
Understanding Common HTML Terms
While getting started with HTML, you will likely encounter new—and often
strange—terms. Over time you will become more and more familiar with all of them, but
the three common HTML terms you should begin with are elements , tags , and attributes .