Goals
- Learn the structure of an HTML file, and a handful of elementary HTML tags.
- Learn how to use HTML class attributes and CSS selectors to apply
styles to HTML elements so you can control the appearance of your web pages.
- Learn a handful of elementary CSS properties.
- Take a look at the View Source feature of browsers, as well as the
developer tools that come in most major browsers. Both of these will help
you develop your web pages.
Your tasks
This lab exercise will require you to read a bunch of HTML and CSS code samples,
compare what the code says to how the corresponding web page appears in a browser,
and play with the HTML and CSS to make sure you understand how all the code elements
work.
- Clone my GitHub repository
onto your machine, or if you already have it, cd to it and "git pull".
You should see a new directory called html-samples.
- Open a browser, and then use its File→Open menu to open html-samples/index.html
in the browser.
- Follow the instructions in html-samples/index.html. Note that this lab's instructions
are actually contained in the sample pages themselves, so read carefully.
Have fun, and ask lots of questions