27日　授業記録 

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>今日の天気</title>
<style>
/* reset */
* {
  margin: 0;
  padding: 0;
}
body {
  padding: 30px;
  background-color: #eee;
}
h1 {
  color: #fff;
  background-color: #00bec4;
  width: 500px;
  margin: 0 0 20px 0;
  padding: 10px 1em 7px 1em;
}
</style>
</head>
<body>
<h1>11月27日快晴</h1>
<p>ここしばらくは、天気が良くても寒く感じます。</p>
</body>
</html>