User Tools

Site Tools


lecture_materials:week_06

Week 06 Materials

Session 1

Session 2

CSS

cssdemo.html
<!doctype html>
<html>
 <head>
  <meta charset=utf-8>
  <link href="demo.css" rel="stylesheet" type="text/css" />
  <title>HTML5 Demo</title>
 </head>
 <body>
  <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>
  <ol>
   <li>Making websites is fun.</li>
   <li>You can make your own.</li>
   <li>It is a huge part of our field/industry.</li>
  </ol>
  <div id="links">
   <h1 class="redheader">Recommended sites:</h1>
   <ul>
    <li><a href="http://w3schools.com/">W3Schools</a></li>
    <li><a href="http://stackoverflow.com/">Stack Overflow</a></li>
    <li><a href="https://eff.org">EFF</a></li>
   </ul>
  </div>
 </body>
</html>
demo.css
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;
}

Discussion, Q&A, etc.

Enter your comment. Wiki syntax is allowed:
 
lecture_materials/week_06.txt · Last modified: 2017-10-05 09:14 by Jeffrey Bergamini