yicui/styledwebpage.html

## styledwebpage.html
<!DOCTYPE html>
<html>
  <head>
    <title>Webpage Styling</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="keywords"  content="web, CSS, styling, div" />
    <meta name="description" content="A simple step-by-step example of webpage styling" />
    <style>
      #header {
        background-color:red;
      }
      .lists {
        text-align:center;
      }
      p {
        font-family:arial;
        background-color:yellow;
        font-size:1.2em;
        color:blue;
      }
  </style>
  </head>
  <body>
    <h1 id="header">Special Topics on Web Development</h1>
    <p>In this webpage you can find main course materials of this course </p>
    <div>
      <h2>Lecture Notes</h2>
      <p>This section contains all lecture notes
      <ul class="lists">
        <li>Lecture 1</li>
        <li>Lecture 2</li>
      </ul>
    </div>
    <div>
      <h2>Assignments</h2>
      <p>This section contains all assignments
      <ol class="lists">
        <li>Assignment 1</li>
        <li>Assignment 2</li>
      </ol>
    </div>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Webpage Styling</title>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="web, CSS, styling, div" />
	<meta name="description" content="A simple step-by-step example of webpage styling" />
	<style>
	#header {
	background-color:red;
	}
	.lists {
	text-align:center;
	}
	p {
	font-family:arial;
	background-color:yellow;
	font-size:1.2em;
	color:blue;
	}
	</style>
	</head>
	<body>
	<h1 id="header">Special Topics on Web Development</h1>
	<p>In this webpage you can find main course materials of this course </p>
	<div>
	<h2>Lecture Notes</h2>
	<p>This section contains all lecture notes
	<ul class="lists">
	<li>Lecture 1</li>
	<li>Lecture 2</li>
	</ul>
	</div>
	<div>
	<h2>Assignments</h2>
	<p>This section contains all assignments
	<ol class="lists">
	<li>Assignment 1</li>
	<li>Assignment 2</li>
	</ol>
	</div>
	</body>
	</html>