طرز ساختن ليست ها

برای دسترسی سريع از لينکهای زير استفاده کنيد:

Ordered list
Unordered list
Definition list

ليستها هم جزو عنصر متن در html  ميباشند که بخاطر زياد بودن تگهاي متن مجبورم آنها را از هم جدا کنم. سه نوع ليست وجود دارد، يکي ليستهاي  با ترکيب منظم (Ordered list) و ليست با ترکيب نا منظم  (Unordered list) وديگري ليستهاي توصيفي (Definition list) . شايد اين نوع نامگذاري بخاطر وجود اعداد يا حروف بترتيب در ليست منظم است که در ديگري فقط  نقطه هاي توپر هست که ترتيبي را نميتوان براي آنها در نظر گرفت. در هر صورت تگهاي آن به شرح زير ميباشند:

براي درست کردن ليست در يک صفحه از اين تگها بايد استفاده کنيم، بدين صورت که در آغاز قسمتي که ميخواهيم ليست درست کنيمتگ

را که مخفف ordered list ميباشد رامينويسيم تا مرورگر بفهمد ليست از آنجا شروع ميشود و سپس در ابتداي هر گزينه از ليستمان تگ را اضافه ميکنيم و در انتهاي گزينه ها تگ پايان دهنده را می نويسيم.

 مثال

اگر دقت کنيد به صورت پيش فرض اعداد 1,2,3 به ابتداي گزينه هاي ليست مان اضافه ميشود. شما ميتوانيد خصوصيت type را به تگ

اضافه کنيد و آنرا با A, a  که به صورت حروف کوچک يا بزرگ انگليسي و يا با I, i   که با اعداد رومي است مقدار دهي کنيد. به طور مثال اگر ميخواهيد ترتيب ليست شما با اعداد رومي کوچک باشد بدين صورت تگ را کامل ميکنيد:

  1. Item 01
  2. Item 02
  3. Item 03

مثال

 

اين تگ را unordered list مينامند و مانند تگهاي بالا براي درست کردن ليست در يک صفحه ميباشد با اين تفاوت که بجاي حروف و اعداد از دايره يا مربع هاي توپر استفاده ميکند که مانندبالا ميتوانيد از خصوصيت  type که با کلمات” disc”, “circle”, “square”  مقدار دهي ميشود استفاده کنيد.


  • Item 01
  • Item 02
  • Item 03

مثال

 شما ميتوانيد براي درست کردن يک ليست که داراي چند گزينه است و هر گزينه هم چند زير مجموعه دارد از مخلوط اين دو نوع ليست استفاده کنيد که به اين حالت Nested list  گفته ميشود.

بر فرض مثال ما يک ليست داريم که چهار گزينه دارد و هر کدام از آنها دو رنگ سفيد و سياه دارند:


  1. Item 01
    • Black
    • White

  2. Item 02
    • Black
    • White

  3. Item 03
    • Black
    • White

  4. Item 04
    • Black
    • White

مثال

آخرين مدل، ليستهاي توصيفي هستند که براي تعريف و توصيف يک کلمه بکار ميروند که کلمه مشخص را با تگ و توصيف آنرا با بکار ميبرند.

 
Html
HyperText Markup Language.


مطالب مشابه :


حملات عدم پذیرش سرویس و حملات گسترده عدم پذیرش سرویس(D.o.S & D.D.o.S Attack)

دانشگاه آموزش و پژوهش صنایع ایران. عالی آزاد انفورماتیک ایران. دانشگاه آزاد




آشنایی با دانشگاه های پذیرنده کارشناسی ارشد انفورماتیک پزشکی در سال 1393

دکترای انفورماتیک از دانشگاه پوترا پزشکی ایران از دانشگاه علوم 90 آزاد تهران




نسخه جدید سیستم عامل جدید آی پد عرضه شد

موسسه آموزش عالی آزاد انفورماتیک ایران. سایت نمرات دانشگاه آزاد آی تی ایران




ساخت اولين صفحه وب

دانشگاه آموزش و پژوهش صنایع ایران. عالی آزاد انفورماتیک ایران. دانشگاه آزاد




چگونه هکرها عکس‌های فیس‌بوک شما را می‌دزدند؟

دانشگاه آموزش و پژوهش صنایع ایران. عالی آزاد انفورماتیک ایران. دانشگاه آزاد




شب آرامی بود

دانشگاه آموزش و پژوهش صنایع ایران. عالی آزاد انفورماتیک ایران. دانشگاه آزاد




برنامه نویسی شئ گرا

دانشگاه آموزش و پژوهش صنایع ایران. عالی آزاد انفورماتیک ایران. دانشگاه آزاد




15 شکست بزرگ فناوری 2010

دانشگاه آموزش و پژوهش صنایع ایران. عالی آزاد انفورماتیک ایران. دانشگاه آزاد




طرز ساختن ليست ها

دانشگاه آموزش و پژوهش صنایع ایران. عالی آزاد انفورماتیک ایران. دانشگاه آزاد




نحوه ساختن اکانت vpn در ویندوز ویستا

دانشگاه آموزش و پژوهش صنایع ایران. عالی آزاد انفورماتیک ایران. دانشگاه آزاد




برچسب :