ساخت لیست (فهرست)، در HTML
فهرست ها جزو مواردی هستند که بسیار در ساختار سایت ها به کار می روند . یک فهرست شامل تعدادی بخش های مختلف است که به ترتیب و پشت سر هم نمایش داده می شوند . این بخش ها می توانند شامل موارد مختلفی همچون متن ، عکس ، جدول و ... باشند . می توان در کنار این بخش ها ، شماره و یا هر شکل کوچک دیگری را قرار داد .
انواع فهرست ها در html :
در html ، دو نوع فهرست داریم که تفاوت آنها در نحوه علامت گذاری بخش های مختلف فهرست می باشد . نوع اول ، فهرست های شماره دار و نوع دوم ، فهرست های بدون شماره می باشد . تگ هایی که برای این دو نوع فهرست به کار می روند ، متفاوت می باشند . برای فهرست های شماره دار از زوج تگ <ol> و <ol/> و برای فهرست های بدون شماره از زوج تگ <ul> و <ul/> استفاده می کنیم .
فهرست های بدون شماره در html :
تگ <ul> در html برای ساخت فهرست های بدون شماره به کار می رود . در واقع شروع یک فهرست بدون شماره را با تگ <ul> و پایان فهرست را با تگ <ul/> اعلام می کنیم . برای تعریف هر بخش فهرست ، باید از تگ <li> استفاده کنیم ، یعنی عبارت مربوط به آن بخش از فهرست را باید در میان زوج تگ <li> و <li/> قرار بدهیم . به مثال زیر توجه کنید :
نتیجه :
مشاهده می کنید که در کنار هر بخش فهرست ، یک علامت به شکل دایره توپر نمایش داده شده است .
فهرست های شماره دار در html :
تگ <ol> در html برای ساخت فهرست های شماره دار به کار می رود . در واقع شروع یک فهرست شماره دار را با تگ <ol> و پایان فهرست را با تگ <ol/> اعلام می کنیم . برای تعریف هر بخش فهرست ، باید از تگ <li> استفاده کنیم ، یعنی عبارت مربوط به آن بخش از فهرست را باید در میان زوج تگ <li> و <li/> قرار بدهیم . به مثال زیر توجه کنید :
نتیجه :
مشاهده می کنید که در کنار هر بخش فهرست ، شماره ای متناسب با ترتیب قرارگیری آن بخش در فهرست ، نمایش داده شده است .
- فهرست مباحث
- 1 شروع یادگیری HTML
- 2 HTML چیست ؟
- 3 تگ ها، در HTML
- 4 شروع یک خط جدید، با تگ br ، در HTML
- 5 ایجاد عنوان، با تگ های h1 و h2 و h3 و h4 و h5 و h6 ، در HTML
- 6 ایجاد یک پاراگراف، با تگ p ، در HTML
- 7 تقسیم فایل html به دو بخش head و body ، در HTML
- 8 مشخصه برای تگ ها، در HTML
- 9 نرم افزار Dreamweaver برای راحت تر نوشتن کدها
- 10 تگ div برای ساخت اسکلت سایت، در HTML
- 11 استفاده از id برای دادن نام اختصاصی به هر تگ div ، در HTML
- 12 ساخت اسکلت یک سایت کامل، در HTML
- 13 قرار دادن سایت بر روی اینترنت
- 14 تغییر رنگ پس زمینه سایت، در HTML
- 15 تعیین رنگ، در HTML
- 16 ساخت لینک، در HTML
- 17 تعیین مشخصات فونت ها، با تگ font و مشخصه های face و size و color ، در HTML
- 18 نوشتن توضیحات (Comment)، در HTML
- 19 ترسیم خط افقی، با تگ hr ، در HTML
- 20 تگ های شیوه نمایش متن (تگ های b و ins و i و sub و sup)، در HTML
- 21 نمایش عکس ها، در HTML
- 22 ساخت جدول، در HTML
- 23 ساخت لیست (فهرست)، در HTML
- 24 فرم ها (Form)، در HTML
-
نکته : این فهرست مباحث، صرفا منتخبی از کلیدهای آموزشی این موضوع است (که خواندن متوالی آنها توصیه می شود) و برای دیدن کلیدهای آموزشی بیشتر از این موضوع، می توانید بر روی دسته بندی های ستون سمت راست کلیک نمایید.
سلام و وقت بخیر
من امیر هستم از تیم elbaan.com .
ما در تیم توسعه زیر ساخت نرم افزاری البان ، به یک مشکل پایه ای برخورد کرده ایم.
کسی از دوستان در این زمینه تمایل داره به ما کمک بده؟
توضیحات پروژه البان در گیت هاب ارائه شده است.
سلام خیلی خسته نباشید و ممنون از مطالب خوبتون
می خوایتم بدونم اگر بخوایم اعدا فارسی باشن و تغییر رنگ و سایز توش به وجود بیاریم چه کدی باید وارد کنیم ؟
با سپاس