Scribd Logo
Upload

Welcome to Scribd!

  • Tutorial # 2

    Uploaded by

    saqib khaskheli
    3 views3 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    3 views3 pages

    Tutorial # 2

    Uploaded by

    saqib khaskheli

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 3

    Web Development Tutorial #2 Azhar Khaskheli

    Hyper Text Markup Language

    =============================================================================================================

    Hello Guyz,

    This is our second tutorial of web development series, aaj ke tutorial mn hm html tables and lists ke bare mn prhng ..

    So lets start from tables..

    We know ke aik table mn rows hte hn aur columns hte hn, in html table hm rows ko table row kehte hn aur colum ko simply table
    data kehte hn..

    Html mn table bnane ke lye sbse pehle to hmn ak table bnani hgi jo <table> se bnegi aur is tag ko close krna bh lazmi he

    Iske bad hmn iske beech mn rows btani pregi ke ktni rows ho, us ke lye simply hm <tr> </tr> lkhte hn

    <table>

    <tr>

    </tr>

    <tr>

    </tr>

    </table>

    Yahan hmne do rows lkhi hn aap dow se zyada lgaoo jtni lgao aapki mrzi

    Now hr row mn hmn kch data lgani hgi

    Uske lye simply <td></td> hgi

    <table>

    <tr>

    <td> Name </td> <td> Reg Num </td>

    </tr>

    <tr>

    <td> Azhar Khaskheli </td> <td>2k14-IT-31</td>

    </tr>

    </table>

    Jese ke aapne dekha ke iske output mn koi bh border nh he pr ye he tabular form mn ,, if yu want ke border bh aae to aap table tag
    mn border attribute lgaen

    <table border=1>

    Now if yu want ke ooper wali row he wo thori bold ho,,, kioke ase to sb ak jese lg rhe hn.
    Aap first wali row mn <td> ke bjae aap <th> use kro

    <table>

    <tr>

    <th> Name </th> <th> Reg Num </th>

    </tr>

    <tr>

    <td> Azhar Khaskheli </td> <td>2k14-IT-31</td>

    </tr>

    </table>

    CellPadding and Cellspacing


    Cellpadding attribute table ki size set krta he aur cellspacing cells ka aaps mn distannce

    <body>
    <table border="1" cellpadding="5" cellspacing="5">
    <tr>
    <th>Name</th>
    <th>Salary</th>
    </tr>
    <tr>
    <td>Azhar Khaskheli</td>
    <td>5000</td>
    </tr>
    <tr>
    <td>Daem Khaskheli</td>
    <td>7000</td>
    </tr>
    </table>
    </body>

    Yu can set table background Color and Image,, same treeke se jese hmne body ka kyat ha..
    Yu can create nested tables (table ke andr table)
    Yu can set table height and width sam tareeke se jese image ka kyat ha hmne,
    HTML Lists
    Html mn lists do type ki hti hn ik ordered list and dsri unordered list,
    Lets try Unordered List first
    Iske lye hmn sbse pehle <ul> </ul> lgana hga phr iske beech mn hmn list items lgane hng jo <li> se hng
    <ul>
    <li> ITC </list>
    <li> FCPD </list>
    <li> FCPT </list>
    <li> AHVS </list>
    <li> FAE </list>
    </ul>

    Similarly ordered list ke lye ul ki jagah ol lkhye baqi sb same hi hga


    <ol>
    <li> ITC </list>
    <li> FCPD </list>
    <li> FCPT </list>
    <li> AHVS </list>
    <li> FAE </list>
    </ol>

    I hope aapko lists aur table smjh aagai hng,,

    Inshallah on next tutorial we will go to , Links

    Take Care of yu

    See yu on next tutorial

    Regards

    Azhar Khaskheli

    azharkhaskheli@gmail.com

    You might also like