learn html5: tables

inarocket.com

HTMLLearn at rocket speed

TABLES

Learn front-end development at rocket speed

inarocket.com

by miguelsanchez.com

Tables: basic

inarocket.com - HTML / Tables

TABLES: BASIC

tbody

thead

table

tfoot

tr

tr

tr

tr

td td td

td td td

td td td

th th th

td td tdtr

inarocket.com - HTML / Tables

TABLES: BASIC

<table><thead> <tr> <th>2014</th><th>2015</th> </tr></thead><tfoot> <tr> <td>Total: 3</td><td>Total: 5</td> </tr></tfoot>

Editor

<tbody> <tr> <td>1</td><td>2</td> </tr> <tr> <td>2</td><td>3</td> </tr></tbody></table>

Continues

READY TO USE CODE

inarocket.com - HTML / Tables

TABLES: BASIC

Browser

2014 2015

1 2

2 3

Total: 3 Total: 5

index.html

Tables: advanced

inarocket.com - HTML / Tables

TABLES: ADVANCED

tbody

thead

table

tfoot

tr

tr

tr

tr

td td

td td td

td td

th th th

td colspan=3tr

rowspan=3

inarocket.com - HTML / Tables

TABLES: ADVANCED

<table><thead> <tr> <th>2015</th><th>2016</th> </tr></thead><tfoot> <tr> <td colspan=2>Source: W3C</td> </tr></tfoot>

Editor

<tbody> <tr> <td rowspan=2>No Data</td><td>20</td> </tr> <tr> <td>25</td> </tr></tbody></table>

Continues

READY TO USE CODE

inarocket.com - HTML / Tables

TABLES: ADVANCED

Browser

2015 2016

No Data20

25

Source: W3C

index.html

Are you also interested in learning

BOOTSTRAP 4POSTCSS?+

http://inarocket.teachable.com/courses/css-postcssPlease visit:

Learn front-end development at rocket speed

inarocket.com

by miguelsanchez.com

inarocket.com

HTMLLearn at rocket speed

TABLES