loading...
سایت آموزشی سایبر
تبلیغات


آخرین ارسال های انجمن
Ali Hajipour بازدید : 564 سه شنبه 07 مهر 1394 نظرات (0)

الحمدالله از قسمت سخت آموزش گذشتیم، ازاین به بعد مفاهیم خیلی ساده تر از قبل هست.سعی کنید این چند جلسه را هم دنبال کنید تا کامل دوره را تموم کرده باشید.این جلسه سراغ متن ها و انواع لیست ها میریم.اگر چیزی نمی دونید در ادامه مطلب خواهید فهمید.

 

برای مطالعه آموزش به ادامه مطلب مراجعه کنید

 

 

این جلسه به بررسی تگ های متن می پردازیم و بیشتر حالت توضیحی داره تا عملی!
انواع لیست در HTML: 

  • ترتیبی
  • غیر ترتیبی
  • تعریفی
لیست های ترتیبی (Ordered List):
این نوع لیست زمانی کاربرد دارد که بخواهیم متنی را به عنوان موضوع قرار دهیم و سپس زیر آن چند زیر مجموعه تعریف کنیم.با استفاده از این تگ در کنار هر توضیح یک عدد قرار می گیرد.
ساختار این نوع لیست ها به شکل زیر است:
لیست های غیر ترتیبی (Unordered Liston):
تنها تفاوت این لیست نسبت به لیست قبلی نوع علامت گذاری است.در این لیست برخلاف لیست قبلی نشانه Bullet (دایره تو پر) قرار می گیرد.
ساختار این نوع لیست ها به شکل زیر است:
لیست های تعریفی :
برای ايجاد ليست های تعریفی ، از تگ < dl > استفاده می شود . هر يک از آيتم های ليست که می خواهيم توضيحی راجع به آن دهيم در يک تگ < dt > و متن توضيح مربوطه در يک تگ < dd > بلافاصله بعد از آن می آيد .
ساختار این نوع لیست ها به شکل زیر است:
صفت های مهم و مورد استفاده لیست ها :
  • type
  • dir
  • Start (فقط برای تگ ol)
type :این تگ در تگ های ol  و ul از لیست ما استفاده می شود و قابل تغییر است.مقدار های این گزینه در هر نوع از لیست متفاوت است برای همین دلیل تک تک آنها را بررسی می کنیم.
در تگ ol :در این تگ 5 گزینه برای انتخاب حالت type وجود دارد.
  • 1 :لیست ها را به صورت عددی شماره گذاری می کند.
  • a :این حالت لیست را به صورت حروف کوچک انگلیسی نشانه گذاری می کند.
  • A :این حالت لیست را به صورت حروف بزرگ انگلیسی نشانه گذاری می کند.
  • i : این حالت لیست را به صورت حروف یونانی کوچک شماره گذاری می کند.
  • I : این حالت لیست را به صورت حروف یونانی بزرگ شماره گذاری می کند.
در تگ ul :در این تگ 3 گزینه برای انتخاب وجود دارد.
  • circle :این حالت لیست را به صورت دایره تو خالی نشانه گذاری می کند.
  • disc :این حالت لیست را به صورت دایره تو پر نشانه گذاری می کند.
  • square :این حالت لیست را به صورت مربع نشانه گذاری می کند.
در تمامی مثال های بالا ساختار کد به شکل زیر خواهد شد.
این جلسه هم به پایان رسید.ایشالله هفته بعد با آموزش فرم ها در خدمتتون هستم.

 

ارسال نظر برای این مطلب

کد امنیتی رفرش
درباره ما
امیدواریم مطالب سایت آموزشی سایبر به شما کمک کرده باشد . رضایت شما خوشنودی ماست.
اطلاعات کاربری
  • فراموشی رمز عبور؟
  • آمار سایت
  • کل مطالب : 37
  • کل نظرات : 7
  • افراد آنلاین : 11
  • تعداد اعضا : 156
  • آی پی امروز : 43
  • آی پی دیروز : 45
  • بازدید امروز : 51
  • باردید دیروز : 125
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 598
  • بازدید ماه : 598
  • بازدید سال : 20,466
  • بازدید کلی : 243,455
  • تبلیغات
     
    راه های ارتباطی ما
    تلگرام:      cyberteach
    لاین:           alero 
    ویسگون:          cyberteach
    یاهو مسنجر:         mr.alihajipoor