-
698 بازدید
-
08 مهر 1395
-
دیدگاه‌ها برای ساخت جدول در html بسته هستند
-
آموزش, آموزش html
استفاده از جداول ، شیوه ای مناسب برای نمایش اطلاعات دسته بندی شده و منظم می باشد . در html از تگ <table> برای ساخت یک جدول استفاده می شود . شروع جدول را با تگ شروع <table> و پایان جدول را با تگ پایان <table/> اعلام می کنیم . درون این دو تگ ، با هر تگ <tr> می توانیم یک سطر برای جدول ایجاد کنیم . درون زوج تگ <tr> و <tr/> ، با هر تگ <td> می توانیم یک خانه برای آن سطر ایجاد کنیم .
به مثال زیر توجه کنید.
جدولی با 2 سطر و 2 ستون می سازیم :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<html> <head> </head> <body> <table border="1"> <tr> <td>cell number 1</td> <td>cell number 2</td> </tr> <tr> <td>cell number 3</td> <td>cell number 4</td> </tr> </table> </body> </html> |
نتیجه :
| cell number 1 |
cell number 2 |
| cell number 3 |
cell number 4 |
باید دقت داشته باشید که برای تگ <table> ، مشخصه border را برابر 1 قرار داده ایم . اگر این مشخصه را تعیین نکنیم ، جدول بدون دیواره نمایش داده می شود . این حالت را در مثال زیر بررسی می کنیم :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<html> <head> </head> <body> <table> <tr> <td>cell number 1</td> <td>cell number 2</td> </tr> <tr> <td>cell number 3</td> <td>cell number 4</td> </tr> </table> </body> </html> |
نتیجه :
| cell number 1 |
cell number 2 |
| cell number 3 |
cell number 4 |
مشاهده می کنید که جدول بدون دیواره می باشد .
سورس فروشگاه اینترنتی اندروید
سورس کتاب اندروید
دانلود سورس موبوگرام
دانلود سورس تلگرام
