سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانهگذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTML کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه قبل با تگ u آشنا شدیم و با کاربرد آن در HTML آشنا شدیم؛ از تگ u برای نشان دادن متن های متفاوت استفاده می شود.
در این جلسه قرار است به سراغ آموزش کار با تگ ul در HTML می رویم.
به مثال زیر توجه نمایید.
در این مثال یک لیست نامرتب در HTML را مشاهده می نمایید:
1 2 3 4 5 | <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> |
تگ ul تگی است که یک لیست غیر ترتیبی یا نامرتب (به صورت گلوله) را تعریف می کند.
برای ایجاد لیست های نامرتب از تگ ul به همراه تگ li استفاده کنید.
عنصر | |||||
<ul> | بله | بله | بله | بله | بله |
برای ایجاد لیست های مرتب شده ، از تگ ol استفاده کنید.
خصیصه های “compact” و “type” در HTML5 پشتیبانی نمی شوند.
خصیصه | مقدار | توضیحات |
---|---|---|
compact | compact | این خصیصه مشخص می کند که لیست باید کوچکتر از حالت عادی و به صورت فشرده باشد. این خصیصه در HTML5 پشتیبانی نمی شود. |
type | disc square circle | این خصیصه نوع نشانگر استفاده در لیست را مشخص می کند. این خصیصه در HTML5 پشتیبانی نمی شود. |
تگ <ul> از خصیصه های سراسری در HTML پشتیبانی می کند.
تگ <ul> از خصیصه رویداد در HTML پشتیبانی می کند.
یک لیست تو در تو (یک لیست در داخل یک لیست):
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <!DOCTYPE html> <html> <body> <h4>A list inside a list:</h4> <ul> <li>Coffee</li> <li>Tea <ul> <li>Black tea</li> <li>Green tea</li> </ul> </li> <li>Milk</li> </ul> </body> </html> |
یک لیست تو در تو دیگر (نمایش لیست های تو در توی پیچیده تر):
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <!DOCTYPE html> <html> <body> <h4>Lists inside a list:</h4> <ul> <li>Coffee</li> <li>Tea <ul> <li>Black tea</li> <li>Green tea <ul> <li>China</li> <li>Africa</li> </ul> </li> </ul> </li> <li>Milk</li> </ul> </body> </html> |
بیشتر مرورگرها عنصر <ul> را با مقادیر پیش فرض زیر نمایش می دهند:
1 2 3 4 5 6 7 8 9 | ul { display: block; list-style-type: disc; margin-top: 1em; margin-bottom: 1 em; margin-left: 0; margin-right: 0; padding-left: 40px; } |
در این جلسه به آموزش کار با تگ ul در HTML پرداختیم؛ به طور خلاصه تگ ul تگی است که یک لیست غیر ترتیبی یا نامرتب را تعریف می کند.
در جلسه آینده با آموزش تگ var همراه شما خواهیم بود.
با پی وی لرن همراه باشید.