HTML Linklar

HTML Linklar


Link - bir necha saytlar orasidagi o'zaro aloqa. "Link" deyarli barcha web sahifalada ishlatiladi va foydalanuvchilarga bir sahifadan boshqasiga o'tish imkoniyatini beradi.


HTML Hyperlinks(HTML gipersilkalar)

HTML links giperaloqalar hisoblanadi hyperlink(o'qilishi haiperlink) ya'ni giperaloqalar matn yoki rasm bosilganida ma'lum bir fayl ochilishiga ishlatiladi.


HTML link - yozilish usuli

HTML da <a> yozuvi orqali "link" ifodalandi:

<a href="url">link(silka) matn</a>

Namuna:

<a href="www.keepgoing.uz">KeepGoing saytiga tashrif buyuring</a>

<a href="www.wikipedia.org">Eng katta onlayn ensiklopedia saytiga tashrif buyuring</a>

href so'zi kerekli addressni belgilaydi (http://www.iut.uz) link text(aloqa bog'luvchi matn) sezilarli ajralib turadi. Link text(aloqa bog'lovchi matn) orqali ma'lum bir sahifaga o'tishimiz mumkin.

...   Link text(aloqa bog'luvchi matn) faqatgina matn ko'rinishida emas balki rasm va boshqa HTML elementi ko'rinishida bo'liwi mumkin.


Local Links (bir biriga taaluqli silkalar)

Yuqoridagi ishlatilgan URL internet orqali ishlaydi

"Local link" lar ya'ni bir biriga taaluqli silkalar (https://www...) siz yoziladi.

Namuna:

<a href="a_html_images.php">HTML Images</a>

HTML Silkalar(Linklar) - Ranglari

Sichqonchani silka ustiga olib borsangiz, odatda 2 xil narsa sodir bo'ladi

  • Sichqoncha ko'rinishi kichik qo'l shakliga aylanadi.
  • Link matnini rangi o'zgaradi

Umumiy holatda, link quyidagicha holatda paydo bo'ladi (hamma brauzerlarda):

  • Tashrif buyurilmagan link lar tagiga chizilgan va ko'k rangda
  • Tashrif buyurilgan linklar tagiga chizilgan va to'q qizil rangda
  • Aktiv linklar tagiga chizilgan va qizil rangda

Siz link ranglarini o'zingiz istagan rangga o'zgartirishingiz mumkin:

Namuna:

<style>
    a:link    {color:green; background-color:transparent; text-decoration:none}
    a:visited {color:pink; background-color:transparent; text-decoration:none}
    a:hover   {color:red; background-color:transparent; text-decoration:underline}
    a:active  {color:yellow; background-color:transparent; text-decoration:underline}
</style>

Innovative Lab web sahifasiga xush kelibsiz biz bilan birga IT sohasidagi o'z bilimlaringizni bosqichma-bosqich oshirib boring!


Telegram kanalimizdan kunlik darslarni o'rganing  

TOSHKENT SHAHRIDAGI INHA UNIVERSITETI - 2017