دوره آموزشی HTML | جلسه هشتم


5/5 - (1 امتیاز)

با سلام خدمت همه دوستان و همراهان عزیز نیوزسک، خدمت هستیم با جلسه هشتم از دوره آموزشی HTML.

انواع آدرس دهی ها در HTML:

به طور کلی آدرس دهی ها در HTML به سه دسته کلی تقسیم بندی میشوند:

  • آدرس دهی مطلق:

آدرس دهی مطلق در HTML

آدرس دهی مطلق در HTML

آدرس دهی مطلق در HTML

  • آدرس دهی نسبی:

آدرس دهی نسبی در HTML

آدرس دهی نسبی در HTML

آدرس دهی نسبی در HTML

  • آدرس دهی Anchor Link:

در این نوع آدرس دهی مبدا و مقصد آن در یک صفحه است

زمانی از Anchor Link ها استفاده میکنیم که صفحه ما محتویات زیادی داشته باشد و برای راحتی کاربر که سریع در بین این محتویات به گزینه مد نظر خود برسد.

در این زمان وقتی کاربر روی محتوا لینک شده کلیک کند مرورگرش Scroll آن به پایین یا بالا میرود تا به مقصد مد نظر ما برسد، دقیقا Scroll در ابتدای مقصد می ایستد. در این آدرس دهی مبدا و مقصد هر دو در تگ <a></a> هستند با این تفاوت که مبدا صفت href را دارد و مقصد صفت name.

آدرس دهی Anchor Link

 

  • آدرس دهی به ایمیل:

وقتی کابر روی لینک کلیک کند نرم افزار پیش فرض ایمیل سیستم او باز میشد مثل Outlook و سپس ایمیلی که ما آن را میگذاریم در جای Sent To در نرم افزار سیستم کاربر قرار میگیرد.

آدرس دهی ایمیل در HTML

تگ <img />:

این تگ Text Level میباشد که گذاشتن تصویر در وب سایت با استفاده از این Tag انجام میشود.

صفات تگ <img />:

  • width: دارای مقادیر عددی است که اندازه عرض تصویر را کنترل میکند، هر چه بزرگتر شود اندازه عرض تصویر نیز بزرگتر میشود.
  • height: دارای مقادیر عددی است که اندازه طول تصویر را کنترل میکند، هر چه بزرگتر شود اندازه طول تصویر نیز بزرگتر میشود.

[su_note note_color=”#0ea400″]نکته : اگر فقط یکی از صفات height یا width استفاده شد، صفت استفاده نشده متناسب با صفت استفاده شده به طور اتوماتیک مقدار میگیرد.[/su_note]

  • alt: این صفت بسیار مهم برای موتور های جست و جو میباشد در واقع کلید واژه هایی که میخواهید در عکس استفاده کنید در این قسمت مینویسید، پس مقدار آن رشته دلخواه است، اگر آدرس تصویر تغییر کند مقدار این صفت جایگزین عکس خواهد شد.
  • border: برای دیدن بهتر ابعاد یک عکس استفاده میشود.
  • hspace: دارای مقادیر عددی است که اندازه فاصله افقی یک تصویر را با تصویر سمت راست و چپ خود را کنترل میکند، هر چه بزرگتر شود فاصله . افقی یک تصویر را با تصویر سمت راست و چپ خود بیشتر میشود.
  • vspace: دارای مقادیر عددی است که اندازه فاصله عمودی یک تصویر را با تصویر بالا و پایین خود را کنترل میکند، هر چه بزرگتر شود فاصله . عمودی یک تصویر را با تصویر بالا و پایین خود بیشتر میشود.
  • title: مقدار آن یک رشته دلخواه است و زمانی که کاربر موس خود را روی عکس بیاورد این رشته زیر فلش موس برای کاربر نمایش داده میشود.
  • align: مقدار پیش فرض این صفت left میباشد ، که دارای دو مقدار left و right میباشد.

پایان جلسه هشتم از دوره آموزشی HTML.

بدون دیدگاه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.