+- انجمن های تخصصی فلش خور (http://www.flashkhor.com/forum)
+-- انجمن: رایانه (http://www.flashkhor.com/forum/forumdisplay.php?fid=27)
+--- انجمن: آموزش رایانه و اینترنت (http://www.flashkhor.com/forum/forumdisplay.php?fid=60)
+--- موضوع: آموزش تگ thead در HTML (/showthread.php?tid=296935)
آموزش تگ thead در HTML - Mohlek - 13-05-2021
تگ Thead در HTML
تگ thead تگی است که در درون تگ Table مورد استفاده قرار میگیرد و با استفاده از آن میتوان یک هدر یا سربرگ ثابتی را برای جدول مان ایجاد و تعریف نماییم.
اینکه میگم ثابت یعنی اینکه شما یکبار هدرتون رو تعریف میکنید و این هدر بصورت ثابت در قسمت بالایی جدول قرار میگیرد ، و در ادامه اگه خواستید هدر رو ویرایش کنید خیلی راحت میتونید اینکارو انجام بدید.
علاوه بر تگ Thead ما ۲ تگ دیگه به نام های Tbody و Tfoot هم داریم، که تگ Tbody برای ایجاد بدنه اصلی جدول (بصورت ثابت) می باشد و تگ Tfoot نیز برای تعریف قسمت پایینی جدول (فوتر) می باشد.
کد:
<!DOCTYPE html>
<html>
<head>
<style>
table{
width:100%;
}
tbody{
color:blue;
}
thead{
color:red;
}
tfoot{
color:green;
}
table,td{
border:2px solid blue;
border-collapse: collapse;
}
</style>
</head>
<body dir="rtl">
<table>
<thead>
<tr>
<th>نام محصول</th>
<th>تعداد</th>
</tr>
</thead>
<tbody>
<tr>
<td>برنج</td>
<td>5</td>
</tr>
<tr>
<td>روغن</td>
<td>8</td>
</tr>
<tr>
<td>قند</td>
<td>3</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>جمع کل محصولات : 3</td>
<td>جمع کل تعداد : 16</td>
</tr>
</tfoot>
</table>
</body>
</html>