کار با جدول ها – ایجاد

در سلسله آموزشهای طراحی سایت آنلاینر به طراحی بدون جداول (table less) پرداختیم.

در این مقاله قصد کار بیشتر با جداول را داریم.

برای ایجاد یک جدول همان طور که در آموزش ها قبلی ذکر شد باید از 3 تگ استفاده کنید.

تگ TABLE:

این تگ شروع کننده و تمام کننده جدول است و در ابتدا و انتهای کد ها قرار خواهد گرفت.

تگ TR:

این تگ برای ایجاد یک سطر در جدول استفاده میشود. این نکته را در نظر داشته باشید که اگر سطری را در جدول ایجاد کنید هنوز هیچ سلولی در آن درج نکرده اید و نمیتوانید محتوایی در آن قرار دهید.

تگ TD:

توسط این تگ میتوانید یک سلول را ایجاد کنید. نکته حائز اهمیت این است که این تگ همیشه در تگ TR درج میشود. به عبارت دیگر تا سطری ایجاد نشود هیچ سلولی ایجاد نخواهد شد.

مثال زیر نمونه ساده ای از یک جدول است.

[html]

<html>

<head>

</head>

<body>

<table>

<tr>

<td> 1 </td>

<td> 2 </td>

</tr>

<tr>

<td> 3 </td>

<td> 4 </td>

</tr>

</table>

</body>

</html>

[/html]

میتوانید برای تک تک سلول ها ویا سطر ها صفات مورد نظرتان را اعمال کنید. به عنوان مثال در کد زیر رنگ زمینه سلول شماره 3 به رنگ قرمز در خواهد آمد.

[html]

<html>

<head>

</head>

<body>

<table>

<tr>

<td> 1 </td>

<td> 2 </td>

</tr>

<tr>

<td backcolor=red> 3 </td>

<td> 4 </td>

</tr>

</table>

</body>

</html>

[/html]

در آموزش بعد به  Merge کردن سلول ها میپردازیم.

با آنلاینر همراه شوید …

به این صفحه رتبه دهید
مشاوره رایگان
Scroll to Top