pupubird pupubird

## htmlrecap.html
<html>

  <head>
  </head>

  <body>
    <p>Hello world</p>
    <h1>Goodbye world</h1>
    <a href="https://www.google.com">Google.com</a>
  </body>

## inlineWalkthrough.css
/* inline css, have no external css file*/

## inlineWalkthrough.html
<html>

  <head>
    <title>My website</title>
  </head>

  <body>
      <p style="color:red;">I want red color!</p>
      <p style="color:blue;">I want blue color!</p>
      <p style="font-size:20px;">I want 20px font size!</p>

## inlineStyle.css
/* have no external css file :C */

## externalWalkthrough.html
<html>

  <head>
    <title>My website</title>
    <link rel="stylesheet" href="iAmCssFile.css">
  </head>

  <body>
        <p>I want red color!</p>
        <p>I want red color too!</p>

## iAmCssFile.css
p{
  color:red;
}

## margin.html
<html>
  <head>
    <title></title>
    <link rel="stylesheet" href="marginCss.css">
  </head>
  <body>
    <div class="container">
      <div class="container2">
        <p>I am the content</p>
      </div>

## marginCss.css
.container{
    width: 500px;
    height: 500px;
    background-color: black;

    margin: 10% 20%;
    padding: 50px;
}

.container2{

## classId.html
<html>
  <head>
    <title></title>
    <link rel="stylesheet" href="clasid.css">
  </head>
  <body>
    <p>I am normal</p>
    <p>I am normal</p>
    <p>I am normal</p>
    <p>I am normal</p>

## clasid.css
#red{
  color: red;
}

.blue{
  color: blue;
}
	<html>

	<head>
	</head>

	<body>
	<p>Hello world</p>
	<h1>Goodbye world</h1>
	<a href="https://www.google.com">Google.com</a>
	</body>
	<html>

	<head>
	<title>My website</title>
	</head>

	<body>
	<p style="color:red;">I want red color!</p>
	<p style="color:blue;">I want blue color!</p>
	<p style="font-size:20px;">I want 20px font size!</p>
	<html>
	<head>
	<title></title>
	<link rel="stylesheet" href="marginCss.css">
	</head>
	<body>
	<div class="container">
	<div class="container2">
	<p>I am the content</p>
	</div>
	.container{
	width: 500px;
	height: 500px;
	background-color: black;

	margin: 10% 20%;
	padding: 50px;
	}

	.container2{