آموزش لیست ها در Html-جلسه ششم

در جلسه ششم از آموزش Html کار با لیست ها آموزش داده شده است تگ ها ی مربوط به ساخت لیست و ویژگی های آنها شرح داده شده است.
 ۱۳۹۷/۹/۳ | ۰۸:۴۸  زمان مطالعه 1 دقیقه
آموزش لیست ها در Html-جلسه ششم

 

ساخت لیست ها در Html

یکی از کاربردی ترین عناصر در ساخت صفحات وب لیست ها هستند. ایجاد لیست در صفحه باعث دسته بندی و طبقه بندی مطالب شده و نظم قابل ملاحظه ای به سایت اضافه خواهد کرد و باعث می شود سایت شما از لحاظ زیبایی شناسی و رابط کاربری ارتقا پیدا کند. 

لیست ها در Html انواع مختلفی دارند :

  • لیست های نامرتب 
  • لیست های مرتب 
  • لیست های تعریفی

همچنین با استفاده از لیست ها و اضافه کردن کدهای Css که باعث تغییر ظاهر کدهای Html خواهد شد میتوانید منوهای آبشاری و زیبایی به سایت خود اضافه کنید.

لیست های نامرتب :  

در این لیست ها ترتیب قرار گرفتن عناصر مهم نیست و نمایش لیست با استفاده از دایره های توپر، توخالی و یا مربع امکان پذیر خواهد بود.

تگ های مورد استفاده در ساخت لیست نامرتب تگ ul و تگ li است.

مثال : 

<ul>
    <li>عنصر شماره 1</li>
    <li>عنصر شماره 2</li>
    <li>عنصر شماره 3</li>
</ul>

خروجی : 

  • عنصر شماره 1
  • عنصر شماره 2
  • عنصر شماره 3

در جدول زیر خصوصیات تگ ul را بررسی میکنیم : 

آموزش Html تگ ul


لیست های مرتب : 

در این نوع از لیست ها ترتیب قرار گرفتن عناصر مهم است به این دلیل که عناصر با ترتیب اعداد و یا حروف مشخص میشوند.

تگ های Html برای ساخت لیست های مرتب ol و li است.

مثال : 

<ol>
    <li>عنصر شماره 1&nbsp;</li>
    <li>عنصر شماره 2&nbsp;</li>
    <li>عنصر شماره 3</li>
</ol>

خروجی :

  1. عنصر شماره 1 
  2. عنصر شماره 2 
  3. عنصر شماره 3

در جدول زیر خصوصیات تگ ol را با هم خواهیم دید : 

آموزش html تگ ol


لیست های تعریفی : 

در این لیست ها مانند کتاب های معنی واژه میتوان برای هر عنصر تعریفی ارائه داد.

تگ های مورد استفاده برای ساخت این مدل از لیست ها dd , dt و dl هستند .

مثال : 

<dl>

<dt>HTML</dt>

        <dd>Hyper Text Markup Language </dd>

<dt>Css</dt>

         <dd>Cascading Style Sheets</dd>

<dt>Js</dt>

          <dd> Java Script </dd>

</dl>

خروجی : 

HTML

Hyper Text Markup Language

Css

Cascading Style Sheets

Js

Java Script


 

نویسنده : مدیر سایت

مدیر جت هستم، ما در سایت جت محصولات آموزشی را در سریع‌ترین زمان ممکن برای مدیران سایت‌های اینترنتی و شرکت‌های مختلف و کلیه افراد علاقه‌مند به مباحث کارآفرینی و بازاریابی ارائه می‌دهیم.

  نظرات کاربران (0 نظر)
شما هم می توانید در مورد این مطلب نظر دهید نظر خود را بنویسید