Search Header Logo
HTML Tables

HTML Tables

Assessment

Presentation

Computers

Professional Development

Easy

Created by

Lazaro Alsina

Used 31+ times

FREE Resource

9 Slides • 4 Questions

1

HTML Tables

How to use tables on your websites.

media

2

media

3

HTML Tables are usually used for the following reasons.

  • A method to display data to the client

  • A method to divide content and style it (not best practice)

4

Example of a table :

This is a basic table. As we can see it has a pattern of some elements that help build it.

media

5

Table Elements

  • The HTML <table> element represents tabular data — that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data.

  • The HTML <tr> element defines a row of cells in a table. The row's cells can then be established using a mix of  (data cell) and  (header cell) elements.

  • The HTML <td> element defines a cell of a table that contains data. It participates in the table model.

  • = A method to add metadata to a cell. It is design to allow you to add elements to a table. Also known as a table element.

6

Example of what a table looks like.

media

7

Table being Modify

As we can see we can modify the text in the "Made up bird" table.

media

8

Time for a Live Demo

;)

9

Multiple Choice

Which tags start and finish an HTML table element?
1
<tab> </tab>
2
<table> <table>
3
<tr> </tr>
4
<table> </table>

10

Multiple Choice

Which of the following will create a column in an HTML table?
1
<col>
2
<td>
3
<tcol>
4
<data>

11

Multiple Choice

Which of the following tags is used to create a heading within an HTML table?
1
<h1>
2
<head>
3
<th>
4
<h2>

12

Multiple Choice

Which of the following tag is used to begin creating a table in an HTML document?

1

<table>

2

<tbl>

3

</table>

4

</tbl>

13

web page not embeddable

HTML Tutorial: Learn HTML For Free | CodecademyMini Arrow Down IconCodecademy LogoArrow Chevron Down Filled IconArrow Chevron Down Filled IconArrow Chevron Down Filled IconSearch IconCodecademy LogoMenu IconTwitter IconFacebook IconInstagram IconYoutube Icon

You can open this webpage in a new tab.

HTML Tables

How to use tables on your websites.

media

Show answer

Auto Play

Slide 1 / 13

SLIDE