سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانهگذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTML کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه گذشته آموختیم که چگونه با تگ object کار نماییم؛ به کمک این تگ می توان چیزی ( چیزهایی مانند مانند صدا ، فیلم ، اپلت های جاوا ، ActiveX ، PDF و Flash ) را درون یک سند HTML تعریف کرد.
در این جلسه قصد داریم آموزش کار با تگ ol در HTML را به علاقمندان این دوره ارائه نماییم.
به مثال زیر توجه نمایید.
در این مثال دو لیست مرتب شده متفاوت را مشاهده می نمایید.
1 2 3 4 5 6 7 8 9 10 11 | <ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> <ol start="50"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> |
تگ ol یک لیست مرتب شده را تعریف می کند.
یک لیست مرتب شده نیز می تواند به صورت عددی ( تعدادی از اعداد ) یا الفبایی ( تعدادی از حروف الفبا ) باشد.
عنصر | |||||
<ol> | بله | بله | بله | بله | بله |
برای تعریف موارد لیست از تگ <li> استفاده کنید.
برای لیست های نامرتب از تگ <ul> استفاده نمایید.
خصیصه های start و type در HTML 4.01 کم و بیش منسوخ شده اند اما در HTML5 پشتیبانی می شوند.
خصیصه reversed در HTML5 خصیصه جدیدی محسوب می شود.
خصیصه compact در HTML5 پشتیبانی نمی شود.
خصیصه | مقدار | توضیحات |
---|---|---|
compact | compact | این خصیصه مشخص می کند که لیست باید کوچکتر از حالت عادی باشد. این خصیصه در HTML5 پشتیبانی نمی شود. |
reversed | reversed | این خصیصه مشخص می کند که ترتیب لیست باید نزولی باشد (… و ۹،۸،۷) |
start | number | این خصیصه نقطه شروع شماره گذاری آیتم های لیست مرتب شده را تعیین می کند. |
type | ۱ A a I i | این خصیصه نیز نوع نشانگر استفاده در لیست را مشخص می کند. |
تگ <ol> از خصیصه های سراسری در HTML پشتیبانی می کند.
تگ <ol> از خصیصه رویداد در HTML پشتیبانی می کند.
بیشتر مرورگرها عنصر <ol> را با مقادیر پیش فرض زیر نمایش می دهند:
1 2 3 4 5 6 7 8 9 | ol { display: block; list-style-type: decimal; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 40px; } |
در این جلسه به آموزش کار با تگ ol در HTML پرداختیم و آموختیم که تگ ol یک لیست مرتب شده را تعریف می کند.
در جلسه آینده با آموزش تگ optgroup به سراغ شما می آییم.
با پی وی لرن همراه باشید.