Scribd
Upload
6 views20 pages

HTML Table

The document provides an overview of HTML table tags, including how to define tables, rows, headers, and cells. It explains various attributes such as borders, cell padding, and spanning cells across multiple rows or columns. Additionally, it outlines an activity to create a 2022 calendar using the discussed HTML table concepts.

Uploaded by

9f6qggbdkp
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
6 views20 pages

HTML Table

The document provides an overview of HTML table tags, including how to define tables, rows, headers, and cells. It explains various attributes such as borders, cell padding, and spanning cells across multiple rows or columns. Additionally, it outlines an activity to create a 2022 calendar using the discussed HTML table concepts.

Uploaded by

9f6qggbdkp
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

HTML - TABLE

Objectives
- discuss and demonstrate how to use HTML
table tags.
Tables
• HTML tables were created for instances when
you need to add tabular material to a web page.
Tables may used to organize calendars,
schedules, statistics, or other types of
information.
• A table cell may contain any sort of information,
including numbers, text elements, and even
images and multimedia objects.
Defining an HTML Table
• An HTML table is defined with the
<table> tag.
<table>
</table>

codes - attributes
• Each table row is defined with the <tr>
tag.
• A table header is defined with the
<th> tag.
• A table data/cell is defined with the
the <td> tag.
SAMPLE CODE

OUTPUT
HTML Table - Adding a Border
• If you do not specify a
border for the table, it will
be
displayed
without
borders.
HTML-Table - Cell Padding
• Cell padding specifies the
space between the cell
content and its borders.
• If you do not specify a
padding, the table cells will
be
displayed
without
padding.
HTML Table - Left Align Headings
HTML Table - Adding Border Spacing
• Border spacing specifies the space
between the cells.
HTML Table - Cells that Span Many
Columns
• To make a cell span more than one
column, use the col span attribute.
HTML Table - Cells that Span Many
Rows
• To make a cell span more
than one row, use the row
span attribute.
END
Activity #2
• Create a 2022 Calendar
• With a Homepage and 12
months

• Title - Activity2_LastName
• Deadline - Sunday, October 17,
2021
• Screenshot - codes
• Screenshot - output
– Activity2_codes
– Activity2_output1 ,
• output 2

You might also like