آموزش ساخت جدول توسط زبان Html – آموزش طراحی سایت

پیشگفتار : با سلام و عرض ادب و احترام ، با توجه به مقاله 2 آموزش طراحی سایت در این پست قصد داریم ادامه آموزش برنامه نویسی به زبان Html را بدهیم، اگر در آموزش مقاله 2 مشکل یا ایرادی داشتید در همان پست مشکل خود را در قسمت نظرات بیان کنید تا به موضوع رسیدگی شود.

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

آموزش ساخت جدول توسط زبان Html

برای طراحی و ساخت جداول در زبان html به تگ Table و زیر شاخه های آن نیاز داریم که در این پست کامل به شما آموزش خواهم داد.

ایجاد جدول با تگ table :

برای ایجاد جدول با تگ table باید مانند مراحل اولیه ایجاد یک سند html ( در مقاله قبلی توضیح داده شد ) از کد ها و تگ های معرفی کنند صفحه به زبان و موقعیت برنامه استفاده کنیم تا سیستم صفحه ما را شناسایی کند که با چه زبانی نوشته شده و این تگ در کجای این صفحه باید قرار بگیرد، در ادامه بیشتر متوجه خواهید شد هم اکنون به مثال زیر توجه فرمایید :

<html>  <!-- نمونه کد نویسی با تگ های استاندارد -->
 
<head>
<title> آموزش طراحی سایت با آی وحید </title>
</head>

<body>

<table> <!-- باز کردن تگ جدول -->
<!-- مکان قرار گیری مقادیر ورودی -->
</table> <!-- بستن  تگ جدول -->

</body>
 
</html>

استفاده از مقدار td در تگ table :

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

<html>  <!-- نمونه کد نویسی با تگ های استاندارد -->
 
<head>
<title> آموزش طراحی سایت با آی وحید </title>
</head>

<body>

<table> <!-- باز کردن تگ جدول -->
<td>
ردیف 1
</td>
<td>
ردیف 2
</td>
</table> <!-- بستن  تگ جدول -->

</body>
 
</html>

استفاده از مقدار tr در تگ table :

جهت نمایش دادن ستون های جدول از تگ استفاده میکنیم.

<html>  <!-- نمونه کد نویسی با تگ های استاندارد -->
 
<head>
<title> آموزش طراحی سایت با آی وحید </title>
</head>

<body>

<table> <!-- باز کردن تگ جدول -->
<td>
ردیف 1
</td>
<td>
ردیف 2
</td>
<tr>  <!-- تگ tr -->
<td>
نام :
</td>
<td>
نام خانوادگی :
</td>
</table> <!-- بستن  تگ جدول -->

</body>
 
</html>