Presentation on theme: "Spanning Rows and Columns Mrs. Wilson Internet Basics & Beyond."— Presentation transcript:
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
Your consent to our cookies if you continue to use this website.