استفاده از تگ های tr و td در جدول در HTML :
HTML یکی از زبان های مورد استفاده برای ساخت صفحات وب است. تگ های tr و td برای ساخت جدول در HTML استفاده می شوند. جدول، یکی از ابزارهای پرکاربرد در وب است که می تواند برای نمایش اطلاعات به صورت ساختارمند و منظم به کار رود.
تگ tr مخفف Table Row است و برای ساخت یک سطر در جدول استفاده می شود. هر سطر می تواند شامل چندین سلول باشد که برای ساخت هر سلول از تگ td استفاده می شود. تگ td مخفف Table Data است و برای نمایش دادن داده در سطرهای جدول استفاده می شود.
برای ایجاد یک جدول در HTML، ابتدا با استفاده از تگ table یک جدول ساخته می شود. سپس با استفاده از تگ tr، یک سطر در جدول ساخته می شود و در هر سطر با استفاده از تگ td، سلول های مختلف ساخته می شود.
در مثال زیر، یک جدول با دو سطر و دو ستون ساخته شده است:
“`
| سلول 1، سطر 1 | سلول 2، سطر 1 |
| سلول 1، سطر 2 | سلول 2، سطر 2 |
“`
در این مثال، دو سطر و دو ستون ساخته شده اند و داده هایی درون سلول ها نمایش داده شده است. سلول ها در هر سطر به صورت مجاور قرار دارند و سپس به سطر بعدی می روند. این روش برای ساخت جدول های کوچک مناسب است، اما در جدول های بزرگتر ممکن است ساختار جدول پیچیده شود. در این صورت، می توان از تگ های دیگری مانند تگ th برای ساخت ستون های سربرگ استفاده کرد.
تگ th مخفف Table Header است و برای ساخت ستون های سربرگ در جدول استفاده می شود. با استفاده از تگ th، می توانیم نام ستون ها را در جدول نمایش دهیم.
در مثال زیر، یک جدول با دو سطر و دو ستون با ستون های سربرگ ساخته شده است:
“`
| نام | سن |
|---|---|
| آرمان | ۲۵ |
| سارا | ۳۰ |
“`
در این مثال، دو سطر و دو ستون ساخته شده اند و نام ستون ها در سطر اول با استفاده از تگ th نمایش داده شده است. سپس در سطرهای بعدی داده های مربوط به هر ستون قرار گرفته اند.
در نهایت، این تگ ها به صورت تو در تو نیز قابل استفاده هستند. مثلاً می توانیم درون یک سلول از یک جدول، یک جدول دیگر با استفاده از تگ های tr و td بسازیم.
در مجموع، استفاده از تگ های tr و td برای ساخت جدول در HTML بسیار ساده و قابل فهم است و می تواند به نمایش دادن داده ها به صورت منظم کمک شایانی کند.
