تگ <th></th> در html - وب سایت PNLdev

نمونه کد

A simple <th> tag that open PNLdev.com link:

<table>
<tr>
<th>HTML</th>
<th>CSS</th>
</tr>
<tr>
<td>PHP</td>
<td>PYTHON</td>
</tr>
<tr>
<td>JS</td>
<td>SQL</td>
</tr>
</table>

آزمایشگاه

تعریف و کاربرد

تگ <th> سلول اصلی یک تگ <table> را تشکیل می دهد.ی کند.

متن بارگذاری شده در تگ <th> نیز به صورت خودکار و پیشفرض نسبت به سایر سلول ها، بزرگ تر (تعداد پیکسل بیشتر) و در جایگاهی مشخص تر (وسط چین) قرار دارد.

برای اطلاعات بیشتر راجع به این تگ ها به صفحه ی آموزش table ها بروید.

سازگاری با مرورگر

#	کروم	ادج	فایرفاکس	سافاری	اپرا
<th>

ویژگی ها

ویژگی ها	مقادیر	توضیحات
colspan	number	تعداد ستون هایی که یک سلول در جدول محتوایی در آنها قرار می گیرد را مشخص می کند.
headers	header-id	یک و یا چند سلول سر صفحه را تعیین می کند که به یک سلول داخل جدول مربوط می شود.
rowspan	number	تعداد سطر هایی را که یک سلول در جدول محتوایی باید تحت پوشش قرار دهد را مشخص می کند.
scope	col , colgroup , row , rowgroup	fa

ویژگی های سراسری

تگ th از ویژگی های سراسری HTML پشتیبانی می کند.

ویژگی های رویداد

تگ th از ویژگی های رویداد HTML پشتیبانی می کند.

نمونه کد های بیشتر

نمونه کد

HTML یک نمونه کد ساده از تگ <textarea> مثال شماره 1

<table style="width:100%">
    <tr>
        <th style="text-align:left">Coffee</th>
        <th style="text-align:left">Tea</th>
    </tr>
    <tr>
        <td>Espresso</td>
        <td>masala tea</td>
    </tr>
    <tr>
        <td>Latte</td>
        <td>Saffron tea</td>
    </tr>
</table>

آزمایشگاه

نمونه کد

تگ <th> در HTML با استایل اختصاصی- مثال شماره 2

<table>
    <tr>
        <th style="background-color: #38ff00;">Coffee</th>
        <th style="background-color: #19d4ff;">Tea</th>
    </tr>
    <tr>
        <td>Espresso</td>
        <td>masala tea</td>
    </tr>
    <tr>
        <td>Latte</td>
        <td>Saffron tea</td>
    </tr>
</table>

آزمایشگاه

نمونه کد

تگ <th> در HTML با استایل اختصاصی- مثال شماره 3

<table>
    <tr>
        <th style="height:100px">Coffee</th>
        <th style="height:100px">Tea</th>
    </tr>
    <tr>
        <td>Espresso</td>
        <td>masala tea</td>
    </tr>
    <tr>
        <td>Latte</td>
        <td>Saffron tea</td>
    </tr>
</table>

آزمایشگاه

نمونه کد

تگ <th> در HTML با استایل اختصاصی- مثال شماره 4

<table>
    <tr>
        <th>HTML</th>
        <th style="white-space:nowrap">HTML: Web markup language for structuring and communicating content on web pages</th>
    </tr>
    <tr>
        <td>css</td>
        <td>js</td>
    </tr>
</table>

آزمایشگاه

نمونه کد

تگ <th> در HTML با استایل اختصاصی- مثال شماره 5

<table style="width:25%;">
    <tr style="height:100px">
        <th style="vertical-align:bottom">Coffee</th>
        <th style="vertical-align:bottom">Tea</th>
    </tr>
    <tr>
        <td>Espresso</td>
        <td>masala tea</td>
    </tr>
</table>

آزمایشگاه

نمونه کد

تگ <th> در HTML با استایل اختصاصی- مثال شماره 6

<table style="width:100%;">
    <tr>
        <th style="width:65%;">Coffee</th>
        <th style="width:35%;">Tea</th>
    </tr>
    <tr>
        <td>Espresso</td>
        <td>masala tea</td>
    </tr>
</table>

آزمایشگاه

نمونه کد

تگ <th> در HTML با استایل اختصاصی- مثال شماره 7

<head>
    <style>
        tbody, th, td{
        	border: 1px solid black;
        }
    </style>
</head>
<body>
    <table>
        <tr>
            <th>name</th>
            <th>email</th>
            <th>tel</th>
        </tr>
        <tr>
            <td>ali heydari</td>
            <td>aliheydari@gmail.com</td>
            <td>09124552545</td>
        </tr>
    </table>
    <hr>
    <table>
        <tr>
            <th>name</th>
            <td>ali heydari</td>
        </tr>
        <tr>
            <th>email</th>
            <td>aliheydari@gmail.com</td>
        </tr>
        <tr>
            <th>tel</th>
            <td>09124552545</td>
        </tr>
    </table>
</body>

آزمایشگاه

نمونه کد

تگ <th> در HTML با استایل اختصاصی- مثال شماره 8

<table>
    <caption>All kinds of tea and coffee</caption>
    <tr>
        <th>Coffee</th>
        <th>Tea</th>
    </tr>
    <tr>
        <td>Espresso</td>
        <td>masala tea</td>
    </tr>
    <tr>
        <td>Latte</td>
        <td>Saffron tea</td>
    </tr>
</table>

آزمایشگاه

استایل css پیش فرض

بیشتر مرورگر ها تگ th را با استایل پیشفرض زیر نمایش می دهند:

th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: center;
}

تگ <th> در HTML <th></th> tag HTML

نمونه کد

تعریف و کاربرد

سازگاری با مرورگر

ویژگی ها

ویژگی های سراسری

ویژگی های رویداد

نمونه کد های بیشتر

نمونه کد

نمونه کد

نمونه کد

نمونه کد

نمونه کد

نمونه کد

نمونه کد

نمونه کد

استایل css پیش فرض

تگ <th> در HTML
<th></th> tag HTML