codecademydev/index.html Secret

## index.html
<!DOCTYPE html>
<html>

  <head>
    <title>My First Website</title>
    <link href="./styles.css" type="text/css" rel="stylesheet">
  </head>

  <body>
    <img src="https://images.newscientist.com/wp-content/uploads/2020/01/27123401/f0070229-coronavirus_artwork-spl.jpg" alt="covid-19 virus" style="width:750px;height:500px;"/>

  <h1 class="heading">COVID19 CODING CHEAT SHEET</h1>
  <h2 class="sub-heading">MY LOCKDOWN LEARNING</h2>
  <p class="body"> As part of the COVID-19 lockdown in the UK I have decided to use the       time to learn to code. So far, so good; the material seems to be going in without too       much trouble (but we still have JAVA to cover off!) Here is a cheat sheet of my             learnings so far...
  </p>
  <table>
      <th>HTML TAG</th>
      <th>NAME</th>
      <th>DESCRIPTION</th>
    </tr>
      <tr>
      <td>!DOCTYPE HTML</td>
      <td>DECLARATION</td>
      <td>INSTRUCTIONS FOR WEB BROWSER</td>
    </tr>
    <tr>
      <td>DIV</td>
      <td>DIVISION</td>
      <td>DIVIDES PAGE INTO SECTIONS</td>
    </tr>
    <tr>
      <td>P</td>
      <td>PARAGRAPH</td>
      <td>USED FOR WEBSITE BODY COPY</td>
    </tr>
    <tr>
      <td>H1 - H6</td>
      <td>HEADINGS</td>
      <td>NUMBERED IN ORDER OF PROMINANCE</td>
    </tr>
    <tr>
      <td>EM</td>
      <td>EMPHASIZE</td>
      <td>USED TO DRAW SPECIFIC ATTENTION TO KEY WORDS</td>
    </tr>
       <tr>
      <td>EM</td>
      <td>EMPHASIZE</td>
      <td>USED TO DRAW SPECIFIC ATTENTION TO KEY WORDS</td>
    </tr>
    <tr>
      <td>BR</td>
      <td>LINE BREAK</td>
      <td>ADDS SPACING TO LINES OF CODE (NOT WEBSITE)</td>
    </tr>
    <tr>
      <td>UL</td>
      <td>UNORDERED LIST</td>
      <td>CREATES THE PARENT FOR A BULLET POINTED LIST</td>
    </tr>
    <tr>
    <tr>
      <td>OL</td>
      <td>ORDERED LIST</td>
      <td>CREATES THE PARENT FOR A NUMBERED LIST</td>
    </tr>
      <td>LI</td>
      <td>LIST</td>
      <td>NESTS INSIDE THE PARENT AND CONTAINS EACH FEATURE</td>
    </tr>
    <tr>
      <td>IMG</td>
      <td>IMAGE</td>
      <td>IMG SRC: FOLLOWED BY NAME OR IMAGE LINK.JPEG</td>
    </tr>
    <tr>
      <td>VIDEO</td>
      <td>VIDEO</td>
      <td>EMBEDS A VIDEO & DOESN'T NEED A CLOSING TAG</td>
    </tr>
    <tr>
      <td>A</td>
      <td>ANCHOR</td>
      <td>LINKS TO ANOTHER WEBPAGE OR SECTION OF WEBSITE</td>
    </tr>
  </table>


  </body>


