ace pick (01-01-16), aMiR HosSeiN (05-08-07)
اين درس شما را با نحوه نمايش انواع فهرستها شامل فهرستهای مرتب(ordered) ، نامرتب(unordered) و فهرستهای تعريفی(definition lists) و تگ های مربوطه يعنی li ، ol ، ul ، dl ، dt و dd آشنا خواهد کرد.
فهرستهای نامرتب(unordered list)
فهرستهائی هستند از يک يا چند قلم اطلاعات که معمولا با دايرهای کوچک و سياه رنگ در شروع نمايش داده ميشوند. يک فهرست از نوع نامرتب با تگ <ul> شروع شده و هر رقم اطلاعات با تگ <li> مشخص ميگردد.
کد:HTML code نمايش توسط مرورگر <ul> <li>Red</li> <li>Blue</li> <li>Green</li> </ul> Red Blue Green <ul dir="rtl" > <li>قهوه</li> <li>شير</li> <li>چای</li> </ul> قهوه شير چای
داخل تگهای <li> ميتوانيد از پاراگرافها، تگهای br ، تصاوير و حتي فهرستهای ديگر استفاده کنيد. به شناسه dir در مثال بالا توجه کنيد، امکان تعيين سمت و جهت نمايش متون در تمامی تگهای مربوط به فهرستها ممکن ميباشد.
فهرستهای مرتب(ordered list)
اين نوع فهرست بسيار شبيه فهرستهای نامرتب بوده و فقط مرورگر به هنگام نمايش اقلام اطلاعاتی از اعداد به جای دايره های کوچک سياه رنگ استفاده ميکند. يک فهرست از نوع مرتب با تگ <ol> شروع شده و همانند فهرستهای نامرتب هر رقم اطلاعات با تگ <li> مشخص ميگردد.
کد:HTML code نمايش توسط مرورگر <ol> <li>Red</li> <li>Blue</li> <li>Green</li> </ol> Red Blue Green <ol dir="rtl" > <li>قهوه</li> <li>شير</li> <li>چای</li> </ol> قهوه شير چای
داخل تگهای <li> ميتوانيد از پاراگرافها، تگهای br ، تصاوير و حتي فهرستهای ديگر استفاده کنيد. به شناسه dir در مثال بالا توجه کنيد، امکان تعيين سمت و جهت نمايش متون در تمامی تگهای مربوط به فهرستها ممکن ميباشد.
فهرستهای تعريفی(definition list)
فهرست تعريفی فهرستی است از اصطلاح ها و تشريح و توصيف آنها.
فهرستهای تعريفی با <dl> شروع شده و هر ذوج اصطلاح و تعريف مربوط به آن با تگهای <dt> و <dd> تعريف ميشوند.
کد:HTML code نمايش توسط مرورگر <dl> <dt>HTTP</dt> <dd>Hypertext Transfer Protocol</dd> <dt>FTP</dt> <dd>File Transfer Protocol</dd> <dt>IP</dt> <dd>Internet Protocol</dd> </dl> HTTP Hypertext Transfer Protocol FTP File Transfer Protocol IP Internet Protocol <dl dir="rtl" > <dt >مقدمه</dt> <dd>خلاصه ای از مقدمه</dd> <dt>فصل 2</dt> <dd>خلاصه ای از فصل 1</dd> <dt>فصل 2</dt> <dd>خلاصه ای از فصل 2</dd> </dl> مقدمه خلاصه ای از مقدمه فصل 1 خلاصه ای از فصل 1 فصل 2 خلاصه ای از فصل 2
داخل تگهای تشريح يعنی <dd> ميتوانيد از پاراگرافها، تگهای br ، تصاوير و حتي فهرستهای ديگر استفاده کنيد. به شناسه dir در مثال بالا توجه کنيد، امکان تعيين سمت و جهت نمايش متون در تمامی تگهای مربوط به فهرستها ممکن ميباشد.
تگهای فهرست
کد:Start Tag Purpose کاربرد <ol> Defines an ordered list تعريف فهرستهای مرتب <ul> Defines an unordered list تعريف فهرستهای نامرتب <li> Defines a list item تعريف يک آيتم و قلم از يک فهرست <dl> Defines a definition list تعريف فهرستهای تعريفی <dt> Defines a definition term تعريف اصطلاح در فهرستهای تعريفی <dd> Defines a definition description تعريف معنی و شرح اصطلاح در فهرستهای تعريفی
مرجع : HTML 4.01 Specification - فهرست عناصر - فهرست شناسه ها
" کاربر محترم اخبار و اطلاعیه های مهم انجمن و سایت شهر سخت افزار در اینجا دنبال کنید"
| آپلود سنتر عكس | قوانين انجمن | شهرسخت افزار|
ace pick (01-01-16), aMiR HosSeiN (05-08-07)
ميگم كاش حداقل منبع نمي گي كامل آموزش بذاري
منبع چرا نذاشتي؟
جالبه مديران ميگن منبع بذارين بعد خودشون منبع نميذارن!
منبع اين در از اينجا هست:
http://www.aviny.com/Learning/HTML/
ace pick (01-01-16)
منبع در پست اول ذكر شد . در ضمن آموزش هايي كه من گذاشتم بيشتر مورد هايي بود كه مورد استفاده هستند و هنوز هم كامل نشده منم فلان وقت سر زدن به اين تاپيك رو ندارم . شما اگر وقت دارين كاملش كنين ممنون ميشم .در ضمن در طرز پست دادنت هم تغيير ايجاد كن.برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید ارسالی توسط H O J J A T برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید
تذكر رو هميشه همه مديران و اعضا ميدن و بايد هم بدن و درستش هم همينه . اما لحنش فرق ميكنه . نمونش هم توي فروم زياده مثل ديگر مديران عزيز كه در صورت اشكال يكديگر رو دوستانه راهنمايي ميكنن . پس ديگه نه در اين تاپيك نه در بحث ديگه اين طور تكرار نشه ...
اميدوارم منظورم رو رسونده باشم .
موفق باشي .
آخرین ویرایش توسط Security در تاریخ 05-08-07 انجام شده است
" کاربر محترم اخبار و اطلاعیه های مهم انجمن و سایت شهر سخت افزار در اینجا دنبال کنید"
| آپلود سنتر عكس | قوانين انجمن | شهرسخت افزار|
ادامه آموزش در پست های جداگانه در این آدرس قرار میگیرد.
با تشکر SECURITY
" کاربر محترم اخبار و اطلاعیه های مهم انجمن و سایت شهر سخت افزار در اینجا دنبال کنید"
| آپلود سنتر عكس | قوانين انجمن | شهرسخت افزار|
ace pick (01-01-16)
من یک کاربر تازه واردم. در مورد دانش HTML زیر صفر هستم. انشاءالله در این انجمن اطلاعاتم را افزایش می دهم تا بتوانم به راحتی بتوانم قالبهای موردنظرم را بسازم.
ace pick (01-01-16)
سلام من یه کد html برای لیست سفارش می خواستم
یعنی بازدید کننده بیاد لیستو پر کنه و بعد به ایمیل من پست بشه
اصلا همچین کدی رو می شه برای وبلاگ درست کرد؟
اگر نه میشه برای وب سایت ها همچین چیزی درست کرد؟؟
آیا سایتی هست همچین خدماتی مثل این بده؟؟
لطفا کمک
ace pick (01-01-16)
1 کاربر در حال مشاهده این موضوع. (0 عضو و 1 میهمان)
Bookmarks