Reading...
Play button
Play button
Use LEFT and RIGHT arrow keys to navigate between flashcards;
Use UP and DOWN arrow keys to flip the card;
H to show hint;
A reads text to speech;
12 Cards in this Set
- Front
- Back
|
tags used for table structure
|
<table> </table>
<tr> </tr> <td> </td> |
|
|
row spanning
|
single cell content needs to cover more then 1 row
< tr rowspan="4"> ... < /tr> |
|
|
column spanning
|
single cell content needs to cover more then 1 column
< tr colspan="3"> ... < /tr> |
|
|
cell spacing
|
amount of space between cells
|
|
|
cell padding
|
space within cells
|
|
|
align cells
|
can be done in the columns, table rows, row groups, column groups, or individual table cells for horizontal alignment
< table> < tr align="right">...< /tr> |
|
|
vertically align cells
|
use valign attribute
< tbody valign="bottom"> < /tbody> |
|
|
add borders: HTML
|
< table border="2px solid black" frame="below"> < /table>
|
|
|
add borers: CSS
|
table { border: 2px solid black; }
|
|
|
jigsaw layout
|
brakes page contents into separate table cells that are then joined together
|
|
|
difference between fixed and fluid table layout
|
fixed layout has content that needs to fit the set dimensions. fluid layout has the table adjust to the content
|
|
|
5 reasons why tables are not the preferred way to create web layouts
|
-difficult to revise
-longer to render -code heavy -inaccessible to disabled users -not in the spirit of HTML, they tell a browser how to render them, so CSS cannot control their layout |
