HTML-ni Qanday Qilib Bog'lash Kerak

Mundarija:

HTML-ni Qanday Qilib Bog'lash Kerak
HTML-ni Qanday Qilib Bog'lash Kerak

Video: HTML-ni Qanday Qilib Bog'lash Kerak

Video: HTML-ni Qanday Qilib Bog'lash Kerak
Video: 1-dars. 1 SOATDA 'HTML'NI PROFESSIONAL TAZRDA ORGANAMIZ (UZB) HTML ЗА 1 ЧАС 2024, May
Anonim

Agar saytingizdagi maqolalar ro'yxat elementlari o'rtasida qulay o'tishni istasangiz, saytdagi langar juda foydali. Ular sahifani kerakli nuqtaga aylantiradi yoki kerakli sahifani ochadi, bu foydalanuvchiga kerakli ma'lumotlarni tezda topishda yordam beradi.

HTML-ni qanday qilib bog'lash kerak
HTML-ni qanday qilib bog'lash kerak

Agar siz o'zingizning saytingizni yozayotgan bo'lsangiz, saytingiz navigatsiyasini qanday qilib qulayroq qilish haqida o'ylashingiz kerak edi. Shunday qilib, foydalanuvchi o'zingizga kerak bo'lgan ma'lumotni saytingizning barcha sahifalari orasida izlashi shart emasligi uchun eng yaxshisi "langar" texnikasini qo'llang. Bu sizning saytingizning istalgan joyidagi har qanday ma'lumot yoki hujjat uchun havolani yaratadi.

Nazariya

Ankrajni yaratish uchun sizga ikkita element kerak:

  • Bizning langarga bog'lanishni ko'rsatadigan kodning bir qismi saytning boshqa qismida qoldirilgan.
  • Identifikator ko'rsatilishi mumkin bo'lgan kodning har qanday qismi bizning langarimizdir.

Avval siz langarning birinchi qismini - unga havolani yaratishingiz kerak. Ankraj havolasi ikki qismdan iborat: sahifa havolasi va anker havolasi.

  1. "A" yorlig'i yoki "href" atributini qo'llab-quvvatlaydigan boshqa yorliq yarating
  2. Ushbu tegda "href" atributini yarating
  3. Atribut qiymatida sayt sahifasiga havolani ko'rsating.
  4. Havoladan keyin "#" belgisi va langar uchun har qanday nom yordamida langarga havolani ko'rsating (birgalikda yozilgan, masalan: "#anchor")

Agar siz 3-bandni o'tkazib yuborsangiz va sayt sahifasiga havolani ko'rsatmasangiz, langar joriy sahifada qidiriladi. Ya'ni, agar siz o'sha sahifada joylashgan langarga havola yaratmoqchi bo'lsangiz, sahifaning o'ziga havolani qoldirib qo'yishingiz mumkin.

Anchorning ikkinchi qismini - identifikatorni yaratish qoladi. Bu id atributini qo'llab-quvvatlaydigan sayt kodidagi har qanday tegga ishora qiladi. Ankraj yaratish uchun sizga quyidagilar kerak:

  1. Kerakli tegda "id" atributini yarating.
  2. "Id" atributida oldingi bosqichda ko'rsatilgan langar nomining qiymatini ko'rsating. (misol:)

Ushbu ikki bosqichdan so'ng saytda ko'rsatilgan langarga olib boradigan havola paydo bo'ladi.

Amaliyot

Keling, aniq bir misol yordamida langarni qanday yaratishni ko'rib chiqaylik.

Bizda shunday sodda sahifa mavjud:

Rasm
Rasm

Sahifaning yuqori va pastki qismlarida bizda matnlar, bo'sh joy yaratadigan ko'plab "br" teglari mavjud. Pastda joylashgan matnni tezda ko'rib chiqishimiz uchun biz langarni yaratishimiz kerak.

Buning uchun "yuqori qismidagi matn" yozuvidan keyin yangi yorliq - "a" yarating. Unda biz "href" atributini yaratamiz. Ankrajni yanada qulayroq qilish uchun biz havolada "pastga" yozamiz.

Rasm
Rasm

Endi biz atributda "#yakor" qiymatini belgilaymiz - bu langar nomiga havola bo'ladi.

Rasm
Rasm

Anchorning birinchi qismi - unga havola - tayyor. Endi langarni o'zi yaratishgina qoladi. Biz sahifaning kerakli qismiga o'tamiz. Bunday holda, bu "pastki qismdagi matn" dir. Bu yorliqsiz oddiy matn bo'lgani uchun uni yaratishimiz kerak. Buning uchun matnni "paragraf" - "p" yorlig'iga qo'ying.

Ushbu tegda biz "id" atributini yaratamiz va unga "yakor" qiymatini kiritamiz. "Yakor" qiymati havolada ko'rsatilgan langar nomiga mos keladi.

Rasm
Rasm

Endi bizning langarimiz kerak bo'lganda ishlaydi.

Tavsiya: