1 / 8

Spanning Rows and Columns

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 <th> tag will make the text in a cell centered and bold There are two types of tables: Graphical & Text. Review.

mina
Download Presentation

Spanning Rows and Columns

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Spanning Rows and Columns Mrs. Wilson Internet Basics & Beyond

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

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

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

  5. Spanning Cell • A cell that occupies more than one row or column in a table Spans 3 columns Spans 2 cols & 2 rows Spans 3 rows

  6. ROWSPAN & COLSPAN • You can create spanning cells by inserting the ROWSPAN & COLSPAN properties in the <td> and <th> tags <td rowspan=value colspan=value>text</td> • Value is the number of rows or columns the cell will span

  7. Example • You would enter <td colspan=2> tag to create a cell that spans two columns in a table • You would enter <td rowspan=2> for a cell that spans two rows

  8. Type this HTML code <table border=2> <tr> <td rowspan=3>This cell spans 3 rows</td> <td>one</td> <td>two</td> <td>three</td> <td>four</td> </tr> <td>five</td> <td>six</td> <td>seven</td> </tr> <td>eight</td> <td>nine</td> <td>ten</td> </tr> <tr> </table>

More Related