لیست های HTML جلسه هشتم

لیست های HTML جلسه هشتم

همانطور که پیش تر گفتیم، در HTML برای ایجاد هر خاصیتی از تگ های استاندارد و تعریف شده ی خاصی استفاده می شود که بنا بر نیاز سنجی، توسط کنسرسیوم جهانی وب (w3c) تعریف شده اند، یکی از این نیاز ها، امکان ایجاد مطالب و محتوا، به صورت لیست شده و زیرمجموعه ای است که w3c برای آن تگ های استاندارد ul li ol dl dd و dt را در نظر گرفته است، این تگ ها همه از یک خانواده هستند که برای ایجاد و مدیریت لیست در صفحات وب کاربرد دارند، از این رو در ادامه آموزش های مقدماتی HTML، این بار می خواهیم بپردازیم به مبحث کار با تگ های ایجاد کننده لیست در صفحات وب.

لیست های HTML جلسه هشتم لیست های HTML جلسه هشتم لیست های HTML جلسه هشتم List HTML

کاربرد لیست‌ها در اچ تی ام ال بسیار گسترده است؛ چرا که از منوها گرفته تا بسیاری از المان‌های منظم دیگر صفحه توسط لیست‌ها ایجاد می‌گردند. در اچ‌تی‌ام‌ال سه نوع لیست می‌توانید ایجاد کنید که قواعد نوشتن هر سه شکل شبیه هم هستند؛ ولی در نمایش آن‌ها در مرورگر تفاوت‌هایی وجود دارد. در ادامه بیشتر برایتان توضیح خواهیم داد. این سه نوع عبارتند از: 

  • unorderd list یا لیست بدون نظم که دارای ترتیب دلخواه است.
  •  orderd list یا لیست منظم و دارای ترتیب است. مثلا چنین لیستی بر اساس اعداد یا حروف الفبا مرتب می‌شود.
  • حالت سوم نیز لیست توضیحات است که در آن ابتدا عنوان و سپس توضیحات وارد می‌شود که چندان مورد استفاده قرار نمی‌گیرد و ما هم بدان نپرداخته‌ایم.

 

“لیست های نامرتب” HTML

یک لیست نامرتب با یک برچسب <ul> و هر کدام از اقلام لیست با برچسب <li> شروع می شود.
اقلام لیست بوسیله بولت (معمولا یک دایره سیاه کوچک) مشخص می شوند.

 

یک لیست نامنظم

مراحل ساخت لیست نامرتب

مرحله اول: برای ساخت یک لیست، باید یک تگ <ul> باز می‌کنیم. بدین ترتیب اعلام می‌کنیم که می‌خواهیم یک لیست نامنظم یا همان Unorderd List ایجاد کنیم.

مرحله دوم: سپس متن هر آیتم لیست را بین <li> متن آیتم <li/> باز متن مورد نظر را بین آن می‌نویسیم.

مرحله سوم: در آخر <ul/> را می‌نویسیم تا تگ بسته شود.

لیست های HTML جلسه هشتم:لیست های مرتب HTML

یک لیست نامرتب با یک برچسب <ol> و هر کدام از اقلام لیست با برچسب <li> شروع می شود.
اقلام لیست بوسیله بولت (معمولا یک دایره سیاه کوچک) مشخص می شوند.

مراحل ساخت لیست مرتب

مرحله اول: برای ساخت یک لیست، باید یک تگ <ol> باز می‌کنیم. بدین ترتیب اعلام می‌کنیم که می‌خواهیم یک لیست منظم یا همان orderd List ایجاد کنیم.

مرحله دوم: سپس متن هر آیتم لیست را بین <li> متن آیتم <li/> باز متن مورد نظر را بین آن می‌نویسیم.

مرحله سوم: در آخر <ol/> را می‌نویسیم تا تگ بسته شود.

لیست های HTML جلسه هشتم :لیست های تعریفی HTML

یک لیست تعریفی ، لیستی از اقلام است، با شرح هر یک از آنها .
برچسب <dl> یک لیست تعریفی را تعریف می کند.
برچسب <dl> همراه با <dt> (معرف اقلام در لیست) و <dd> (توضیح اقلام مورد نظر در لیست) مورد استفاده قرار می گیرد:

کد HTML فوق در مرورگر اینطور نمایش داده می شود :

قهوه
– نوشیدنی گرم تیره رنگ
Milk
– نوشیدنی سرد سفید رنگ

برچسب های فهرست HTML

برچسب توضیحات
<ol> تعریف یک لیست مرتب
<ul> تعریف یک لیست نامرتب
<li> تعریف یک آیتم اقلام لیست
<dl> تعریف یک لیست تعریفی
<dt> تعریف یک آیتم در یک لیست تعریفی
<dd> تعریف شرح یک آیتم در یک لیست تعریفی

 

لیست های HTML جلسه هشتم لیست های تو در تو HTML

 

آموزش HTML آموزش طراحی وب

دیدگاه خود را بیان کنید