Reading-Notes
code fellows 201
Read: 07 - HTML Tables; JS Constructor Functions
Domain Modeling Article
Domain Modeling is when you make a concept model in code for a specific problem.
- Object Oriented Model- an entity that stores data in properties and encapsulates behaviors in methods
[HTML & CSS]
Chapter 6: Tables (p. 126-145)
Tables are a way to display information in a grid format. They allow for easy identification and reading of complex data. Table cells are the individual blocks in a table.
Basics
<table>
<tr>
<td>15</td>
<td>15</td>
<td>30</td>
</tr>
<tr>
<td>45</td>
<td>60</td>
<td>45</td>
</tr>
<tr>
<td>60</td>
<td>90</td>
<td>90</td>
</tr>
</table>
The table element is used to create the table. You then to proceed to write out inforation on the table row by row. Each row begins with the tr tag, this stands for table row. The td tag is used to create a table data element. This is each individual cell of the table.
Extra
<table>
<tr>
<th></th>
<th colspan="2"> Extended column</th>
</tr>
<tr>
<td>45</td>
<td>60</td>
<td rowspan="2">45</td>
</tr>
<tr>
<td>60</td>
<td>90</td>
</tr>
</table>
- Table Headings are contained within the <th> element tags and are used for table headings. Don’t forget tho include an empty th tag for spacing purposes.
- Spanning Columns are used to create a table heading or table data element that spans more than one column cell.
- Spanning Rows work similar to sanninng columns but extend the cell vertically
Long Tables
- thead - This should contain the table headings.
- tbody - This is where the body of the table should be placed.
- tfoot - This is where the table footer goes.