نحوه ساخت لیست HTML

در طراحی وب، سه نوع لیست مختلف لیست HTML وجود دارد که ممکن است بخواهید به سایت خود اضافه کنید.

لیست مرتب شده

اولین مورد <ol> است: این یک لیست مرتب شده از مطالب است. مثلا:

1. آیتم اول
2. آیتم دوم
3. آیتم بعدی

در داخل برچسب <ol> ما هر مورد را در لیست داخل برچسب <li> </li> لیست می‌کنیم.

مثال:

<ol>
<li>An item </li>
<li>Another item </li>
<li>Another goes here </li>
</ol>

لیست نامرتب

نوع دوم لیستی که ممکن است بخواهید در آن قرار دهید، لیست <ul> غیرمرتب است. این بیشتر به عنوان یک لیست بولِت شناخته می‌شود و هیچ عددی ندارد.

مثال:

<ul>
<li>This is </li>
<li>An Unordered </li>
<li>List </li>
</ul>

لیست تعریف

سرانجام، ممکن است بخواهید یک لیست تعریف <dl> را در صفحه خود قرار دهید. یک مثال از لیست <dl> به شرح زیر است:

کد استفاده شده برای موارد فوق به شرح زیر است:

<dl>
<dt>Item</dt>
<dd>The definition goes here</dd>
</dl>

اجازه دهید آن را امتحان کنید. index.html را باز کرده و در یک خط جدید، HTML زیر را وارد کنید:

<p>This website will have the following benefits for my business:</p>
<ul>
<li>Increased traffic </li>
<li>Global Reach</li>
<li>Promotional Opportunities</li>
</ul>

اکنون save را بزنید و نتایج را در مرورگر خود بررسی کنید. اگر همه چیز درست شده باشد، آن یک جدول گلوله‌ای ایجاد می‌کند که اطلاعات بالا را نشان می‌دهد.