3.1 xhtml tables

Tables: ,[object Object],[object Object],[object Object]

Tables ,[object Object],[object Object]

Adding a Table: ,[object Object],[object Object],The value of the width attribute determines how wide the table will be in pixels. A percentage of the screen can be specified instead, but the resulting table would then look different to different viewers, depending on how wide their screens are.

Specifying the Border: ,[object Object],[object Object],The value of the border attribute determines how thick the lines around the table cells will be, as measured in pixels. If this attribute is not specified, no lines will show in the table.

Adding Rows: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],The <tr> tag adds a table row. If nothing more is defined inside the <tr> tags, the row will take up the entire column.

Setting Cells and Columns: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],The <td> ("table data") tag identifies an individual cell of a table. The available space will be evenly divided between the number of cells specified. In this example, we have created two columns in the first row.

Completing the Table: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Here we have specified the cells for the second and third row. We now have a uniform table consisting of two columns and three rows.

Adding Text to the Table: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Atlanta Georgia Phoenix Arizona Capital State

Adding Table Headers: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],By using <th> ("table header") tags in the first row instead of <td>, you are defining these cells as special headings in the table. The web browser will then know to treat them differently. Atlanta Georgia Phoenix Arizona Capital State

Table Syntax: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Make sure there is a closing tag for each opening tag and be careful to nest the elements properly. Atlanta Georgia Phoenix Arizona Capital State

3.1 xhtml tables

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie 3.1 xhtml tables

Ähnlich wie 3.1 xhtml tables (20)

Mehr von Bulldogs83

Mehr von Bulldogs83 (14)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

3.1 xhtml tables