نوشته‌ها

کار با لینک ها در html

کار با لینک ها در html

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

  • استفاده از پیوندها یا لینک ها در صفحات وب کاربرد بسیار زیادی در کنترل بهتر محتوا سایت دارد.
  • شما با یک پیوند و لینک مناسب به بخش دیگری از سایت خود و یا یک سایت معتبر می توانید به مطلب خودتان اعتبار مناسبی داده و سایت کاربرپسند و در عین حال SEO Friendly داشته باشید.
  • نکته بسیار مهم این است که ارتباط نادرست به یک منبع بی ربط و ضعیف می تواند برای سایت شما رتبه منفی داشته باشد.

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

تگ های مرتبط با کار با لینک ها در html

بخش اول – کاربرد لینک و انواع لینک در صفحات وب

  • تعریف لینک یا Hyperlink و کاربرد آن در طراحی صفحات وب
  • معرفی انواع حالت های مختلف لینک
  • تعریف حالت unvisited لینک ها 
  • تعریف حالت visited لینک ها 
  • تعریف حالت active لینک ها 
  • آشنایی با ساختار لینک ها در html

هشدار-اصلی-فیلم

درحال بارگذاری...

بخش دوم- معرفی تگ باز و بسته ی <a></a>

  • کاربرد تگ a در ایجاد لینک ها
  • معرفی صفت یا ویژگی href در تگ a
  • آشنایی با روش های مختلف مسیردهی و آدرس دهی در تگ a

هشدار-اصلی-فیلم

درحال بارگذاری...

بخش سوم- تعریف صفت یا ویژگی target در تگ a

کاربرد صفت یا ویژگی target در ایجاد لینک های ایجاد شده توسط تگ a

آشنایی با مقدار blank_ در مقابل صفت target

آشنایی با مقدار self_ در مقابل صفت target

آشنایی با مقدار top_ در مقابل صفت target

آشنایی با مقدار parent_ در مقابل صفت target

آشنایی با مقدار framename در مقابل صفت target

هشدار-اصلی-فیلم

درحال بارگذاری...

بخش چهارم – استفاده از تصاویر در لینک ها

  • نحوه استفاده از تصاویر درون لینک ها 
  • کاربرد استفاده از تصاویر درون لینک ها 

هشدار-اصلی-فیلم

درحال بارگذاری...

بخش پنجم – آشنایی با کاربرد صفت یا ویژگی title در تگ a

  • کابرد صفت یا ویژگی title در لینک ها ایجاد شده توسط تگ a

هشدار-اصلی-فیلم

درحال بارگذاری...

بخش ششم- نحوه ایجاد لینک های Book Mark

در ادامه مبحث کار با لینک ها در html به بحث ایجاد Book Mark از الینک ها می رسیم. این مبحث در صفحات وب کاربرد بسیار زیادی داشته و کمک شایانی در ایجاد پیوندهای سریع و منطقی به ما می کند.

  • تعریف مبحث Book Mark در لینک ها
  • کاربرد لینک های  Book Mark در صفحات وب
  • نحوه ایجاد لینک های Book Mark  در صفحات وب

هشدار-اصلی-فیلم

درحال بارگذاری...

بخش هفتم – معرفی صفت یا ویژگی download در لینک ها

  • دلیل استفاده از صفت download در لینک ها 
  • روش استفاده از صفت download در تگ a

هشدار-اصلی-فیلم

درحال بارگذاری...

بخش هشتم – کاربرد صفت یا ویژگی hreflang در تگ a

  • دلیل استفاده از صفت hreflang در تگ a
  • نحو استفاده از صفت hreflang در تگ a

هشدار-اصلی-فیلم

درحال بارگذاری...

بخش نهم- کار با صفت media در تگ a

  • دلیل استفاده از صفت media در تگ a
  • نحوه کار با صفت media درون تگ a
  • آشنایی با انواع  media یا رسانه در صفحات وب
  • آشنایی با مفهوم media query 
  • نحوه ایجاد حالت های شرطی در بحث media

هشدار-اصلی-فیلم

درحال بارگذاری...

بخش دهم – کار با صفت ping در تگ a

  • کاربرد صفت ping در تگ a
  • نحوه ایجاد لینک های قابل پیگیری در html

هشدار-اصلی-فیلم

درحال بارگذاری...

بخش یازدهم – کار با صفت rel در تگ a

  • دلیل استفاده از صفت rel در تگ a
  • نحوه کار با صفت rel درون تگ a
  • آشنایی با انواع مقادیری که در مقابل مقدار rel می توانیم وارد کنیم.

هشدار-اصلی-فیلم

درحال بارگذاری...

بخش دوازدهم – کار با صفت type در تگ a

  • دلیل استفاده از صفت type در تگ a
  • نحوه کار با صفت type درون تگ a

هشدار-اصلی-فیلم

درحال بارگذاری...

بخش سیزدهم- نحوه تغییر ظاهری لینک ها با استفاده از دستورات css

در آخرین بخش از جلسه کار با لینک ها در html به مبحث بسیار کاربردی تغییر ظاهر لینک ها می رسیم.

تغییر ظاهری لینک ها به ما این امکان را می دهد تا به سایت خود جلوه ی بسیار زیبایی داده و اصطلاحا سایتمان User Friendly و کاربرپسندتر شود.

  • نحوع تغییر رنگ رنگ متن لینک ها در html
  • نحوع تغییر رنگ رنگ متن لینک ها در حالت active
  • نحوع تغییر رنگ رنگ متن لینک ها در حالت visited
  • نحوع تغییر رنگ رنگ متن لینک ها در حالت unvisited
  • نحوع تغییر رنگ رنگ متن لینک ها در حالت hover یا حالتی که ماوس از روی لینک ها عبور می کند.

هشدار-اصلی-فیلم

درحال بارگذاری...