Build Your Own Cheat Sheet

Projects Skill Path Projects
1

I just wanted some feedback on my code :slight_smile:

My Cheat Sheet

HTML Table Reference

Table Tags

  <table>
    <thead>
      <tr>
        <th><h2>Tag</h2></th>
        <th><h2>Name</h2></th>
        <th><h2>Description</h2></th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td class="left"><h3>&lt table &gt</h3></td>
        <td class="center"><h3>Table</h3></td>
        <td class="right"><h3>Creates a table</h3></td>
      </tr>
      <tr>
        <td class="left"><h3>&lt tr &gt</h3></td>
        <td class="center"><h3>Table Row</h3></td>
        <td class="right"><h3>Adds rows to a table</h3></td>
      </tr>
      <tr>
        <td class="left"><h3>&lt td &gt</h3></td>
        <td class="center"><h3>Table Data</h3></td>
        <td class="right"><h3>Adds data to a table</h3></td>
      </tr>
      <tr>
        <td class="left"><h3>&lt th &gt</h3></td>
        <td class="center"><h3>Table Headings</h3></td>
        <td class="right"><h3>Table headings clearify the meaning of data</h3></td>
      </tr>
      <tr>
        <td class="left"><h3>&lt thead &gt</h3></td>
        <td class="center"><h3>Table Head</h3></td>
        <td class="right"><h3>Used to group header content in the table</h3></td>
      </tr>
      <tr>
        <td class="left"><h3>&lt tbody &gt</h3></td>
        <td class="center"><h3>Table Body</h3></td>
        <td class="right"><h3>The set of rows containing actual table data</h3></td>
      </tr>
      <tr>
        <td class="left"><h3>&lt tfoot &gt</h3></td>
        <td class="center"><h3>Table Footer</h3></td>
        <td class="right"><h3>The set of rows defining the footer in a table</h3></td>
      </tr>
    </tbody>
  </table>
  <h2>Table Attributes</h2>
  <table>
    <thead>
      <tr>
        <th><h2>Attribute</h2></th>
        <th><h2>Name</h2></th>
        <th><h2>Description</h2></th>
      </tr>
     </thead>
      <tr>
        <td class="left"><h3>colspan</h3></td>
        <td class="center"><h3>Column Span</h3></td>
        <td class="right"><h3>Defines how many columns a td element should span</h3></td>
      </tr>
      <tr>
        <td class="left"><h3>rowspan</h3></td>
        <td class="center"><h3>Row Span</h3></td>
        <td class="right"><h3>Defines how many rows a td element should span</h3></td>
      </tr>
  </table>

table {
text-align: center;
margin: 20px auto;
width: 650px;
}

th {
border: 3px solid #8c6b48;
}

td {
border: 3px solid #8c6b48;
width: 300px;
color: blanchedalmond;
}

body {
background-color: darkslategrey;
}

h1, h2 {
color: blanchedalmond;
text-align: center;
font-family: “Teko”, Roman;
font-weight: bold;
font-size: 30px;
}

.left, .center, .right {
color: blanchedalmond;
font-weight: 300px;
font-family: “Chakra Petch”, Roman;
}

h1 {
text-transform: uppercase;
color: #d1a65c;
font-size: 50px
}

thead {
background-color: #96793b;
}