Spanning rows and columns
Download
1 / 8

Spanning Rows and Columns - PowerPoint PPT Presentation


  • 82 Views
  • Uploaded on

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.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' Spanning Rows and Columns' - mina


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>


ad