طراحی سایت

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

مشاوره رایگان

برای مشاوره در زمینه
سایت و سئو
با ما تماس بگیرید.

شبکه های اجتماعی ما
دوره سئو مقدماتی

یک دوره مقدماتی و رایگان سئو که بسیار پربار و سرشار از تجربه مدرس و با کیفیت بالا تهیه شده تا بتوانید در زمان کمتری وب سایت را سئو کنید.

1380 نفر
2 دقیقه
گروه آموزش طراحی سایت
بروزرسانی در: خرداد 12, 1392

فهرست مطالب

در سلسله آموزشهای طراحی سایت آنلاینر به طراحی بدون جداول (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 کردن سلول ها میپردازیم.

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

به این صفحه رتبه دهید
بدون دیدگاه
انتشار: خرداد 12, 1392
طراحی سایت خود را به ما بسپارید!
همین حالا برای مشاوره رایگان اقدام کنید.
طراحی سایت خود را به ما بسپارید!
همین حالا برای مشاوره رایگان اقدام کنید.
گروه آموزش طراحی سایت

دیدگاه ها بسته شده اند.

آیا نیازمند راهنمایی هستید؟
همین حالا برای مشاوره رایگان اقدام کنید
با پر کردن فرم، یک قدم به رشد آنلاین نزدیک‌تر شوید!
فرم درخواست مشاوره

برای راحتی شما عزیزان می‌توانید اطلاعات خود را در کادر زیر وارد کنید تا کارشناسان ما با شما تماس بگیرند

مشاوره رایگان
پیمایش به بالا