codecademydev/index.html Secret

## index.html
<!DOCTYPE html>
<html>
  <head>
    <title>Cheatsheet</title>
	  <meta charset="utf-8">
    <link rel="stylesheet" href="./styles.css" type= text/css>
  </head>
  <body>
    <h1>The Basics</h1>
    <h2>HTML & CSS Cheat Sheet </h2>
    <h3>HTML5 Points</h3>
    <p> So far, learning HTML5 has proven to be simpler than other languages; however, it is just as robust. It takes time to unlearn legacy formatting and choose the best way to organize your code to keep it clean and consistent.</p>
    <h4 class= list-header>Familiar Basics</h4>
    <ul class= list>
      <li>Hypertext Markup Language</li>
      <li>Easily read by browsers</li>
      <li>Backbone of every website</li>
      <li>Works with Java and CSS</li>
    </ul>

    <table>
      <tr>
        <th colspan=2>HTML5 Concepts</th>
      </tr>
      <tr>
        <th>Code</th>
        <th>Concept</th>
      </tr>
      <tr>
        <td>!DOCTYPE html</td>
        <td>used to let the browser know the content is html</td>
      </tr>
      <tr>
        <td>metadata</td>
        <td>info about the page that is not displayed. Placed in the head.</td>
      </tr>
      <tr>
        <td>target</td>
        <td>specifies where a link should open up</td>
      </tr>
      <tr>
        <td>url</td>
        <td>uniform resource locator</td>
      </tr>
      <tr>
        <td>span</td>
        <td>separate specific inline text</td>
      </tr>
      <tr>
        <td>div</td>
        <td>blocks of text</td>
      </tr>
      <tr>
        <td>alt</td>
        <td>text to replace a photo that can't be read by the browser</td>
      </tr>
      <tr>
        <td>video src</td>
        <td>how to embed a video onto the page</td>
      </tr><tr>
        <td>key-value</td>
        <td>attributes</td>
      </tr>
      <tr>
        <td>relative path</td>
        <td>used local file</td>
      </tr>
      <tr>
        <td>Semantic HTML</td>
        <td>relating to meaning; providing info about content between opening and closing tags</td>
      </tr>
        <tr>
        <td>Accessibility</td>
        <td>clearer code for mobile and people with disabilities</td>
      </tr>
      <tr>
        <td>SEO</td>
        <td>Search Engine OPtimization; process of increasing website traffic</td>
      </tr>
      <caption>Information on HTML5 concepts learned:</caption>
    </table>
    <h3>CSS3 Points</h3>
    <p>CSS was a lot of fun to learn. It's nearly impossible to learn all of the options to syle a page, but ther are basics that everyone should know without research. This is probably my favorite part of coding as it gives the page texture, character and tells a story via visual asthetics if done correctly.</p>
    <h4 class= list-header>Familiar Basics</h4>
    <ul class= list>
      <li>Cascading Style Shets</li>
      <li>Works with HTML5 and Java/JS</li>
      <li>References</li>
      <li>Selectors</li>
      <li>Functions</li>
    </ul>


  </body>


</html>

## styles.css
body{
  background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQn_oNSCO4l2Tliv-6X2DlrUxFBUK4g3yfTmg&usqp=CAU");
  color: white;
}
.list{
  font-family: Georgia;
  color: Teal;
  }
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
th, td {
  color: white;
  padding: 5px;
  text-align: center;
  background-image: url("https://www.publicdomainpictures.net/pictures/40000/velka/dark-background.jpg");
}
	<!DOCTYPE html>
	<html>
	<head>
	<title>Cheatsheet</title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="./styles.css" type= text/css>
	</head>
	<body>
	<h1>The Basics</h1>
	<h2>HTML & CSS Cheat Sheet </h2>
	<h3>HTML5 Points</h3>
	<p> So far, learning HTML5 has proven to be simpler than other languages; however, it is just as robust. It takes time to unlearn legacy formatting and choose the best way to organize your code to keep it clean and consistent.</p>
	<h4 class= list-header>Familiar Basics</h4>
	<ul class= list>
	<li>Hypertext Markup Language</li>
	<li>Easily read by browsers</li>
	<li>Backbone of every website</li>
	<li>Works with Java and CSS</li>
	</ul>

	<table>
	<tr>
	<th colspan=2>HTML5 Concepts</th>
	</tr>
	<tr>
	<th>Code</th>
	<th>Concept</th>
	</tr>
	<tr>
	<td>!DOCTYPE html</td>
	<td>used to let the browser know the content is html</td>
	</tr>
	<tr>
	<td>metadata</td>
	<td>info about the page that is not displayed. Placed in the head.</td>
	</tr>
	<tr>
	<td>target</td>
	<td>specifies where a link should open up</td>
	</tr>
	<tr>
	<td>url</td>
	<td>uniform resource locator</td>
	</tr>
	<tr>
	<td>span</td>
	<td>separate specific inline text</td>
	</tr>
	<tr>
	<td>div</td>
	<td>blocks of text</td>
	</tr>
	<tr>
	<td>alt</td>
	<td>text to replace a photo that can't be read by the browser</td>
	</tr>
	<tr>
	<td>video src</td>
	<td>how to embed a video onto the page</td>
	</tr><tr>
	<td>key-value</td>
	<td>attributes</td>
	</tr>
	<tr>
	<td>relative path</td>
	<td>used local file</td>
	</tr>
	<tr>
	<td>Semantic HTML</td>
	<td>relating to meaning; providing info about content between opening and closing tags</td>
	</tr>
	<tr>
	<td>Accessibility</td>
	<td>clearer code for mobile and people with disabilities</td>
	</tr>
	<tr>
	<td>SEO</td>
	<td>Search Engine OPtimization; process of increasing website traffic</td>
	</tr>
	<caption>Information on HTML5 concepts learned:</caption>
	</table>
	<h3>CSS3 Points</h3>
	<p>CSS was a lot of fun to learn. It's nearly impossible to learn all of the options to syle a page, but ther are basics that everyone should know without research. This is probably my favorite part of coding as it gives the page texture, character and tells a story via visual asthetics if done correctly.</p>
	<h4 class= list-header>Familiar Basics</h4>
	<ul class= list>
	<li>Cascading Style Shets</li>
	<li>Works with HTML5 and Java/JS</li>
	<li>References</li>
	<li>Selectors</li>
	<li>Functions</li>
	</ul>


	</body>




	</html>
	body{
	background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQn_oNSCO4l2Tliv-6X2DlrUxFBUK4g3yfTmg&usqp=CAU");
	color: white;
	}
	.list{
	font-family: Georgia;
	color: Teal;
	}
	table, th, td {
	border: 1px solid black;
	border-collapse: collapse;
	}
	th, td {
	color: white;
	padding: 5px;
	text-align: center;
	background-image: url("https://www.publicdomainpictures.net/pictures/40000/velka/dark-background.jpg");
	}