170 likes | 340 Views
Basic HTML. H yper t ext m arkup L anguage. Lesson Overview. In this lesson, you will learn to : Create Tables. Basic Table. Table with heading (bold). Easy to present data by arranging it into columns and rows. Tags needed: <table>…</table> begins and ends a table
E N D
Basic HTML Hyper text markup Language
Lesson Overview • In this lesson, you will learn to: • Create Tables
Easy to present data by arranging it into columns and rows. • Tags needed: • <table>…</table> begins and ends a table • <tr>….</tr> defines a table row • <th>…</th> defines table heading • <td>…</td> defines table data
Example (conceptual) <table border=“1”> <tr> <td>one</td><td>two</td><td>three</td> </tr> <tr> <td>four</td><td>five</td><td>six</td> </tr> </table>
<table border=“1”> <tr> <td>one</td> <td>two</td> <td>three</td> </tr> <tr> <td>four</td> <td>five</td> <td>six</td> </tr> </table>
<table border=“1”> Start Table <tr> First Row <td>one</td> Cell1 <td>two</td> Cell2 <td>three</td> Cell3 </tr> End of First Row <tr> Second Row • <td>four</td> Cell4 • <td>five</td> Cell5 • <td>six</td> Cell6 • </tr> Endof Second Row </table> End Table
Assignment Hint: use <thcolspan = 2> Telephone</th>
<tr> <th>Name</th> <thcolspan="2">Telephone</th> <thcolspan=“3">Address</th> </tr>
Assignment 13 Hint: use <throwspan = 2> Telephone</th>
Assignment 14 Hint: use <td> <imgsrc= “path to image” height = 200 width=200/> </td>