جلسه پنجم را با توضیحی در مورد لینک در HTML یا پیوند ها در HTML شروع می کنیم و در ادامه به چگونگی ایجاد لیست ها می پردازیم.
لینک در HTML
لینک ها این توانایی را به کاربران می دهند تا با کلیک بر روی آن ها مستقیماً به فایل یا صفحه وب دیگر منتقل شوند. لینک در HTML به وسیله تگ <a> ایجاد می شود و همچنین می توانید آن ها را به متن یا عکس ها بیفزائید.
خصوصیت href برای تعیین آدرس لینک مقصد، استفاده می شود:
<a href=" "></a>
در مثال زیر یک لینک به سایت webtml تعریف شده است:
<a href="http://www.webtml.ir"> Learn HTML5 </a>
تصویر بالا نتیجه کد نوشته شده را در مروگر نمایش می دهد. شما با کلیک بر روی «Learn HTML5» به سایت webtml.ir منتقل می شوید.
خصوصیت target تعیین می کند که لینک مورد نظر کجا باز شود، اگر از مقدار blank_ استفاده کنیم لینک مورد نظر در تب یا پنجره جدید باز می شود.
<a href="www.webtml.ir" target="_blank"> Learn HTML5 </a>
اگر در خصوصیت target مقدار self_ را جایگزین مقدار blank_ کنیم، لینک مورد نظر در پنجره فعلی باز می شود.
لیست های ترتیبی در HTML
برای ایجاد لیست های ترتیبی از تگ <ol> استفاده می کنیم (Ordered List). منظور از لیست ترتیبی لیستی است که موارد آن با اعداد مرتب شوند. هر مورد از لیست با تگ <li> تعریف می شود (list item). کد زیر مثالی از یک لیست ترتیبی است:
<html> <head> <title> ordered list </title> </head> <body> <ol> <li> red </li> <li> blue </li> <li> yellow </li> </ol> </body> </html>
نتیجه را در تصویر زیر مشاهده می کنیم:
لیست های غیرترتیبی
به منظور ساختن لیست های غیرترتیبی از تگ <ul> استفاده می کنیم (Unordered List). در لیست های غیرترتیبی به صورت پیش فرض آیتم ها با دایره های کوچک توپر مشخص می شوند.
<html> <head> <title> ordered list </title> </head> <body> <ul> <li> red </li> <li> blue </li> <li> yellow </li> </ul> </body> </html>
در تصویر زیر مشاهده می کنیم که موارد مربوط به لیست غیرترتیبی با دایره های توپر مشخص شده اند:
در جلسه بعد با توضیحِ نحوه رسم جدول، در خدمت شما هستیم. از همراهی شما سپاسگزاریم.
دیدگاه بگذارید