شما می توانید با عضویت در انجمن پرسش و پاسخ درسمن هرگونه سوالی دارید را مطرح کنید


ساخت جدول در صفحات


ساخت جدول در صفحات
برای دانلود و دیدن آنلاین این درس نیاز است وارد سایت شوید. در صورت نداشتن حساب کاربری عضو شوید.

ساخت جدول در صفحات

برای ایجاد جدول از تگ <table></table> استفاده می‌کنیم، و برای ایجاد سطرهای جدول از تگ <tr></tr> استفاده می‌کنیم و برای ایجاد ستون‌های هر سطر از تگ <td></td> استفاده می‌کنیم.
برای اینکه جدول ما دیده شود به تگ <table></table> صفت “”=border را نسبت می‌دهیم و عدد دلخواه را که نشانه پیکسل است را به آن اختصاص می‌دهیم.  اگر این صفت را به هر یک از تگ‌های داخل جدول بدهیم فقط آن قسمت دیده می‌شود و اگر آن را به تگ <table></table> دهیم همه‌ی جدول دیده می‌شود.

 

 

<DOCTYPE html!>

< Html>

< head>

<title>آموزش وب</title>

</ head>

< body>

<“table   border=”1>

<tr>

<td>نام</td>

<td>نام خانوادگی</td>

</tr>

<tr>

<td>علی</td>

<td>مرادی</td>

</tr>

</table>

</ body>

</ Html>

 

هنگامی‌که یک ستون‌داریم و می‌خواهیم به‌اندازه دو یا چند ستون جا بگیرد به تگ <td></td> صفت “”=colspan را می‌دهیم.

 

<DOCTYPE html!>

< Html>

< head>

<title>آموزش وب</title>

</ head>

< body>

<“table   border=”1>

<tr>

<td>نام</td>

<td>نام خانوادگی</td>

</tr>

<tr>

<“td   colspan=”2>علی مرادی</td>

</tr>

</table>

</ body>

</ Html>
برای این‌که سطر اول جدول مانند تیتر باشد و با بقیه متفاوت باشد فقط در اولین تگ <tr></tr> به‌جای تگ <td></td> از تگ <th></th> استفاده می‌کنیم.

 

<DOCTYPE html!>

< Html>

< head>

<title>آموزش وب</title>

</ head>

< body>

<“table   border=”1>

<tr>

<th>نام</th>

<th>نام خانوادگی</th>

</tr>

<tr>

<td>علی</td>

<td>مرادی</td>

</tr>

</table>

</ body>

</ Html>
برای اینکه محتوای صفحه در وسط قرار بگیرد از تگ <center></center> استفاده می‌کنیم.

 

<DOCTYPE html!>

< Html>

< head>

<title>آموزش وب</title>

</ head>

< body>

<center>

<“table   border=”1>

<tr>

<th>نام</th>

<th>نام خانوادگی</th>

</tr>

<tr>

<td>علی</td>

<td>مرادی</td>

</tr>

</table>

</center>

</ body>

</ Html>
اگر برنامه را اجرا کرده باشید می‌بینید که صفحه از چپ به راست جدول را می‌چیند. برای اینکه صفحه خود را از راست به چپ کنیم باید صفت “”=dir را به تگ <body></body> داده و مقدار آن را rtl پر کنیم.

 

<DOCTYPE html!>

< Html>

< head>

<title>آموزش وب</title>

</ head>

<“body   dir=”rtl>

<“table   border=”1>

<tr>

<th>نام</th>

<th>نام خانوادگی</th>

</tr>

<tr>

<td>علی</td>

<td>مرادی</td>

</tr>

</table>

</ body>

</ Html>

 


برچسب ها :

ساخت جدول در html ساخت table در html

نظر بدهید

نشانی ایمیل شما منتشر نخواهد شد .
برای ارسال نظر نیاز است وارد سایت شوید. در صورت نداشتن حساب کاربری عضو شوید.
13 جلسه برای دوره آموزش جامع HTML

دوره آموزش جامع HTML


تعداد جلسات 13 جلسه
مدت زمان 408 دقیقه
سطح مهارت مقدماتی تا پیشرفته
زبان فارسی
دانشجو 77 دانشجو
گواهی نامه ندارد
قیمت دوره : 0 تومان
رایگان
مهدی عباسی
مهدی عباسی

درباره مدرس :

مدیر‌ عامل‌ شرکت آریا‌ نرم‌‌ افزار دارنده مدرک کارشناسی‌ ارشد مهندسی کامپیوتر 12‌ سال سابقه تدریس دروس کامپیوتر را در دانشگاههای دولتی، آزاد، پیام‌نور ملایر، شهیدشمسی‌پور تهران و تدریس برنامه‌نویسی در انیستیتو ایزایران، مجتمع فنی و موسسه راه‌آینده تهران دارا میباشد و تا به حال راهنمایی انجمنهای علمی دانشگاه و صدها پروژه دانشجویی را برعهده داشته است. تخصص اصلی: با داشتن گواهی‌نامه‌های معتبر تدریس از انیستیتو‌ ایزایران، راه آینده‌تهران و سازمان‌فنی‌حرفه‌ای، تدریس و آموزش‌ دروس کامپیوتر، ‌برنامه‌نویسی کامپیوتر و کلاسهای کنکور کارشناسی و کارشناسی‌ارشد میباشد.همچنین تجربه داوری و نظارت مسابقات برنامه‌نویسی کشوری‌ACM را در سالهای متعدد داشته و تیم مورد رهبری ایشان در 3سال متوالی مقام اول مسابقات کشوری را از آن خود کرده است.ایشان مقالاتی در زمینه شبکه‌های کامپیوتری، تکنیک‌های وزارت دفاع و ... به ثبت رسانده و مشاور و کارشناس در طراحی و برنامه نویسی بیش از 50‌برنامه کاربردی تحت وب و ویندوز و موبایل میباشد. افتخارات دیگر:کسب مقام دوم ایده‌های برتر در مسابقات استارت‌آپ و بکند کشوری را نام برد.