HTML page layout II
0 likes1,096 views
The document discusses using tables in web page layout. It provides examples of table syntax using <table>, <tr>, <th>, and <td> tags to create rows and cells. An example table is given that demonstrates creating a basic 2x2 table with two rows and two columns of cells. The document emphasizes that tables add style and structure to a page and are relatively easy to edit.
HTML page layout II
- 1. Niamh Foley
- 2. Page layout There are many different styles and layouts that are used Some Examples
- 3. Why Tables Its adds style to your web page It shows a level of skill It makes editing a page very easy They don’t have to be seen to get the desired effect
- 4. Syntax The syntax is relatively simple Its the order in which it is used that creates confusion <table> <tr> // table row <th> // table header <td> // table data </table>
- 5. An example <table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table> Start of table Creating a Row Colume1 Colume2 Ending the current Row Creating a new Row Ending the current Row End of table
- 6. The Output
- 7. !! Don’t forget to save !!
- 8. Code <table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>
- 9. Lets Recap Basic structure Colour Tables Lets begin to make our own web pages