آموزش تگ ul در HTML

آموزش تگ ul در HTML

تگ <ul> در HTML برای ایجاد لیست‌های نامرتب (لیست بدون شماره) استفاده می‌شود. این تگ به شما اجازه می‌دهد تا موارد مختلف را در یک لیست مرتبط و گروه‌بندی‌شده نشان دهید. در این مقاله، ما به بررسی کامل تگ <ul> همراه با ویژگی‌ها و مثال‌های عملی آن می‌پردازیم.

1. تگ ul در HTML

تگ <ul> برای ایجاد لیست‌های نامرتب (لیست بدون شماره) استفاده می‌شود. این تگ معمولاً شامل تگ‌های <li> (مورد لیست) درون خود است.

<ul>
   <li>مورد ۱</li>
   <li>مورد ۲</li>
   <li>مورد ۳</li>
</ul>

2. ویژگی‌ها و Attribute‌های تگ ul

2.1. type

ویژگی type برای تعیین نوع نمادگذاری موردهای لیست استفاده می‌شود. این می‌تواند مقادیری مانند disc (دایره)، circle (دایره خالی) و square (مربع) را بپذیرد.

<ul type="circle">
   <li>مورد ۱</li>
   <li>مورد ۲</li>
   <li>مورد ۳</li>
</ul>

2.2. start

ویژگی start به شما اجازه می‌دهد تعداد شروعین موردهای لیست را مشخص کنید.

<ul start="5">
   <li>مورد ۵</li>
   <li>مورد ۶</li>
   <li>مورد ۷</li>
</ul>

3. مثال‌های استفاده از تگ ul

3.1. لیست نامرتب معمولی

<ul>
   <li>مورد ۱</li>
   <li>مورد ۲</li>
   <li>مورد ۳</li>
</ul>

3.3. لیست با شروع از عدد خاص

<ul start="5">
   <li>مورد ۵</li>
   <li>مورد ۶</li>
   <li>مورد ۷</li>
</ul>

نتیجه‌گیری

تگ <ul> در HTML به شما امکان ایجاد لیست‌های نامرتب و بدون شماره را می‌دهد. با استفاده از این تگ و ویژگی‌های مختلف آن، می‌توانید لیست‌هایی با ظاهر و خصوصیات متفاوت ایجاد کنید که برای نمایش دادن داده‌ها به صورت منظم و به‌صورت گروه‌بندی‌شده بسیار مفید واقع خواهد شد.

پست های مرتبط

مطالعه این پست ها رو از دست ندین!
JavaScript - تاریخ‌ها (Dates)

JavaScript – تاریخ‌ها (Dates)

آبجکت‌های تاریخ (Date) در جاوااسکریپت آبجکت‌های تاریخ در جاوااسکریپت به ما امکان کار با تاریخ و زمان را می‌دهند....

بیشتر بخوانید
JavaScript - آرایه‌های ثابت (Array Const)

JavaScript – آرایه‌های ثابت (Array Const)

جاوااسکریپت: تعریف آرایه با const در سال 2015، جاوااسکریپت کلمه کلیدی مهمی به نام const را معرفی کرد. این...

بیشتر بخوانید
JavaScript - تکرار آرایه‌ها (Array Iteration)

JavaScript – تکرار آرایه‌ها (Array Iteration)

جاوا اسکریپت: تکرار بر روی آرایه‌ها جاوا اسکریپت روش‌های مختلفی برای تکرار (Iteration) بر روی آرایه‌ها ارائه می‌دهد که...

بیشتر بخوانید

نظرات

سوالات و نظراتتون رو با ما به اشتراک بذارید

برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید.