Spanning rows and columns
This presentation is the property of its rightful owner.
Sponsored Links
1 / 8

Spanning Rows and Columns PowerPoint PPT Presentation


  • 45 Views
  • Uploaded on
  • Presentation posted in: General

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.

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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Spanning rows and columns

Spanning Rows and Columns

Mrs. Wilson

Internet Basics & Beyond


Review

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


Review1

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.


You can create

You can create….

  • Cells that span one or more columns or rows in a table


Spanning cell

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


Rowspan colspan

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


Example

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


Type this html code

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>


  • Login