ساخت جدول در html
جداول خیلی در برنامه نویسی تحت وب پرکاربرد و مهم هستند.
برای ایجاد جدول با زبان html به صورت زیر عمل می کنیم:
<!DOCTYPE html>
<html>
<body>
<table style="width:100%">
<tr>
<th>شماره</th>
<th>نام</th>
<th>نام خانوادگی</th>
</tr>
<tr>
<td>1105</td>
<td>آرمان</td>
<td>بابایی</td>
</tr>
<tr>
<td>1263</td>
<td>حمید</td>
<td>رضایی</td>
</tr>
</table>
</body>
- با تگ <table> جدول را ایجاد می کنیم
- با تگ <tr> یک سطر ایجاد می کنیم
- با تگ <th> برای جدول هدر ایجاد می کنیم
- با تگ <td> برای سلول های جدول دیتا ست می کنیم.
برای اینکه یک متن توضیح یا caption برای جدول ایجاد کنیم به صورت زیر عمل خواهیم کرد:
<!DOCTYPE html>
<html>
<body>
<table style="width:100%">
<caption>سایت چسبون</caption>
<tr>
<th>شماره</th>
<th>نام</th>
<th>نام خانوادگی</th>
</tr>
<tr>
<td>1105</td>
<td>آرمان</td>
<td>بابایی</td>
</tr>
<tr>
<td>1263</td>
<td>حمید</td>
<td>رضایی</td>
</tr>
</table>
</body>
با خاصیت یا attribute ای که border نام دارد می توان خطوط جدول را تحت کنترل گرفت.
برای مثال:
<!DOCTYPE html>
<html>
<body>
<table border="1">
<caption>سایت چسبون</caption>
<tr>
<th>شماره</th>
<th>نام</th>
<th>نام خانوادگی</th>
</tr>
<tr>
<td>1105</td>
<td>آرمان</td>
<td>بابایی</td>
</tr>
<tr>
<td>1263</td>
<td>حمید</td>
<td>رضایی</td>
</tr>
</table>
</body>
دقت کنید که به صورت پیشفرض border برابر با صفر است و وقتی border برابر با صفر باشد خطوط جدول نمایان نخواهند شد. اگر border را برابر با 1 قرار دهید خطوط نمایان خواهند شد.