codecademydev/index.html Secret

## index.html
<!DOCTYPE html>
<html>
<head>
  <link href="./styles.css" type="text/css" rel="stylesheet">
  <h1 class="title">HTML/CSS Basic Tags</h1>
 </head>
 <br>
<body>
  <h2 class="little-title">HTML Tags</h2>
  <table id="HTML-table" border="2">
    <thead>
      <th scope="col">Tags</th>
      <th scope="col">Description</th>
      </thead>
    <tbody>
      <tr>
       <td>&lt;html&gt; ... &lt;/html&gt;</td>
       <td>Creates an html document</td>
       </tr>
      <tr>
       <td>&lt;head&gt; ... &lt;/head&gt</td>
       <td>Setts off the title & other info that isn't displayed</td>
       </tr>
      <tr>
        <td>&lt;body&gt; ... &lt;/body&gt;</td>
        <td>Sets off the visible portion of the document</td>
       </tr>
      <tr>
         <td>&lt;title&gt; ... &lt;/title&gt;</td>
         <td>Puts name of the document in the title bar; when
           bookmarking pages, this is what is bookmarked</td>
         </tr>
     </tbody>
    </table>
    <br>
  <h2 class="little-title">CSS Selectors</h2>
  <p>They are so many... i will show you a few of "font" selectors.</p>
  <table id="CSS-table" border="2">
    <thead>
      <th scope="col">Selectors</th>
      <th scole="col">Usability</th>
      </thead>
    <tbody>
      <tr>
        <td>"font-family"</td>
        <td>This selector is for pick your wanted font(Ariel,Georgia etc.)</td>
        </tr>
      <tr>
        <td>"font-weight"</td>
        <td>This selector is when you want to customize your font(bold,normal,italic) </td>
        </tr>
       <tr>
         <td>"font-size"</td>
         <td>This selector is when you want to resize your font(10px,20px)</td>
         </tr>
      </tbody>
    </table>
  </body>
  <br>
</html>


## styles.css
head {

}
.title , .little-title {
  text-align: center;
  font-family: Georgia;
  background-color: AliceBlue;
}
body {
  background-color: DarkGrey;
}
table {
  border-style: groove;
  text-align: center;
  font-weight: bold;
  background-color: AliceBlue;
}
p {
  font-family: monospace;
  text-align: center;
  opacity: 0.7;
}
th {
  background-color: DimGray;
  font-size: 22px;
}
td {
  font-size: 18px;
  font-family: Georgia;
}
	<!DOCTYPE html>
	<html>
	<head>
	<link href="./styles.css" type="text/css" rel="stylesheet">
	<h1 class="title">HTML/CSS Basic Tags</h1>
	</head>
	<br>
	<body>
	<h2 class="little-title">HTML Tags</h2>
	<table id="HTML-table" border="2">
	<thead>
	<th scope="col">Tags</th>
	<th scope="col">Description</th>
	</thead>
	<tbody>
	<tr>
	<td><html> ... </html></td>
	<td>Creates an html document</td>
	</tr>
	<tr>
	<td><head> ... </head&gt</td>
	<td>Setts off the title & other info that isn't displayed</td>
	</tr>
	<tr>
	<td><body> ... </body></td>
	<td>Sets off the visible portion of the document</td>
	</tr>
	<tr>
	<td><title> ... </title></td>
	<td>Puts name of the document in the title bar; when
	bookmarking pages, this is what is bookmarked</td>
	</tr>
	</tbody>
	</table>
	<br>
	<h2 class="little-title">CSS Selectors</h2>
	<p>They are so many... i will show you a few of "font" selectors.</p>
	<table id="CSS-table" border="2">
	<thead>
	<th scope="col">Selectors</th>
	<th scole="col">Usability</th>
	</thead>
	<tbody>
	<tr>
	<td>"font-family"</td>
	<td>This selector is for pick your wanted font(Ariel,Georgia etc.)</td>
	</tr>
	<tr>
	<td>"font-weight"</td>
	<td>This selector is when you want to customize your font(bold,normal,italic) </td>
	</tr>
	<tr>
	<td>"font-size"</td>
	<td>This selector is when you want to resize your font(10px,20px)</td>
	</tr>
	</tbody>
	</table>
	</body>
	<br>
	</html>
	head {

	}
	.title , .little-title {
	text-align: center;
	font-family: Georgia;
	background-color: AliceBlue;
	}
	body {
	background-color: DarkGrey;
	}
	table {
	border-style: groove;
	text-align: center;
	font-weight: bold;
	background-color: AliceBlue;
	}
	p {
	font-family: monospace;
	text-align: center;
	opacity: 0.7;
	}
	th {
	background-color: DimGray;
	font-size: 22px;
	}
	td {
	font-size: 18px;
	font-family: Georgia;
	}