آموزش کامل لیستها در HTML
در HTML، برای نمایش مجموعهای از اطلاعات به صورت مرتب یا نامرتب، از انواع مختلف لیست استفاده میشود. این لیستها به سازماندهی بهتر محتوا کمک کرده و خوانایی صفحات وب را افزایش میدهند.
۱. لیستهای نامرتب (Unordered List - <ul>)
لیستهای نامرتب برای نمایش مجموعهای از موارد استفاده میشوند که ترتیب خاصی ندارند. نشانهی پیشفرض این لیستها، گلولهها (bullet points) است.
ساختار:
<ul> شامل آیتمهای <li> است.
مثال:
عامرتجارت خلیج فارس
لیست تو در تو:
عامرتجارت خلیج فارس
۲. لیستهای مرتب (Ordered List - <ol>)
لیستهای مرتب برای مواردی استفاده میشوند که ترتیب مهم است، مثل مراحل کار یا آموزش.
مثال:
عامرتجارت خلیج فارس
شروع از عدد خاص:
عامرتجارت خلیج فارس
۳. لیستهای تعریفی (Description List - <dl>)
این لیست برای تعریف واژهها و توضیحات استفاده میشود.
عامرتجارت خلیج فارس
نکات مهم لیستها
داخل آیتمها چه چیزهایی میتوان گذاشت:
- لینک
- تصویر
- پاراگراف
- لیست دیگر
لیستها از نظر سئو و دسترسپذیری بسیار مهم هستند.
تمرین
یک صفحه HTML بساز و موارد زیر را پیادهسازی کن:
- یک لیست نامرتب از ۵ آیتم (مثلاً غذاها)
- یک لیست مرتب از مراحل انجام یک کار (مثلاً درست کردن چای)
- یک لیست تو در تو (مثلاً دستهبندی محصولات)
- یک لیست تعریفی برای ۳ تکنولوژی وب (HTML, CSS, JS)
چالش مهم:
داخل حداقل یکی از آیتمهای لیست، یک لینک <a> یا تصویر <img> قرار بده تا ترکیب تگها را یاد بگیری.