1. ليست هاي مرتب (شماره دار)
2. ليست هاي غير مرتب (گلوله دار)
3. ليست هاي تعريف
محتويات ليست را بايد بين دو دستور <OL> و </OL> قرار داد. مرورگر با رسيدن به دستور <OL> اطلاعات بين دو دستور آغازين و پاياني را به صورت ليست شماره دار تنظيم مي کند. هر کدام از اعضاي ليست را بين <li> و </li> مي نويسيم :
براي اينکه ليست مورد نظر با اشکال هندسي شروع شود اطلاعات را بين دو دستور <ul> و</ul> مي نويسيم .
با استفاده از اين دستور از ابتدا هر طور که بخواهيم ليست مورد نظر را آرايش مي دهيم.
براي جدول سازي بايد مطالب درون جرول را بين دو دستور <table> و </table> قرار داد. هر سطر از جدول بين دو دستور <tr> و </tr> جاي مي گيرد. در نهايت مطالب هر خانه از جدول در بين دستورات <td> و </td> قرار مي گيرد.
<table>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
_ويژگي هاي جدول:
1.مي توان با استفاده از ويژگي Border ضخامت حاشيه جدول را تعيين کرد. از Bordercolor و size براي رنگ و اندازه Border مي توان استفاده کرد.
<table border="عدد" bordercolor="رنگ" size="عدد">
2. در حالت عادي خود مرورگر عرض و ترتفاع جداول را بر اساس مطالب داخل آن تعيين مي نمايد اما شما مي توانيد عرض و ارتفاع جدولتان را خودتان معين کنيد. براي اين کار بايد از ويژگي هاي width و height استفاده کرد.
<table width="عدد" height="عدد">
3. با بکار بردن اين ويژگي در تگ <table> مي توان فاصله خانه هاي جدول را تعيين کرد.
<table cellspacing="عدد">
4. با بکار بردن اين ويژگي در تگ <table> مي توان فاصله بين محتويات خانه هاي جدول را با حاشيه خانه ها تعيين کرد.
<table cellpadding="عدد">
5. با بکار بردن ويژگي Bordercolordark در تگ <table> رنگ قسمت تيره حاشيه را مي توان تعيين کرد.
<table bordercolordark="رنگ">
6. با بکار بردن ويژگي Bordercolorlight در تگ <table> رنگ قسمت روشن حاشيه را مي توان تعيين کرد.
<table bordercolorlight="رنگ">
7. با بکار بردن ويژگي frame در تگ <table> مي توان نحوه نمايش فريم (چهار چوب) جدول را تعيين کرد.
مقاديري که اين ويژگي مي گيرد به اين شرح است :
above ترسيم حاشيه در ناحيه بالاي جدول
below ترسيم حاشيه در ناحيه پايين جدول
border ترسيم حاشيه در ناحيه کنار جدول
box ترسيم حاشيه در اطراف جدول
hsides ترسيم حاشيه در ناحيه بالا و پايين جدول
lhs ترسيم حاشيه در ناحيه چپ جدول
rhs ترسيم حاشيه در ناحيه راست جدول
void ترسيم جدول بدون حاشيه
vsides ترسيم حاشيه در چپ و راست جدول
8. با بکار بردن ويژگي rules در تگ <table> مي توان نحوه نمايش خطوط بين خانه هاي جدول را تعيين کرد.
مقاديري که اين ويژگي مي گيرد عبارتند از :
all باعث ترسيم خط بين همه ستونها و سطرهاي جدول مي شود
cols باعث ترسيم خط بين سطونهاي جدول مي شود
groups باعث ترسيم خط دور کل جدول مي شود
none خطي بين خانه هاي جدول رسم نمي کند
rows باعث ترسيم خط بين سطرهاي جدول مي شود
9. با بکار بردن ويژگي Align در تگ <table> مي توان نحوه قرار گيري جدول در صفحه وب را تعيين کرد. مقادير اين ويژگي عبارتند از : Right، Center ، Left
_ ويژگي هاي فوق را مي توان در کنار هم در جدول قرار داد
در cell ها ( خانه هاي جدول) مي توان عکس ، پيوند و ... قرار داد کافي است دستور مورد نظر را در قسمت مربوطه وارد کرد .
<td><a herf=" "><img src="پسوند نام عکس"></a></td>
<caption> :
با استفاده از اين ويژگي مي توان تيتر و يا توضيحي در مورد جدول در بالا يا پايين آن ذکر کرد
< caption>the name of the table </caption>
_ با بکار بردن ويزگي valign در <caption> مي توان متني که بين <caption> و </caption> قرار مي گيرد را در بالا يا پايين جدول گنجاند . اين ويژگي شامل مقادي buttom است .
اگر بخواهيم جدولي بسازيم که داراي عنوان باشد از دستورات زير استفاده مي کنيم . ( هر ستون داراي يک تيتر ).
<tr> <th>1</th><th>2</th></tr>
_ صفت هاي <td>
<td bgcolor="رنگ"background=" " colspan=" " rowspan=" " >
bgcolor :رنگ زمينه هر خانه جدول
background :مي توان براي جدول پس زمينه تعيين کرد
colspan: با استفاده از اين ويژگي مي توان چندين خانه افقي از جدول را با هم ادغام نمود و يک خانه جديد ساخت . مقادير اين ويژگي عدد مي باشد .
rowspan : با استفاده از اين ويژگي مي توان چندين خانه عمودي از جدول را با هم ادغام نمود و يک خانه جديد ساخت . مقادير اين ويژگي عدد مي باشد .
valign : با استفاده از اين ويژگي مي توان مطالب خانه هاي جدول را در بالا ، پايين و يا مرکز قرار داد.
align: با استفاده از اين ويژگي مي توان مطالب خانه هاي جدول را در چپ ، راست يا مرکز قرار داد.
<tbody>،<tfoot>
گاهي اوقات بدليل طولاني بودن مطالب جدول هنگامي که چاپ ان بعلاوه تمام تيتر ها (header) ، محتويات اصلي (body) و پانويسها (footer) مورد نظر باشد ، بهتر است که هر قسمت توسط خطوط افقي جدا شود.
از تگ <tbody> براي جدا کردن بدنه جدول و از تگ <tfoot> براي جدا کردن پانويسها استفاده مي شود.
--- تلاقي صفحات : ( روش ساختن زير صفحه ها )
[frame ها يا زير صفحه ها قسمتي از صفحات وب هستند که هر کدامن مي توانند مانند web کامل عمل کند محتويات هر زير صفحه سند html جداگانه دارد . براي ساختن يک صفحه وب که به چندين زير صفحه تقسيم شده بايد يک سند html اصلي ساخته شود سپس با استفاده از تگ هاي صفحه وب اصلي به چندين فريم تقسيم مي شود.
1- از دستورات زير به جاي دستورات <body> و </body> براي ساخت سند html اصلي استفاده مي شود .
<frameset>
...
</frameset>
صفحه را مي توان به زير صفحه هاي افقي ( rows) و عمودي ( cols) با ذکر عدد براي تعيين ارتفاع و عرض صفحات بصورت pixels و درصد تقسيم کرد .
* نکته : بهتر است براي تعيين ارتفاع يا عرض صفحه يکي از اعداد را تعيين و براي تعيين مقدار بعدي از * استفاده کنيد .
< frameset cols="60% ,*">
* نکته : صفحه وب را مي توان به بيش از دو صفحه تقسيم کرد ولي نمي توان از دو ويژگي rows و cols همزمان استفاده کرد .
<frameset cols="100,200,*">
2- پس از اينکه بوسيله دستور frameset نحوه تقسيم صفحه اصلي به زير صفحه ها تعيين شد براي تعريف هر زير صفحه از يک دستور frame استفاده مي نماييم.
<frameset cols="60%">
تقسيم صفحه اصلي به دو زير صفحه "> آدرس صفحه <frame src="
"> آدرس صفحه <frame src="
</frameset>
_ به وسيله ويژگي src دستور frame آدرس يا نام فايل را که سازنده محتويات زير صفحه است مشخص مي کنيم .
_ با استفاده از ويژگي name در صورتيکه بخواهيد مقصد يک پيوند را در اين زير صفحه نشان دهيد مي توانيد نامي براي زطير صفحه اختصاص دهيد .
_ ويژگي scrolling اين دستور نحوه به نمايش درآمدن ميله هاي لغزان را در زير صفحه مشخص مي کند . اگر برابر " yes"
باشد مرورگر ميله هاي لغزان را براي زير صفحه رسم مي کند اگر برابر " no" باشد رسم نمي کند و اگر برابر " auto" باشد در صورت لازم اين ميله رسم خواهد شد .
_ به کمک ويژگي noresize مي توان اجازه تغيير اندازه زير صفحه از کاربران را گرفت
< frameset src="myfile.html"name="tl"noresize="no">
_ <noframe>
...