Table :-. किसी webpage पर table create करने की लिए <table> की आवष्यकता होती है । इसमें all text table के अंदर ही लिखा जाता है ।
Table को हम <table> के through define करते हैं । एक table line में <tr> tag की help से divide होती है और प्रत्येक line data cell में <td> की help से होती divide होती है । <td> table data के लिए use हुआ है जो कि एक data cell के लिए contents है ।
एक data cell text , image ,list , paragraph ect रख सकता है ।
Tables Coding :-
<html>
<head>
<title>table</title>
</head>
<body>
<table
border="2"bordercolor=”green”>
<td>S.NO.</td>
<td>Pro.name</td>
<td>Rate</td>
</tr>
<tr>
<td >001</td>
<td>Mobile</td>
<td
rowspan="2">500</td>
</tr>
<tr
>
<td>002</td>
<td>Cabel</td>
</tr>
<tr>
<td>003</td>
<td>Ram</td>
<td>700</td>
</tr>
<tr >
<td
colspan="2">Total</td>
<td>1200</td>
</tr>
</table>
</body>
</html>
Attribute of Table :-
1-
Tr
2-
Td
3-
Th
4-
Rowspan
5-
Colspan
6-
Border
7-
Border Color
8-
Bgcolor
9-
Background
10-
Width & Height
11-
Cellspacing
12-
Cellpadding
13-
Border Frame
14-
Align
15-
Valign
16- Caption
Table In Body using Tag :-
1- TR ( Table Row ) –इसका पूरा नाम Table Row होता है इसका प्रयोग Table के Row को display करने के लिये किया जाता है
1- TD (Table Data ) –इसका पूरा नाम Table Data होता है इसका प्रयोग Table के Data को रखने के लिये किया जाता है ।
3- TH (Table Heading ) –
इसका पूरा नामTable Heading होता है इस Option का प्रयोग Table के Field में Heading बनाने के लिये करते है ।
4- Rowspan –
इस ।Attribute की help से हम एक से अधिक rows को merge कर सकते हैं ।
Syntax :- < td rowspan= “2”>
5-Colspan –
इस ।Attribute की help से हम एक से अधिक Column को merge कर सकते हैं ।
Syntax :- < td colspan= “2”>
Table Section In using Tag :-
6- Border – Table में Border Set करने के लिये इसका प्रयोग करते है ।
Syntax :- <table border = “2” >
7-Border color – Table में Border color को set करने के लिये इसका प्रयोग करते है ।
Syntax :- <table bordercolor = “green” >
8-Bgcolor – Table में background को color करने के लिये bgcolor का नेम किया जाता है ।
Syntax :- < Table bgcolor = “green”>
9-Background – इसका use table के Background में image and wallpaper set करने के लिए किया जाता है ।
Syntax :- < Table background = “URL”>
10-Width & Height –
इन दोनों attribute
का use
table की size set करने के लिए किया जाता है इसके लिए , absolute
value , pixel and relative value का use कर सकते है।
Syntax :- < table width= “50%”>
<
table height= “30%”>
11- Cell padding –
इसका use
किसी cell
के अंदर ही space
देने के लिए किया
जाता है ।
Syntax :- < table cellpadding= “2”>
12- Cellspacing –
इसका use 2 cell के बीच में space देने के लिए किया जाता है । Table के अंदर coding किया जाता है ।
Syntax :- < table cellspacing = “4”>
13- Border Frame –इसका use Border पर फ्रेम डिजाईन करने के लिये किया जाता है फ्रेम निम्न प्रकार से होते है
1-
Box
2-
Above
3-
Below
Syntax :- <Table border Frame=
“above”>
TR In using Tag :-
14-Align – (Alignment)
इसका use table data or contents को align करने के लिए किया जाता है ।
जैसे - left , right or center .
Syntax :- <
tr align = “center”>
15-
Valign (Vertical Align) –
इसका use data को top middle and bottom alignment में set कर सकते है ।
Syntax
:- < tr valign= “bottom”>
Top Section In using Tag :-
16- Caption –
इसका use table के लिए title देने के लिए किया जाता है इसे हम table के top में and bottom दोनों में दे सकते है ।
Syntax :-< caption> RAMCHANDI COLLEGE SARAIPALI
</caption>
Welcome to OnlineGuru2020.blogspot.com, your number one source for all things related to Online Education. We're dedicated to providing you the very best of Digital Education, with an emphasis on E-notes,Download Links in PDF and youtube videos etc
OnlineGuru2020 Founded in [2020] by Sapan Kumar Das (Asst. Proff Ramchandi College Saraipali), OnlineGuru2020.blogspot.com has come a way from its beginnings .When I first started, my passion inspired me to start my own blog, seeing the need for students in lockdown2020
We hope you enjoy our products as much as we enjoy offering them to you. If you have any questions or comments, please don't hesitate to contact us.
Contact Datails:-
Mobile Number:-9826026747
Email:-sapam.online@gmail.com
Sincerely,
Sapan Kumar Das
.
No comments:
Post a Comment