Scribd
Upload
6 views

Tutorial # 2

This document provides a tutorial on HTML tables and lists. It explains how to create tables with rows and cells, and how to add borders, background colors and images. It also covers ordered and unordered lists.

Uploaded by

saqib khaskheli
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
6 views

Tutorial # 2

This document provides a tutorial on HTML tables and lists. It explains how to create tables with rows and cells, and how to add borders, background colors and images. It also covers ordered and unordered lists.

Uploaded by

saqib khaskheli
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 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

[email protected]

You might also like