آموزش تگ col در HTML
1. توضیح مفهومی تگ col در HTML
تگ <col> در HTML برای تعیین ویژگی‌های ستون‌های جدول استفاده می‌شود. این تگ معمولاً به همراه تگ <colgroup> استفاده می‌شود و این اجازه را می‌دهد که ویژگی‌هایی مانند عرض، رنگ پس‌زمینه و … برای ستون‌ها مشخص شود.
2. ویژگی‌های تگ col
تگ <col> دارای ویژگی‌های زیر است:
- span: تعداد ستون‌هایی که این تگ بر روی آنها اعمال می‌شود را مشخص می‌کند.
- width: عرض ستون را مشخص می‌کند.
- class: کلاس CSS را برای ستون مشخص می‌کند.
- style: استایل CSS خاص برای ستون را تعیین می‌کند.
3. نحوه استفاده از تگ col
<col span="تعداد_ستون‌ها" width="عرض" class="کلاس" style="استایل">4. مثال کاربردی
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>مثال تگ <col></title>
<style>
.highlight {
background-color: #f0f0f0;
font-weight: bold;
}
</style>
</head>
<body>
<h1>نمونه استفاده از تگ <code><col></code></h1>
<table border="1">
<colgroup>
<col width="100">
<col width="200">
<col width="150">
</colgroup>
<tr>
<td class="highlight">ستون 1</td>
<td>ستون 2</td>
<td class="highlight">ستون 3</td>
</tr>
<tr>
<td>ستون 1</td>
<td class="highlight">ستون 2</td>
<td>ستون 3</td>
</tr>
</table>
</body>
</html>5. توضیحات
- تگ
<col>در HTML برای تعیین ویژگی‌های ستون‌های جدول استفاده می‌شود. - استفاده از این تگ به همراه تگ
<colgroup>به منظور مشخص کردن ویژگی‌های یک گروه از ستون‌ها پیشنهاد می‌شود. - می‌توانید با استفاده از ویژگی‌های
spanوwidthعرض و تعداد ستون‌هایی که این تگ بر روی آنها اعمال می‌شود را تعیین کنید. - با استفاده از ویژگی‌های
classوstyleمی‌توانید استایل‌های CSS را برای ستون‌ها تعیین کنید و آنها را به طور شخصی‌سازی شده نمایش دهید
برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید. صفحه ورود و ثبت نام