HTML Tables

Presentation

•

Computers

•

Professional Development

•

Easy

Lazaro Alsina

Used 32+ times

FREE Resource

9 Slides • 4 Questions

HTML Tables

How to use tables on your websites.

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)

Example of a table :

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

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.

Example of what a table looks like.

Table being Modify

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

Time for a Live Demo

;)

Multiple Choice

Which tags start and finish an HTML table element?

Multiple Choice

Which of the following will create a column in an HTML table?

<col>

<td>

<tcol>

<data>

Multiple Choice

Which of the following tags is used to create a heading within an HTML table?

<h1>

<head>

<th>

<h2>

Multiple Choice

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

<table>

<tbl>

</table>

</tbl>

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.

Show answer

Auto Play

Slide 1 / 13

SLIDE

Similar Resources on Wayground

10 questions

Altas Capacidades 2023

Presentation

•

Professional Development

8 questions

CLASSROOM

Presentation

•

Professional Development

10 questions

La Nueva Escuela Mexicana

Presentation

•

Professional Development

10 questions

Quiz Java 2

Presentation

•

Professional Development

10 questions

AIOT

Presentation

•

Professional Development

9 questions

CEREBROTE - Pensamiento Computacional

Presentation

•

Professional Development

10 questions

Acuerdo 14/08/22 Parte I

Presentation

•

Professional Development

10 questions

VACE Presentation

Presentation

•

Professional Development

Popular Resources on Wayground

28 questions

US History Regents Review

Quiz

•

11th Grade

36 questions

Biology Regents Review

Quiz

•

9th - 10th Grade

20 questions

Math Review

Quiz

•

3rd Grade

38 questions

Regents Life Science General Review

Quiz

•

9th Grade

20 questions

Math Review

Quiz

•

6th Grade

21 questions

EOY Grade 6 Benchmark Assessment - Content Skills

Quiz

•

6th Grade

20 questions

Inferences

Quiz

•

4th Grade

20 questions

Figurative Language Review

Quiz

•

6th Grade

Discover more resources for Computers

10 questions

June Standards Quiz

Quiz

•

Professional Development

23 questions

super heros

Quiz

•

KG - Professional Dev...