Jalase-dovom
جلسه دوم

آموزش HTML5 – جلسه دوم

آموزش HTML5 – جلسه دوم

HTML5 Logo | آموزش HTML5

جلسه ی دوم آموزش HTML5 – ایجاد لینک ، قرار دادن تصویر در صفحه وب ، Attributes

ایجاد لینک

لینک و یا پیوند اتصالی بین صفحه ی فعلی با صفحات و فایل های دیگر است . مثلا شما بر روی متن یا عکسی کلیک می کنید و به صفحه ی دیگری منتقل می شوید .

 با تگ <a> شما می توانید لینک ها را در متن قرار دهید.

قرار دادن تصاویر

برای قرار دادن تصاویر در صفحه ی وب شما می توانید از تگ <img> استفاده کنید . بهتر است یک پوشه ایجاد کنید و فایل های html و تصاویری که می خواهید در آن قرار دهید را در همان پوشه نگهداری نمایید.برای قرار دادن تصاویر به شیوه ی زیر عمل میکنیم .

 با این کار تصویر مورد نظر شما ( در این مثال فرض شده که تصویر یک کتاب با نام book.jpg موجود است ) در اندازه ی ۱۰۴ در ۱۴۲ پیکسل نمایش داده خواهد شد .

ویژگی ها ( Attributes )

ویژگی ها تنظیمات اضافی برای هر تگ به شمار می آیند . مثلا در مثال قبل alt ، width و height ویژگی هایی برای تگ <img> به شمار می آیند . هر ویژگی دارای یک نام و مقدار می باشد که ترجیحا مقدار درون دابل کوتیشن ( ” ” ) قرار می گیرد . هر تگ در HTML می تواند چندین ویژگی به خود ببیند . در مثال قبل کار ویژگی alt این است که در هنگامی که عکس به هر دلیلی نمایش داده نشد یک متن به جای آن نمایش داده شود . ویژگی src در مثال قبل برای معرفی منبع عکس استفاده شده است . در تگ <a> برای دادن لینک نیز ویژگی href برای معرفی آدرس مقصد به کار می رود .

ویژگی های زیادی برای هر تگ وجود دارد که در آینده به موارد بیشتری اشاره خواهیم داشت و در مثال ها سعی خواهیم کرد به آنها بپردازیم . یک سری از ویژگیهایی که بیشتر در html با آنها سر کار خواهیم داشت در زیر آمده است.

  • alt  برای نمایش متن در هنگامی که تصویر بارگداری نشود.
  • disabled  برای زمانی که میخواهیم یک کنترل ورودی را غیر فعال کنیم.
  • href  برای قرار دادن آدرس مقصد (URL) در زمان قرار دادن لینک.
  • id  برای دادن یک مقدار منحصر به فرد ( شناسه ) به عناصر .
  • src  برای دادن آدرس ( منبع ) تصویر .
  • style  برای قرار دادن شیوه نامه ها (CSS) درون عناصر .
  • title  برای قرار دادن توضیحات اضافی روی عناصر تا زمانی که نشانه گر بر روی آن قسمت قرار گرفت آن توضیحات به صورت کادر کوچک ظاهی شود (Tool Tip) .
  • value  برای مشخص کردن مقدار ( محتوای متن ) برای عناصر ورودی .

نکته:

نکته ای که باید به آن توجه فرمایید این است که زبان HTML یک زبان case sensitive نیست . به این معنا که نوشتن دستورات به صورت بزرگ یا کوچک در آن ایرادی ندارد اما در برنامه نویسی شما سعی کنید تمام تگ ها و ویژگی های استفاده شده در کد های خود را به صورت کوچک تایپ نمایید .

اگر از اولین جلسه ی آموزش HTML5 خوشتون ادامه آموزش هارو در آموزش HTML5 دنبال کنید و در شبکه های اجتماعی به اشتراک بزارید

رضا روحی

درباره ی رضا روحی

رضا روحی
دانشجوی کارشناسی ارشد کامپیوتر گرایش نرم افزار ، علاقه مند به زبان های برنامه نویسی ، علاقه مند به رباتیک

۲ دیدگاه

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*

code