اینم یه درس دیگه

(درس 6 )< ul >, < ol > لیستها

لیستها روشهای خوب و روشنی برای بیان مطالب هستند .
اهداف این درس
1- شناسایی کدهایی برای ایجاد لیستها
2- ایجاد لیست در سند و مشاهده آن
شروع درس
خیلی از صفحات وب اقلام خود را بصورت لیستهای نقطه دار یا شماره دار نشان می دهند ، بوجودآوردن این لیستها در HTML کار آسانی است همچنین شما می توانید لیستهای تو در تو نیز ایجاد کنید لیستها در جداول و فصل بندی ها نیز بسیار مهم هستند .
لیستهای نامرتب یا تگهای < ul > و < ul / > مانند لیست نقطه دار اقلام ظاهر می شوند . اینگونه لیستها نیاز به مرورگرهای خاصی برای تیتر دارند و همه نوع مرورگری آن را حمایت نمی کند .
مثال :

my unordered list

• item1
  
  
• item2
  
  
• item3
  
  

تگ < UL > و < UL / > به ترتیب در آغاز و پایان لیست ظاهر می شود.

لیستهای مرتب
در این لیستها اقلام بصورت مسلسل شماره گذاری می گردند و شروع آن با عدد 1 می باشد.
لیستهای تو در تو
لیستهای مرتب و نامرتب سطوح مختلفی دارند که هر کدام می توانند توسط مرور گر شما بطور مناسب اختصاص داده شوند توجه اصلی شما باید به این قضیه معطوف باشد که مشخص شود که لیست بطور مناسب پایان پذیرفته و ترتیب لیست تو در تو رعایت شود . تگهایی که در این قضیه استفاده می شود عبارتند از :
< ol > , < li > , < /ul > , < /li >
مثال :

nested unorelered list

this is the first item

this is the second item

• this is the first  subitem of the first item
  
  
  
  • this is the first subitem of the second item
    
    
    
    
    
    • and this is a subitem of sub item
      
      
    • getting lost yet?
      
      
    
    
    
  • and this isa second sub item of the second item
    
    
    
    
    
    • and this isa thired sub item of the second item
      
      
      
      
      
      • this is the third item
        
        
      
      

      ترکیب لیستهای تو در تو با یکدیگر
      نه تنها می توانید لیستهای مرتب را با یکدیگر ترکیب کنید بلکه می توانید انواع مختلفی از لیستها را با هم ترکیب و بکار برید .
      قرار دادن لیست ها در سند
      HTML 1- باز کردن محیط کاری
      2- باز کردن سند HTML در ویرایشگر متنی
      3- در زیر سر فصل آموزش از راه دور از لیستهای نامرتب برای نمایش آموزشهایی که در سایت بصورت Online داریم استفاده می کنیم
      4- ابتدا جمله فوق را استفاده کنید . چندمورد از آنها را می دانید ؟
      5- قالب HTML را برای ایجاد لیست اضافه کنید . 

درس پنجم html

(درس 5 )سبکهای مختلف نوشتاری < b >< I >< tt > HTML می تواند به مرورگر بفهماند که قسمتهای از متن را بصورت ضخیم و یا ایتالیک درآورد . اهداف این درس بعد از آموزش این درس 1- تگهای ضخیم و یا ایتالیک و .... به شما شناسانده خواهد شد 2- متون خود را در سند HTML به سبک های مختلف وارد کنید و سپس آن را در مرورگر مشاهده کنید . شروع درس HTML طرحهای مختلفی را در ارتباط با سبک های مختلف نوشتاری به شما می دهد به مثالهای زیر توجه کنید . HTML RESULT < b > this is bold - < /b > < I > this is italic < /I > < tt > this is typewriter < /tt > this is bold - this is italic this is typewriter < I >< b >this is bold and italic< /b > < /I > < b >< I > and so is this < /I >< /b > this is bold and italic and so is this Blah < h2 >< I >< new >< /I > and < tt >improved Blah Blah < /tt >< /h2 > blah blah Blah and improved Blah Blah blah blah سبک های مختلف متن را در سند HTML خود وارد کنید . اگر محیط کاری ندارید باز کنید مراحل زیر را دنبال کنید . 1- محیط کاری خود را دوباره باز کنید . 2- سند خود را که به نام lesson1.html ذخیره کردید باز کنید . 3- لغت آموزش را از درون آن پیدا کنید حال می خواهیم آن را ضمیمه کنیم . 4- تگ مرتبط با عمل فوق را وارد کنید . < b / > آموزش از راه دور < b > 5- حالا پاراگراف دوم را با صورت ضخیم و ایتالیک درآورید. برای اینکه تاکید بیشتری روی قسمتی از متن داشته باشید بوسیله تگ های < I >, < /b > , < b > می توانید این تاکید را انجام دهید . 6-برای اشاره به قسمت خاصی از متن مثل نام نویسنده ، می توانید از تگ < tt > , < / tt > استفاده کنید . 7- تغییرات خود را دخیره کنید و مجددا مرورگر خود را باز کنید . آزمایش عملیات خود را تست کنید مروری بر مطالب 1- تگهای سبک های نوشتاری چه هستند ؟ 2- انواع تگهای مختلف برای سبکهای مختلف 3- مراحلی که برای ایجاد این سبکهای متنی دنبال می کنید چیست ؟ تمرین 1- از تگهای bold و italic و دیگر تگها در جملات خود استفاده کنید . توجه توجه: بازدید کنندگان محترم و محترمه خواهشمند است نظرات پیشنهادات و انتقادهای خود را به نشانی وبلاگ صنوبر اون گوشه سمت راست زیرلوگوی خودمون قسمت نظر دهی ارسال کنید و ما را یک عمر مدیون خود نمایید.

نظر خواهی

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