آموزش HTML

در HTML برای ایجاد جدول از <table> و <tr> و <td> به شکل زیر استفاده می شود.

<table style="border:1px solid #ccc;"> <tr> <td>نام</td> <td>نام خانوادگی</td> <td>تلفن</td> </tr> <td>حافظ</td> <td>شیرازی</td> <td>001 552525</td> </tr> <tr> <td>هاتف</td> <td>اصفهانی</td> <td>+042 665255 </td> </tr> <tr> <td>مل</td> <td>گیبسون</td> <td>+021 665255 </td> </tr> </table>

که خروجی آن به شکل زیر خواهد بود:

نام نام خانوادگی تلفن
حافظ شیرازی 001 552525
هاتف اصفهانی +042 665255
مل گیبسون +021 665255

و اگر یک استایل CSS مثل کد زیر را در بخش head سایت اضافه کنید، جدول بودن آن بیشتر به چشم می آید:

<style> table { border-collapse: collapse; width: 100%; } td, th { border: 1px solid #000000; padding: 8px; } </style>

خروجی آن بعد از افزودن کد css بالا به head سایت، به شکل زیر خواهد بود:

نام نام خانوادگی تلفن
حافظ شیرازی 001 552525
هاتف اصفهانی +042 665255
مل گیبسون +021 665255

اگر در مورد css هنوز چیزی نمی دانید، اصلا نگران نباشید.

تماس با ما

آدرس:

ایران - استان اصفهان - شهر فولادشهر محله ب 4- وصال شمالی
- مجتمع زمرد 1 - پلاک 19

تلفن:

52622061

ایمیل:

kherad001@yahoo.com

ما در شبکه های اجتماعی:

   

©BonsaiSoft 2022. All right reserved.