در طراحی وب، سه نوع لیست مختلف لیست HTML وجود دارد که ممکن است بخواهید به سایت خود اضافه کنید.
لیست مرتب شده
اولین مورد <ol> است: این یک لیست مرتب شده از مطالب است. مثلا:
- آیتم اول
- آیتم دوم
- آیتم بعدی
در داخل برچسب <ol> ما هر مورد را در لیست داخل برچسب <li> </li> لیست می‌کنیم.
مثال:
|
1 2 3 4 5 |
<ol> <li>An item </li> <li>Another item </li> <li>Another goes here </li> </ol> |
لیست نامرتب
نوع دوم لیستی که ممکن است بخواهید در آن قرار دهید، لیست <ul> غیرمرتب است. این بیشتر به عنوان یک لیست بولِت شناخته می‌شود و هیچ عددی ندارد.
مثال:
|
1 2 3 4 5 |
<ul> <li>This is </li> <li>An Unordered </li> <li>List </li> </ul> |
لیست تعریف
سرانجام، ممکن است بخواهید یک لیست تعریف <dl> را در صفحه خود قرار دهید. یک مثال از لیست <dl> به شرح زیر است:
کد استفاده شده برای موارد فوق به شرح زیر است:
|
1 2 3 4 |
<dl> <dt>Item</dt> <dd>The definition goes here</dd> </dl> |
اجازه دهید آن را امتحان کنید. index.html را باز کرده و در یک خط جدید، HTML زیر را وارد کنید:
|
1 2 3 4 5 6 |
<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 را بزنید و نتایج را در مرورگر خود بررسی کنید. اگر همه چیز درست شده باشد، آن یک جدول گلوله‌ای ایجاد می‌کند که اطلاعات بالا را نشان می‌دهد.
منبع: HTML.com
