بخش پنجم آموزش اچ تی ام ال

در این بخش به جداول ولیست ها میپردازیم

جدول ها:

جداول توسط تگ <table> تعریف می شوند.

هر جدول می تواند چندین سطر داشته باشد، که این سطرها بوسیله تگ <tr> تعریف می شوند و هر سطر توسط تگ <td> به چندین ستون تقسیم می شوند. هر ستون می تواند شامل متن، لینک، عکس، لیست، فرم، و حتی جدول و ... هم باشد.

<table border="1">

<tr>

<td>row 1, cell 1</td>

<td>row 1, cell 2</td>

</tr>

<tr>

<td>row 2, cell 1</td>

<td>row 2, cell 2</td>

</tr>

</table>

خروجی کد بالا به صورت زیر می شود:

عناوین جداول:

 عناوین در جداول با استفاده از تگ <th> تعریف می شوند.

بیشتر مرورگرها، عناوین جدول ها را به صورت توپر و وسط چین نمایش می دهند.

<table border="1">

<tr>

<th>Header 1</th>

<th>Header 2</th>

</tr>

<tr>

<td>row 1, cell 1</td>

<td>row 1, cell 2</td>

</tr>

<tr>

<td>row 2, cell 1</td>

<td>row 2, cell 2</td>

</tr>

</table>

نتیجه کد بالا:

لیست ها:

لیست های HTML معمولا به صورت مرتب(ordered)  و نامرتب(unordered) می باشند.

لیست مرتب:

1. آیتم شماره یک
2. آیتم شماره دو
3. آیتم شماره سه

لیست نامرتب:

• آیتم لیست
• آیتم لیست
• آیتم لیست

 لیست مرتب:

لیست مرتب با تگ <ol> شروع می شود، هر آیتم هم با تگ <li> مشخص می شود. در لیست های مرتب هر آیتم با یک عدد مشخص می شود.

 <dl>