Spanning Rows and Columns Mrs. Wilson Internet Basics & Beyond

Review Cell padding  The space WITHIN the cells Cell spacing  The space BETWEEN the cells The tag will make the text in a cell centered and bold There are two types of tables:  Graphical & Text

Review The color defined for a cell overrides the background color of a table or By default, tables display text WITHOUT borders. You must add a border=# tag Each row of a table is surrounded by a two-sided tag Within a table row, a two-sided tag indicates the presence of individual table cells.

You can create…. Cells that span one or more columns or rows in a table

Spanning Cell A cell that occupies more than one row or column in a table Today’s Opinion Poll Question Political Party DemocratRepublicanIndependent “Do you favor or oppose increasing the minimum wage?” Favor70%35%55% Oppose25%60%30% Unsure5% 15% Spans 3 columns Spans 2 cols & 2 rows Spans 3 rows

ROWSPAN & COLSPAN You can create spanning cells by inserting the ROWSPAN & COLSPAN properties in the and tags text Value is the number of rows or columns the cell will span

Example You would enter tag to create a cell that spans two columns in a table You would enter for a cell that spans two rows

Type this HTML code This cell spans 3 rows one two three four five six seven eight nine ten