Download as pptx, pdf, or txt
Download as pptx, pdf, or txt
You are on page 1of 10

Introduction to Web Design

and Applications
APT 1040
LECTURE 4 A

By Bernard Ondiek
bondiek@usiu.ac.ke

Intro to Web Design and Apllication 1


Tables recap

Intro to Web Design and Apllication 2


HTML – Fundamentals
Tables

 BORDER=value

 ALIGN=left|right|center

 CELLSPACING=value

 CELLPADDING=value

 WIDTH=value|percent

Intro to Web Design and Apllication 3


Lab Create the below table

STUDENT NAME COURSE


NUMBER
2250 JOB APT
2251 HARRY IST
2252 HARRIET APT
2253 KIM APT

Intro to Web Design and Apllication 4


ATTRIBUTES

 Center the table


 Add Cell Border
 Add cell padding
 Change Background color of table cells.
 Change font of the various cells.
 Increase table width
 Increase table height

Intro to Web Design and Apllication 5


WIDTH="80%” height="80%“

Intro to Web Design and Apllication 6


COLSPAN
 Add a row on top
<tr>
<th colspan=“3”> student information</th>
</tr>

Intro to Web Design and Apllication 7


Rowspan
 Create a new Column at the end and Merge the
Cells(Rowspan)

<TD rowspan=2>A</TD>

Intro to Web Design and Apllication 8


Exercise

Create a webpage and


organize the page using
tables.

Intro to Web Design and Apllication 9


Q&A

Intro to Web Design and Apllication 10

You might also like