## styles.css
body {
  background-color:black;
}
h1 {
  font-family: Oswald, bold;
  font-size: 40px;
  text-align: center;
  color: powderblue;

}
.sub-heading,
h1 {
  font-family: Oswald, light;
  text-align: center;
  color: white;
}
.body {
  font-family: Oswald, light;
  text-align: center;
  color: white;
  border: 1px solid powderblue;
  padding: 30px;
  margin: 50px;
  line-height: 1.6;
}
table {
  border-collapse: collapse;
  width: 88%;
  margin: 50px;
}
th {
  background-color: slategray;
  font-family: Oswald, light;
  color: black;
  text-align: center;
  border: 1px solid white;
  padding: 10px;
}
table,
td {
  font-family: Oswald, light;
  color: white;
  text-align: center;
  border: 1px solid powderblue;
  padding: 10px;
}
	<!DOCTYPE html>
	<html>

	<head>
	<title>My First Website</title>
	<link href="./styles.css" type="text/css" rel="stylesheet">
	</head>

	<body>
	<img src="https://images.newscientist.com/wp-content/uploads/2020/01/27123401/f0070229-coronavirus_artwork-spl.jpg" alt="covid-19 virus" style="width:750px;height:500px;"/>

	<h1 class="heading">COVID19 CODING CHEAT SHEET</h1>
	<h2 class="sub-heading">MY LOCKDOWN LEARNING</h2>
	<p class="body"> As part of the COVID-19 lockdown in the UK I have decided to use the time to learn to code. So far, so good; the material seems to be going in without too much trouble (but we still have JAVA to cover off!) Here is a cheat sheet of my learnings so far...
	</p>
	<table>
	<th>HTML TAG</th>
	<th>NAME</th>
	<th>DESCRIPTION</th>
	</tr>
	<tr>
	<td>!DOCTYPE HTML</td>
	<td>DECLARATION</td>
	<td>INSTRUCTIONS FOR WEB BROWSER</td>
	</tr>
	<tr>
	<td>DIV</td>
	<td>DIVISION</td>
	<td>DIVIDES PAGE INTO SECTIONS</td>
	</tr>
	<tr>
	<td>P</td>
	<td>PARAGRAPH</td>
	<td>USED FOR WEBSITE BODY COPY</td>
	</tr>
	<tr>
	<td>H1 - H6</td>
	<td>HEADINGS</td>
	<td>NUMBERED IN ORDER OF PROMINANCE</td>
	</tr>
	<tr>
	<td>EM</td>
	<td>EMPHASIZE</td>
	<td>USED TO DRAW SPECIFIC ATTENTION TO KEY WORDS</td>
	</tr>
	<tr>
	<td>EM</td>
	<td>EMPHASIZE</td>
	<td>USED TO DRAW SPECIFIC ATTENTION TO KEY WORDS</td>
	</tr>
	<tr>
	<td>BR</td>
	<td>LINE BREAK</td>
	<td>ADDS SPACING TO LINES OF CODE (NOT WEBSITE)</td>
	</tr>
	<tr>
	<td>UL</td>
	<td>UNORDERED LIST</td>
	<td>CREATES THE PARENT FOR A BULLET POINTED LIST</td>
	</tr>
	<tr>
	<tr>
	<td>OL</td>
	<td>ORDERED LIST</td>
	<td>CREATES THE PARENT FOR A NUMBERED LIST</td>
	</tr>
	<td>LI</td>
	<td>LIST</td>
	<td>NESTS INSIDE THE PARENT AND CONTAINS EACH FEATURE</td>
	</tr>
	<tr>
	<td>IMG</td>
	<td>IMAGE</td>
	<td>IMG SRC: FOLLOWED BY NAME OR IMAGE LINK.JPEG</td>
	</tr>
	<tr>
	<td>VIDEO</td>
	<td>VIDEO</td>
	<td>EMBEDS A VIDEO & DOESN'T NEED A CLOSING TAG</td>
	</tr>
	<tr>
	<td>A</td>
	<td>ANCHOR</td>
	<td>LINKS TO ANOTHER WEBPAGE OR SECTION OF WEBSITE</td>
	</tr>
	</table>



	</body>
	body {
	background-color:black;
	}
	h1 {
	font-family: Oswald, bold;
	font-size: 40px;
	text-align: center;
	color: powderblue;

	}
	.sub-heading,
	h1 {
	font-family: Oswald, light;
	text-align: center;
	color: white;
	}
	.body {
	font-family: Oswald, light;
	text-align: center;
	color: white;
	border: 1px solid powderblue;
	padding: 30px;
	margin: 50px;
	line-height: 1.6;
	}
	table {
	border-collapse: collapse;
	width: 88%;
	margin: 50px;
	}
	th {
	background-color: slategray;
	font-family: Oswald, light;
	color: black;
	text-align: center;
	border: 1px solid white;
	padding: 10px;
	}
	table,
	td {
	font-family: Oswald, light;
	color: white;
	text-align: center;
	border: 1px solid powderblue;
	padding: 10px;
	}