codecademydev/index.html Secret

## index.html
<!DOCTYPE html>
<html>
  <head>
    <link href="./styles.css" type="text/css" rel="stylesheet">
    <title>Html Table Reference</title>
  </head>
  <body>
    <div class="Titolo Pagina">
      <h1>HTML Tabella di Istruzioni</h1>
    </div>

    <div class="Tabella">
      <h2>HTML Structure Tags</h2>
      <table>
        <thead>
       <tr>
         <th>Tag</th>
         <th>Name</th>
         <th>Description</th>
         <th>Visibility</th>
        </tr>
        </thead>
        <tbody class=tablebody>
        <tr>
          <td>&lt;html&gt;</td>
          <td>same</td>
          <td>serve a comunicare al browser che il codice è HTML5</td>
          <td>NO</td>
        </tr>
        <tr>
          <td>&lt;head&gt;</td>
          <td>same</td>
          <td>include metadata sulla pagina che si sta costruendo</td>
          <td>NO</td>
        </tr>
        <tr>
          <td>&lt;title&gt;</td>
          <td>same</td>
          <td>è figlio di head e verrà visualizzato nel browser tab</td>
          <td>solo nel browser tab</td>
        </tr>
        <tr>
          <td>&lt;body&gt;</td>
          <td>same</td>
          <td>include tutto il contenuto che sarà visibile sulla pagina</td>
          <td>NO</td>
        </tr>
        <tr>
          <td>&lt;div&gt;</td>
          <td>division</td>
          <td>è un container che divide la pagina in sezioni</td>
          <td>NO</td>
        </tr>
        <tr>
          <td>&lt;h1&gt;</td>
          <td>heading</td>
          <td>è il titolo di una sezione. Vanno da 1 a 6.</td>
          <td>SI</td>
        </tr>
        <tr>
          <td>&lt;p&gt;</td>
          <td>paragraph</td>
          <td>consiste in un paragrafo solitamente al di sotto di una specifica heading.</td>
          <td>SI</td>
        </tr>
        <tr>
          <td>&lt;br&gt;</td>
          <td>line break</td>
          <td>permette di applicare spazi tra sezioni</td>
          <td>SI</td>
        </tr>
        </tbody>
      </table>
    </div>
  </body>
</html>

## styles.css
body {
  background-color: WhiteSmoke;
}

h1, h2 {
  text-align: center;
}

h2 {
  color: rebeccapurple;
}

table, th {
  background-color: MintCream;
  border: 2px solid darkorchid;
  font-family: Arial, Sans-serif;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

thead {
  background-color: plum;
}

td {
  border: 0.5px solid darkorchid;
}
	<!DOCTYPE html>
	<html>
	<head>
	<link href="./styles.css" type="text/css" rel="stylesheet">
	<title>Html Table Reference</title>
	</head>
	<body>
	<div class="Titolo Pagina">
	<h1>HTML Tabella di Istruzioni</h1>
	</div>

	<div class="Tabella">
	<h2>HTML Structure Tags</h2>
	<table>
	<thead>
	<tr>
	<th>Tag</th>
	<th>Name</th>
	<th>Description</th>
	<th>Visibility</th>
	</tr>
	</thead>
	<tbody class=tablebody>
	<tr>
	<td><html></td>
	<td>same</td>
	<td>serve a comunicare al browser che il codice è HTML5</td>
	<td>NO</td>
	</tr>
	<tr>
	<td><head></td>
	<td>same</td>
	<td>include metadata sulla pagina che si sta costruendo</td>
	<td>NO</td>
	</tr>
	<tr>
	<td><title></td>
	<td>same</td>
	<td>è figlio di head e verrà visualizzato nel browser tab</td>
	<td>solo nel browser tab</td>
	</tr>
	<tr>
	<td><body></td>
	<td>same</td>
	<td>include tutto il contenuto che sarà visibile sulla pagina</td>
	<td>NO</td>
	</tr>
	<tr>
	<td><div></td>
	<td>division</td>
	<td>è un container che divide la pagina in sezioni</td>
	<td>NO</td>
	</tr>
	<tr>
	<td><h1></td>
	<td>heading</td>
	<td>è il titolo di una sezione. Vanno da 1 a 6.</td>
	<td>SI</td>
	</tr>
	<tr>
	<td><p></td>
	<td>paragraph</td>
	<td>consiste in un paragrafo solitamente al di sotto di una specifica heading.</td>
	<td>SI</td>
	</tr>
	<tr>
	<td><br></td>
	<td>line break</td>
	<td>permette di applicare spazi tra sezioni</td>
	<td>SI</td>
	</tr>
	</tbody>
	</table>
	</div>
	</body>
	</html>
	body {
	background-color: WhiteSmoke;
	}

	h1, h2 {
	text-align: center;
	}

	h2 {
	color: rebeccapurple;
	}

	table, th {
	background-color: MintCream;
	border: 2px solid darkorchid;
	font-family: Arial, Sans-serif;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}

	thead {
	background-color: plum;
	}

	td {
	border: 0.5px solid darkorchid;
	}