Tutorial
Tuesday, September 21, 2010 @ 5:00 AM | 0 comment(s)

html
head
< /title > MY FIRST TABLE PAGE < /title >
< /head >

table border =" 5" width =" 350" height =" 400"


tr
td 1< /td >
< rowspan="2">2 < /td >
< colspan="2"> 3< /td >
< /tr >

tr
td 4< /td >
td 5 < /td >
td 6< /td >
< /tr >
< /table >

< href="quizone.html"><> click here< /u >< /a >
< /body >
< /html >


for my lovely Q1A classmates.. Isa and Earl

This is supposed to be your output.. you can kill me if it is wrong.



anyways..


the table tag is obviously the tag that is being used to make a table.. it has lots of attributes but you need a border attribute so that the border will show.. also the height and width for the size

table border="5" width="350" height="400"


next the "tr" tag
it indicates the ROWS of the table.. and the "td" tag for TABLE DATA or CELL

tr
td 4< /td >
td 5 < /td >
td 6< /td >
< /tr >


COLSPAN AND ROWSPAN

when using colspan, it indicates that there are TWO OR MORE CELLS IN DIFFERENT COLUMNS THAT ARE MERGED. like the cell 3 (please follow the table pic)

< border=" 5" width=" 350" height=" 400">
<>
<> 1< /td >
< rowspan="2">2 < /td >
td colspan="2"> 3< /td >
< /tr >

<>
<> 4< /td >
<>5 < /td >
<> 6< /td >
< /tr >
< /table >

take note since the cell 3 occupied two column cells, you don't need to add another cell in the first row, but you need to add another cell in the second column namely cell 6 in order for the cell 3 to fill

< border="5" width="350" height="400">
<>
<> 1< /td >
< rowspan="2">2 < /td >
td colspan="2"> 3< /td >
< /tr >

<>
<> 4< /td >
<>5 < /td >
td >6< /td >
< /tr >
< /table >

kasi ang cell sa taas ng cell six kay merged cell sa cell 3






rowspan is used when THERE ARE TWO OR MORE CELLS IN DIFFERENT ROWS THAT ARE MERGED. like the cell 2

< border="5" width="350" height="400">
<>
<> 1< /td >
td rowspan="2"> 2 < /td >
< colspan="2"> 3< /td >
< /tr >

<>
<> 4< /td >
<>5 < /td >
<> 6< /td >
< /tr >
< /table >

take note, you don't need to add a "td" or table data in the second row for the cell 2 to fill... automatic lang siya mag add ng cell.







GETS?

yun lang.










Post a Comment