Table of Contents

Week 06 Materials

Session 1

Web design and hosting

Session 2


<!doctype html>
  <meta charset=utf-8>
  <link href="demo.css" rel="stylesheet" type="text/css" />
  <title>HTML5 Demo</title>
  <h1>Watch out! I know HTML.</h1>
  <img src="/datasets/1limages/anim/large.gif" alt="Sagittarius A*">
  <img src="/datasets/1limages/anim/small.gif" alt="Sagittarius A*">
  <h1>Why should you, too?</h1>
   <li>Making websites is fun.</li>
   <li>You can make your own.</li>
   <li>It is a huge part of our field/industry.</li>
  <div id="links">
   <h1 class="redheader">Recommended sites:</h1>
    <li><a href="">W3Schools</a></li>
    <li><a href="">Stack Overflow</a></li>
    <li><a href="">EFF</a></li>
body {
  font-size: 150%;
  background: #eeeeff url(bg.jpg);
a {
  text-decoration: none;
  border-bottom: 1px dotted;
a:hover {
  font-weight: bold;
h1 {
  font-variant: small-caps;
img {
  border: 5px solid #cccccc
#links:hover {
  background: #ffffff;
.redheader {
  color: #ff0000;
ul li {
  display: inline;
  list-style-type: none;