Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • HTML Table Tag:: Muhmmad Asif/handout3 1 - Web Design and Development

    Încărcat de

    Muhammad Ibraheem
    29 vizualizări14 pagini
    The document describes how to create tables in HTML. It provides examples of basic HTML table code using <table>, <tr>, <td>, and <th> tags. It also lists various table attributes that can be used, such as border, cellpadding, cellspacing, colspan, and rowspan. Finally, it shows how to code a calendar using HTML tables with days of the week and dates formatted into table cells.

    Descriere originală:

    good book

    Titlu original

    Lesson 3

    Drepturi de autor

    © © All Rights Reserved

    Formate disponibile

    DOCX, PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document
    The document describes how to create tables in HTML. It provides examples of basic HTML table code using <table>, <tr>, <td>, and <th> tags. It also lists various table attributes that can be used, such as border, cellpadding, cellspacing, colspan, and rowspan. Finally, it shows how to code a calendar using HTML tables with days of the week and dates formatted into table cells.

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca DOCX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    29 vizualizări14 pagini

    HTML Table Tag:: Muhmmad Asif/handout3 1 - Web Design and Development

    Încărcat de

    Muhammad Ibraheem
    The document describes how to create tables in HTML. It provides examples of basic HTML table code using <table>, <tr>, <td>, and <th> tags. It also lists various table attributes that can be used, such as border, cellpadding, cellspacing, colspan, and rowspan. Finally, it shows how to code a calendar using HTML tables with days of the week and dates formatted into table cells.

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca DOCX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 14

    Muhmmad Asif/handout3 1|Page Web Design And development

    Html Table tag:

    Tables are defined with the <table> tag.A table is divided into rows (with the <tr>
    tag), and each row is divided into data cells (with the <td> tag). td stands for "table data,"
    and holds the content of a data cell. A <td> tag can contain text, links, images, lists, forms,
    other tables, etc.

    <table border="1">
    <tr>
    <td>row 1, cell 1</td>
    <td>row 1, cell 2</td>
    </tr>
    <tr>
    <td>row 2, cell 1</td>
    <td>row 2, cell 2</td>
    </tr>
    </table>

    HTML Table Headers:

    Header information in a table are defined with the <th> tag.All major browsers will display the
    text in the <th> element as bold and centered.

    <table border="1">

    <table border="1">
    <tr>
    <th>Header 1</th>
    <th>Header 2</th>
    </tr>
    <tr>
    <td>row 1, cell 1</td>
    <td>row 1, cell 2</td>
    </tr>
    <tr>
    <td>row 2, cell 1</td>
    <td>row 2, cell 2</td>
    </tr>
    </table>
    Muhmmad Asif/handout3 2|Page Web Design And development

    Table Discription:
     th = table header

     tr = table row

     td = table data (align=left,right,center valign=top,bottom,middle)

     caption = table caption

     calgroup = group of col in table for formating

     col = value for one or more column

     thead = header content in table

     tbody = body content in table

     tfoot = footer content in table

     cellspacing = space b/w cell

     cellpadding = distance from each side

     rowspan = how many rows are span

     colspan = how many column are span

    Html Marquee tag:


    <marquee> This is a text </marquee>

    Attributes:
     Bgcolor = green , red etc
     Width = pix , % etc
     Height = pix , % etc
     Direction = left , right , up ,down
     Behavior = alternate , scroll , slide
     Scrolldelay = 25 , etc
     Scrollamount = 25 , etc
     Hspace = 10, etc
     Vspace = 20 , etc

    Html bold tag:


    <bold> data </bold>

    <b> data </b>

    Html comments tag:


    <! – this is a comment -->
    Muhmmad Asif/handout3 3|Page Web Design And development

    Html Embed tag:


    <embed src = “song.mp3”> audio </a>

    <embed src = “song.mp4”> vedio </a>

    Attributes of embed tag:

     Width = pix,% , etc


     Start = “true” , “false”
     Loop = “true” , “false”
     Panel = “true” , “false”

    Callender using Html:


    Muhmmad Asif/handout3 4|Page Web Design And development

    Coding:

    <html>

    <head>

    <title> Asif

    </title>

    </head>

    <body bgcolor=white text=black >

    <table border=2% width=100% height=100% align=center>

    <caption align=top><h1>CALENDER 2012</h1></caption>

    <tr>

    <td><table border=2>

    <caption align=top><h4>JAN</h4></caption>

    <tr><td>Mon<td>Tue<td>wed<td>Thu<td bgcolor=green>
    Fri<td>Sat<td bgcolor=red>Sun

    </tr>

    <tr><td>.<td>.<td>.<td>.<td bgcolor=green>1<td>2<td bgcolor=red>3

    </tr>

    <tr><td>4<td>5<td>6<td>7<td bgcolor=green>8<td>9<td
    bgcolor=red>10

    </tr>

    <tr><td>11<td>12<td>13<td>14<td bgcolor=green>15<td>16<td
    bgcolor=red>17

    </tr>
    Muhmmad Asif/handout3 5|Page Web Design And development

    <tr><td>18<td>19<td>20<td>21<td bgcolor=green>22<td>23<td
    bgcolor=red>24

    </tr>

    <tr><td>25<td>26<td>27<td>28<td bgcolor=green>29<td>30<td
    bgcolor=red>31

    </tr>

    </table>

    <td>

    <table border=2>

    <caption align=top><h4>FEB</h4></caption>

    <tr><td>Mon<td>Tue<td>Wed<td>Thu<td bgcolor=green>Fri<td>Sat<td
    bgcolor=red>Sun

    </tr>

    <tr><td>1<td>2<td>3<td>4<td bgcolor=green>5<td>6<td
    bgcolor=red>7

    </tr>

    <tr><td>8<td>9<td>10<td>11<td bgcolor=green>12<td>13<td
    bgcolor=red>14

    </tr>

    <tr><td>15<td>16<td>17<td>18<td bgcolor=green>19<td>20<td
    bgcolor=red>21

    </tr>

    <tr><td>22<td>23<td>24<td>25<td bgcolor=green>26<td>27<td
    bgcolor=red>28

    </tr>

    <tr><td>.<td>.<td>.<td>.<td bgcolor=green>.<td>.<td bgcolor=red>.


    Muhmmad Asif/handout3 6|Page Web Design And development

    </table>

    <td>

    <table border=2>

    <caption align=top><h4>MAR</h4></caption>

    <tr><td>Mon<td>Tue<td>Wed<td>Thu<td bgcolor=green>Fri<td>Sat<td
    bgcolor=red>Sun

    </tr>

    <tr><td>1<td>2<td>3<td>4<td bgcolor=green>5<td>6<td
    bgcolor=red>7

    </tr>

    <tr><td>8<td>9<td>10<td>11<td bgcolor=green>12<td>13<td
    bgcolor=red>14

    </tr>

    <tr><td>15<td>16<td>17<td>18<td bgcolor=green>19<td>20<td
    bgcolor=red>21

    </tr>

    <tr><td>22<td>23<td>24<td>25<td bgcolor=green>26<td>27<td
    bgcolor=red>28

    </tr>

    <tr><td>29<td>30<td>31<td>.<td bgcolor=green>.<td>.<td
    bgcolor=red>.

    </tr>

    </table>

    <td>

    <table border=2>

    <caption align=top><h4>APR</h4></caption>
    Muhmmad Asif/handout3 7|Page Web Design And development

    <tr><td>Mon<td>Tue<td>Wed<td>Thu<td bgcolor=green>Fri<td>Sat<td
    bgcolor=red>Sun

    </tr>

    <tr><td>.<td>.<td>.<td>1<td bgcolor=green>2<td>3<td bgcolor=red>4

    </tr>

    <tr><td>5<td>6<td>7<td>8<td bgcolor=green>9<td>10<td
    bgcolor=red>11

    </tr>

    <tr><td>12<td>13<td>14<td>15<td bgcolor=green>16<td>17<td
    bgcolor=red>18

    </tr>

    <tr><td>19<td>20<td>21<td>22<td bgcolor=green>23<td>24<td
    bgcolor=red>25

    </tr>

    <tr><td>26<td>27<td>28<td>29<td bgcolor=green>30<td>.<td
    bgcolor=red>.

    </tr>

    </table>

    </tr>

    <tr>

    <td>

    <table border=2>

    <caption align=top><h4>MAY</h4></caption>

    <tr><td>Mon<td>Tue<td>Wed<td>Thu<td bgcolor=green>Fri<td>Sat<td
    bgcolor=red>Sun

    </tr>
    Muhmmad Asif/handout3 8|Page Web Design And development

    <TR><TD>31<td>.<td>.<td>.<td bgcolor=green>.<td>1<td
    bgcolor=red>2

    </TR>

    <tr><td>3<td>4<td>5<td>6<td bgcolor=green>7<td>8<td
    bgcolor=red>9

    </tr>

    <tr><td>10<td>11<td>12<td>13<td bgcolor=green>14<td>15<td
    bgcolor=red>16

    </tr>

    <tr><td>17<td>18<td>19<td>20<td bgcolor=green>21<td>22<td
    bgcolor=red>23

    </tr>

    <tr><td>24<td>25<td>26<td>27<td bgcolor=green>28<td>29<td
    bgcolor=red>30

    </tr>

    </table>

    <td>

    <table border=2>

    <caption align=top><h4>JUN</h4></caption>

    <tr><td>Mon<td>Tue<td>Wed<td>Thu<td bgcolor=green>Fri<td>Sat<td
    bgcolor=red>Sun

    </tr>

    <tr><TD>.<td>1<td>2<td>3<td bgcolor=green>4<td>5<td
    bgcolor=red>6

    </tr>

    <tr><td>7<td>8<td>9<td>10<td bgcolor=green>11<td>12<td
    bgcolor=red>13
    Muhmmad Asif/handout3 9|Page Web Design And development

    </tr>

    <tr><td>14<td>15<td>16<td>17<td bgcolor=green>18<td>19<td
    bgcolor=red>20

    </tr>

    <tr><td>21<td>22<td>23<td>24<td bgcolor=green>25<td>26<td
    bgcolor=red>27

    </tr>

    <tr><td>28<td>29<td>30<td>.<td bgcolor=green>.<td>.<td
    bgcolor=red>.

    </tr>

    </table>

    <td>

    <table border=2>

    <caption align=top><h4>JUL</h4></caption>

    <tr><td>Mon<td>Tue<td>Wed<td>Thu<td bgcolor=green>Fri<td>Sat<td
    bgcolor=red>Sun

    </tr>

    <tr><TD>.<td>.<td>.<td>1<td bgcolor=green>2<td>3<td
    bgcolor=red>4

    </tr>

    <tr><td>5<td>6<td>7<td>8<td bgcolor=green>9<td>10<td
    bgcolor=red>11

    </tr>

    <tr><td>12<td>13<td>14<td>15<td bgcolor=green>16<td>17<td
    bgcolor=red>18

    </tr>
    Muhmmad Asif/handout3 10 | P a g e Web Design And development

    <tr><td>19<td>20<td>21<td>22<td bgcolor=green>23<td>24<td
    bgcolor=red>25

    </tr>

    <tr><td>26<td>27<td>28<td>29<td bgcolor=green>30<td>31<td
    bgcolor=red>.

    </tr>

    </table>

    <td>

    <table border=2>

    <caption align=top><h4>AUG</h4></caption>

    <tr><td>Mon<td>Tue<td>Wed<td>Thu<td bgcolor=green>Fri<td>Sat<td
    bgcolor=red>Sun

    </tr>

    <tr><TD>30<td>31<td>.<td>.<td bgcolor=green>.<td>.<td
    bgcolor=red>1

    </tr>

    <tr><td>2<td>3<td>4<td>5<td bgcolor=green>6<td>7<td
    bgcolor=red>8

    </tr>

    <tr><td>9<td>10<td>11<td>12<td bgcolor=green>13<td>14<td
    bgcolor=red>15

    </tr>

    <tr><td>16<td>17<td>18<td>19<td bgcolor=green>20<td>21<td
    bgcolor=red>22

    </tr>

    <tr><td>23<td>24<td>25<td>26<td bgcolor=green>27<td>28<td
    bgcolor=red>29
    Muhmmad Asif/handout3 11 | P a g e Web Design And development

    </tr>

    </table>

    </tr>

    <tr>

    <td>

    <table border=2>

    <caption align=top><h4>SEP</h4></caption>

    <tr><td>Mon<td>Tue<td>Wed<td>Thu<td bgcolor=green>Fri<td>Sat<td
    bgcolor=red>Sun

    </tr>

    <TR><TD>.<td>.<td>1<td>2<td bgcolor=green>3<td>4<td
    bgcolor=red>5

    </TR>

    <tr><td>6<td>7<td>8<td>9<td bgcolor=green>10<td>11<td
    bgcolor=red>12

    </tr>

    <tr><td>13<td>14<td>15<td>16<td bgcolor=green>17<td>18<td
    bgcolor=red>19

    </tr>

    <tr><td>20<td>21<td>22<td>23<td bgcolor=green>24<td>25<td
    bgcolor=red>26

    </tr>

    <tr><td>27<td>28<td>29<td>30<td bgcolor=green>.<td>.<td
    bgcolor=red>.

    </tr>

    </table>
    Muhmmad Asif/handout3 12 | P a g e Web Design And development

    <td><table border=2>

    <caption align=top><h4>OCT</h4></caption>

    <tr><td>Mon<td>Tue<td>wed<td>Thu<td bgcolor=green>Fri<td>Sat<td
    bgcolor=red>Sun

    </tr>

    <tr><td>.<td>.<td>.<td>.<td bgcolor=green>1<td>2<td bgcolor=red>3

    </tr>

    <tr><td>4<td>5<td>6<td>7<td bgcolor=green>8<td>9<td
    bgcolor=red>10

    </tr>

    <tr><td>11<td>12<td>13<td>14<td bgcolor=green>15<td>16<td
    bgcolor=red>17

    </tr>

    <tr><td>18<td>19<td>20<td>21<td bgcolor=green>22<td>23<td
    bgcolor=red>24

    </tr>

    <tr><td>25<td>26<td>27<td>28<td bgcolor=green>29<td>30<td
    bgcolor=red>31

    </tr>

    </table>

    <td>

    <table border=2>

    <caption align=top><h4>NOV</h4></caption>

    <tr><td>Mon<td>Tue<td>Wed<td>Thu<td bgcolor=green>Fri<td>Sat<td
    bgcolor=red>Sun

    </tr>
    Muhmmad Asif/handout3 13 | P a g e Web Design And development

    <tr><td>1<td>2<td>3<td>4<td bgcolor=green>5<td>6<td
    bgcolor=red>7

    </tr>

    <tr><td>8<td>9<td>10<td>11<td bgcolor=green>12<td>13<td
    bgcolor=red>14

    </tr>

    <tr><td>15<td>16<td>17<td>18<td bgcolor=green>19<td>20<td
    bgcolor=red>21

    </tr>

    <tr><td>22<td>23<td>24<td>25<td bgcolor=green>26<td>27<td
    bgcolor=red>28

    </tr>

    <tr><td>29<td>30<td>.<td>.<td bgcolor=green>.<td>.<td
    bgcolor=red>.

    </table>

    <td>

    <table border=2>

    <caption align=top><h4>DEC</h4></caption>

    <tr><td>Mon<td>Tue<td>Wed<td>Thu<td bgcolor=green>Fri<td>Sat<td
    bgcolor=red>Sun

    </tr>

    <TR><TD>.<td>.<td>1<td>2<td bgcolor=green>3<td>4<td
    bgcolor=red>5

    </TR>

    <tr><td>6<td>7<td>8<td>9<td bgcolor=green>10<td>11<td
    bgcolor=red>12

    </tr>
    Muhmmad Asif/handout3 14 | P a g e Web Design And development

    <tr><td>13<td>14<td>15<td>16<td bgcolor=green>17<td>18<td
    bgcolor=red>19

    </tr>

    <tr><td>20<td>21<td>22<td>23<td bgcolor=green>24<td>25<td
    bgcolor=red>26

    </tr>

    <tr><td>27<td>28<td>29<td>30<td bgcolor=green>31<td>.<td
    bgcolor=red>.

    </tr>

    </table>

    </table>

    </body>

    </html>

    S-ar putea să vă placă și