TAILIEUCHUNG - HTML in 10 Steps or Less- P7

HTML in 10 Steps or Less- P7:Welcome to HTML in 10 Simple Steps or Less. Our mission in writing this book is to provide a quick and accessible way for you to learn Hypertext Markup Language — the lingua franca of the World Wide Web. We hope this book provides a resource that beginning and intermediate HTML coders can use to improve their Web development skills. It is also our hope that it fills multiple roles as both a teaching tool and a reference once you expand your skills. | 96 Part 6 Task 43 Defining Tables A table is a structured element that consists of rows and columns of cells. You can place any kind of content you like in these cells text images and even other tables. If you can define it in HTML you can place it inside a table cell. There are three sets of container tags required to build any table. The table and table tags define where the table begins and ends the tr and tr tags define where each row begins and ends and the td and td tags define the individual cells within each row. There are no tags specifically defining columns they result when multiple rows of cells are stacked on top of each other. 1. Within the body section of your document enter an opening table tag. 2. Move to the next line by hitting the Enter or Return key indent your cursor and enter an opening tr tag to define the start of the first row. 3. Hit Enter again to move to the next line indent your cursor again and enter an opening td tag to indicate the start of a new cell. 4. Follow the opening td tag with the specific content you want placed in this cell. 5. Complete the cell by entering a closing td tag. 6. Repeat Steps 3 through 5 for each cell you want to add to the row. When your row is finished move to the next line and enter a closing tr tag vertically aligned beneath the opening tr tag to aid readability. table tr td 1 td td 2 td td 3 td tr 7. Repeat Steps 2 through 6 to add subsequent rows to the table. 8. After completing the desired number of rows move to the next line and finish the table with a closing table tag vertically aligned with the opening table tag. Listing 43-1 shows the code required to produce a table with three rows and three columns. Figure 43-1 shows the results displayed in a browser. Please purchase PDF Split-Merge on to remove this watermark. Building Tables html head 97 Task title Tables title head body table tr td 1 td td 2 td td 3 td tr tr td 4 td td 5 td td 6 td tr tr td 7 td td 8 td td 9 td tr table .