HTMLانواع لیست در
به طور کلی دو نوع لیست وجود دارد، لیستی که از بولت استفاده میکند و لیستی که از شماره گذاری استفاده میکند.
برای استفاده از بولت در لیست از تگ <ul> و برای استفاده از شماره گذاری از تگ <ol> استفاده میشود.
HTMLلیست بولت دار در
<ul style=”list-style-type:square;”>
<li>قهوه</li>
<li>چای</li>
<li>شیر</li>
</ul>
<li>قهوه</li>
<li>چای</li>
<li>شیر</li>
</ul>
برای تعیین شکل بولت باید از list-style-type استفاده کرد.
حالتهای مختلف بولت:
style=”list-style-type:disc;”
style=”list-style-type:circle;”
style=”list-style-type:square;”
style=”list-style-type:none;”
میتوان لیستها را به صورت تودرتو نیز تعریف کرد:
<ul>
<li>قهوه</li>
<li>چای
<ul>
<li>چای سیاه</li>
<li>چای سبز</li>
</ul>
</li>
<li>شیر</li>
</ul>لیست شماره گذاری
<ol start=”50″, type=”1″>
<li>قهوه</li>
<li>چای</li>
<li>شیر</li>
</ol>
در این حالت از start برای مشخص کردن شروع شماره گذاری استفاده میشود که به صورت پیش فرض از 1 شروع میشود و از type نیز برای تعیین نوع شماره گذاری استفاده میشود که انواع آن عبارتند از:
type=”1″, type=”a”, type=”A”, type=”i”, type=”I”
لیست توضیحی
در این حالت برای هر یک از اجزای لیست میتوان یک زیرمجموعه جهت توضیح آن ایجاد کرد. به همین منظور از تگ <dt> استفاده میشود و درون آن از <dt> برای تعیین اجرا و از <dl> برای اضافه کردن توضیحات هریک از اجزا استفاده میشود.
<dl>
<dt>چای</dt>
<dd>نوشیدنی گرم مشکی رنگ</dd>
<dt>شیر</dt>
<dd>نوشیدنی سفید رنگ</dd>
</dl>