1 / 12

Internet Applications Development

Internet Applications Development. Lecture 6 L. Obead Alhadreti. Lecture Outline:. Inserting Tables. Tables are considered as one of the most common tools used in HTML, as most of web sites use them today in a way or another. The main tags used with tables in HTML are as follows:.

isanne
Download Presentation

Internet Applications Development

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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Internet Applications Development Lecture 6 L. ObeadAlhadreti

  2. Lecture Outline: • Inserting Tables.

  3. Tables are considered as one of the most common tools used in HTML, as most of web sites use them today in a way or another. • The main tags used with tables in HTML are as follows:

  4. Example: <table> <tr> <td> 1 </td> <td> 2 </td> <‎/tr> <tr> <td> 3 </td> <td> 4 </td> <‎/tr> <‎/table>

  5. There is another tag used often when table is created. It is known as table headings <th> … </th>. It is an optional tag that used to define the top cells in the table. The text inside these cells should be bold. • There is also another tag used with tables: <caption> …. </caption>. It is used to define a unique title for the tables. It is inserted immediately after the start tag of the table element <table>.

  6. الدول و العواصم • Example: <table> <caption> الدول و العواصم </caption> <tr> <th> الدولة </th> <th> العاصمة</th> <‎/tr> <tr> <td> السعودية </td> <td> الرياض </td> <‎/tr> <‎/table>

  7. Table attributes:

  8. Merging the cells To margin the cells, we use the colspan attribute to merge more than one columns, and rowspan to merge more than one rows. Example: <table> <tr> <td colspan=“2”>1 <‎/td> <‎/tr> <tr> <td> 3 <‎/td> <td> 4 <‎/td> <‎/tr> </table>

  9. Examples: <table> <tr> <td rowspan=“2”> 1 <‎/td> <td> 2</td> <‎/tr> <tr> <td> 4 <‎/td> <‎/tr> </table>

  10. Assignment

  11. Questions ? Be active !

More Related