Veb-saytlar, bloglar, veb-sahifalar - bizning davrimizda allaqachon tanish bo'lgan tushunchalar. Internetning rivojlanishi bilan veb-sahifalarni joylashtirish uchun saytlar nihoyatda mashhur bo'lib ketdi va bu ajablanarli emas: ba'zi odamlar uchun o'z veb-saytiga ega bo'lish zarurat, boshqalar uchun bu yoqimli o'yin-kulgi. Birinchi holda, biz odatda firmalar, korporatsiyalar, xususiy tadbirkorlar haqida gapiramiz, ular talab qilinadigan har qanday mahsulot yoki xizmatni reklama qilganda. Ikkinchisi bloggerlar haqida.
Bundan tashqari, shunchaki ma'lumot qidiradigan, bloglarni o'qiydigan, video tomosha qiladigan va hokazolar bilan shug'ullanadigan Internet foydalanuvchilari bor.
Sifatli veb-sayt yaratish uchun koʻplab imkoniyatlar mavjud. Biz HTML orqali veb-dasturlashga e'tibor qaratamiz.
HTML nima
HTML Hyper Text Mark-Up Language degan ma'noni anglatadi. Ingliz tilidan tarjima qilingan bu "Gipermatnni belgilash tili" degan ma'noni anglatadi.
Boshqacha qilib aytganda, HTML - bu saytning asosiy elementlarini, uning ramkasini yaratishingiz mumkin bo'lgan kodlar to'plami.so'zlar jumlalardan qanday tuzilgan.
HTML kodlari faqat lotin harflarida yozilgan va teglar deb ataladi va har bir kod burchakli qavslar ichiga olinadi. Ayrim teglar bogʻlangan, baʼzilari esa uzilgan.
Juftlangan, albatta, ular juftlikda ishlatilishi kerak. Masalan, ochilish tegi veb-sahifaning qayerdan boshlanishini, yopilish tegi esa qayerda to‘xtashini ko‘rsatadi. Ikkinchisi ochilish burchakli qavsdan keyin slash belgisi mavjudligi bilan birinchisidan farq qiladi. Masalan, - ochilish tegi,- yopish tegi.
Ulanmagan teglar uchun hamkor kerak emas.
Ko'pgina teglar atributlarga ega bo'lishi mumkin - qo'shimcha elementlar, bu unga aniqroq ma'no beradi. Masalan,. tegi
HTML qayerda ishlatiladi
HTML qayerda kerakligi haqidagi klassik tushuncha veb-sayt yaratishdir.
Amalda bu yetarli boʻlishi mumkin, chunki HTML sizga saytning asosiy elementlarini, menyularni (shu jumladan koʻp darajalilarini) yaratish, fonni oʻrnatish, matn, tasvir, audio, video kiritish, shriftlarni tahrirlash imkonini beradi. va boshqalar.
Biroq, veb-sahifaga qiziqarli va tez-tez kerakli elementlarni qo'shish imkonini beruvchi boshqa tillar ham mavjud:
- CSS teglar yordamida alohida elementlarning uslub xususiyatlarini doimiy ravishda belgilashga hojat qoldirmasdan butun sayt uchun uslublarni o'rnatadi - masalan, matnning rangi va shrifti.
- Skript tili saytga mini-dasturlarni (skriptlarni) ishlab chiqish va joylashtirish imkonini beradi.banal estetik narsalar (sichqonchani bosib turganda havola rangini o'zgartirish) va funktsional (mijozlarning elektron pochta manzillari, telefon raqamlarini yig'ish) bilan yakunlanadi.
- PHP bilan siz oʻzingizning mehmonlar kitobingizni yoki sharhlar tizimingizni ishlab chiqishingiz mumkin.
Shuningdek, HTML tarqatish uchun elektron pochta xabarlarini yaratishda ishlatiladi.
Havola nima
Ular sizga sayt ichida ham, tashqarisida ham boshqa veb-sahifaga oʻtish imkonini beradi.
HTML havolalari odatda ishlatiladi:
- Tashqi veb-resursga oʻtish uchun.
- Sayt ichidagi sahifalar boʻylab harakatlanish uchun.
- Google shakllariga oʻtish uchun.
HTML-dagi manbaga havola ham tez-tez ko'rsatiladi, ayniqsa boshqa saytdan materialni nusxalashda muallifni ko'rsatish kerak. Aks holda, mualliflik huquqining buzilishi, kontentni o'g'irlash va teskari ta'riflar ostida mualliflik huquqisiz nusxa ko'chirish mumkin. Bundan tashqari, qarzga olingan, noyob bo'lmagan materiallardan foydalanish SEO samaradorligini pasaytiradi va manbaga havolani ko'rsatish xavflarni kamaytiradi.
Havola turlari
Klassik ma'noda havola veb-resursning manzili bo'lib, uni bosish orqali o'tish mumkin.
Bundan tashqari, giperhavolalar mavjud: matn va rasmlar. Bunday hollarda HTML havolasi ba'zi jumla (so'z) yoki rasm ostida "yashirin" bo'ladi va unga amal qilish uchun matn yoki rasm ustiga bosishingiz kerak.
Boshqa turdagi havolalar:
- Tashrilmagan - ma'lum bir seans davomida hali bosilmagan havola. Masalan, kecha bu havolaga kirgan bo‘lsangiz, keyin kompyuteringizni o‘chirib, bugun qayta yoqsangiz, yangi seans boshlangani uchun havolaga yana tashrif buyurilmaydi.
- Faol - bu holatda havola juda qisqa vaqt saqlanadi: havolani bosish va unga ergashish orasidagi interval.
- Tashrif qilingan – bir seans davomida kamida bir marta tashrif buyurilgan havola.
Oddiy matnli havolalar uchun tashrif buyurilganlar rangini oʻzgartiradi, agar boshqacha koʻrsatilmagan boʻlsa.
Giperbog'langan rasm, tashrif buyurilgan yoki tashrif buyurilmaganidan qat'i nazar, uning ko'rinishini o'zgartirmaydi.
Oddiy havolani qanday kiritish kerak
Koʻpgina veb-resurslar sayt manzilini havola sifatida qabul qiladi, darhol uni bosish mumkin boʻladi va rang bilan ajratib koʻrsatadi. Misol uchun, agar manzil messenjerda yoki elektron pochta orqali yuborilgan bo'lsa, uni bosish orqali siz saytga o'tishingiz mumkin.
Oʻzingiz HTML-dan foydalanib sayt yaratsangiz, havolani maxsus teg yordamida kiritishingiz kerak. Bu shunday ko'rinadi: veb-sayt manzili. HTML tilidagi havola matni protokol bilan toʻliq koʻrsatilishi kerak.
Matnli giperhavolani qanday kiritish kerak
Avvalroq aytilgan ediki, matnli giperhavola oddiy havola bilan bir xil funktsiyani bajaradi, lekin estetik jihatdan yoqimli ko'rinadi: ko'pincha keraksiz uzun bo'lgan sayt manzili o'rniga so'z yoki ibora ko'rsatilgan. Masalan, "Ma'lumotni bu erda qidiring" jumlasida siz havolani yashirishingiz mumkin"bu erda" so'zi. U ajratib ko'rsatiladi va ustiga bosish foydalanuvchini kerakli saytga olib boradi.
HTML havolasini qanday qilish haqida avvalroq muhokama qilingan. Xuddi shu teg yordamida matnli giperhavolani kiritishingiz mumkin. Faqatgina farq shundaki, teglar orasida havola berkitiladigan matnni belgilashingiz kerak: ko‘rinadigan matn.
Rasm giperhavolasini qanday kiritish kerak
Bu yerda biroz murakkabroq. Biz bir xil tegdan foydalanamiz, lekin matn oʻrniga rasmga yoʻlni koʻrsatishingiz kerak.
Yoʻl – tasvirning joylashuvi. Agar rasm (fotosurat) fayl almashish xizmatida joylashgan bo'lsa, unda siz rasmga boradigan yo'l bo'ylab barcha papkalarni slash orqali belgilashingiz kerak. Iloji bo'lsa, rasmga havolani ham qo'shishingiz mumkin.
Teglash uchun
src ga qo'shimcha ravishda boshqa atributlar ham qo'llanilishi mumkin, bu sizga tasvirning balandligi, kengligi va joylashishini va boshqa ko'p narsalarni sozlash imkonini beradi. Ulardan ba'zilari:
- Src - tasvirga yoʻlni belgilaydi.
- Lowsrc - oldingi atribut bilan bir xil, lekin past sifatli tasvirlar uchun belgilangan.
- Balandligi - rasm balandligi.
- Eng - uning kengligi.
- Alt - rasm tavsifi. Surat yoki rasm ustiga kursorni olib kelsangiz, ushbu atributda ko‘rsatilgan matn ochiladi.
- Chegara - tasvir atrofidagi hoshiya qalinligini aniqlaydi.
Atributlar tegdan keyin koʻrsatiladi va unga kiritiladiuning tarkibi. Atributdan keyin uning qiymati bo'lishi kerak. Masalan, "balandlik" yoki "kenglik" atributlari uchun (balandlik, kenglik) veb-sahifadagi tasvirning balandligini belgilaydi. O'lchov birligi piksel, agar boshqacha belgilanmagan bo'lsa.
Bu shunday boʻladi: <a href="veb-sahifa manzili"
. Ushbu atributlar tasvir uchun mos o'lchamni o'rnatishga yordam beradi. Chegara tasvir atrofida koʻrinmas chegara yaratishga yordam beradi.
Yuqoridagi atributlar rasm qoʻshish tegiga alohida qoʻllaniladi. Masalan:.
Anchor havolalari nima
Anchor havolalarini yaratish juda foydali mahoratdir. Ko'pincha veb-sahifani uzun matn bloki yoki bir sahifada bir nechta bo'limlar bilan joylashtirishga ehtiyoj bor. Bunday holda, siz darhol matn yoki veb-sahifaning kichik bo'limlariga havolalar ro'yxatidan boshlashingiz mumkin va ularni bosganingizda, foydalanuvchi to'g'ridan-to'g'ri so'ralgan bo'limga o'tadi.
Ankor havolalarini yaratish boshqa turdagi havolalarga qaraganda atribut teglaridan koʻproq foydalanishni talab qiladi.
Birinchidan, yuqori atribut yordamida har bir maʼlumot bloki yoki matnning kichik boʻlimi uchun umumiy qiymatni belgilashingiz, soʻngra uni tegishli havola bilan bogʻlashingiz kerak.
Ularning funksiyalari kengroq, shuning uchun avval oddiyroq havolalarni yaratishni oʻzlashtirib olish, keyin esa langar havolalarini shakllantirishga oʻtish tavsiya etiladi.
Maslahatlar
Tajribali yordamdasturchilar:
- Siz buni shunday qilishingiz mumkinki, havola haqidagi ma'lumotlar HTML-da kursor ustida ko'rsatiladi. Buning uchun biz grafik elementlar uchun ham ishlatadigan alt atributi yordam berishi mumkin.
- HTML yordamida havolalar roʻyxatini tuzish mumkin. Xususan, bu langar havolalari uchun, shuningdek, joriy veb-sahifadan toʻgʻridan-toʻgʻri havola boʻlishi mumkin boʻlgan veb-resurslar roʻyxatini tuzish kerak boʻlganda foydali boʻlishi mumkin.
- CSS va JavaScript, shuningdek, ba'zi HTML funktsiyalari yordamida siz odatdagidan farqli matnli havolalar va giperhavolalar dizaynini yaratishingiz mumkin. Misol uchun, kursorni havola ustiga olib borganingizda, u rangini o'zgartirishi va kursor undan uzoqlashganda oldingisiga qaytishi mumkin. Bu maxsus JavaScript skripti bilan amalga oshirilishi mumkin. Bundan tashqari, havola rangi tashrif buyurilmaganlar uchun ko'k yoki tashrif buyurilganlar uchun binafsha rangdan boshqa narsaga o'rnatilishi mumkin. Bu CSS ishi.
- Havolalarni suiiste'mol qilmang. Nomaqbul havolalari koʻp boʻlgan veb-sahifa beparvo va beparvo koʻrinadi.
- Foydalanuvchi rasmli giperhavola shunchaki rasm emas, balki rasm ekanligini tushunishiga ishonch hosil qiling.
Xulosa
HTML-da sahifaga havola qilish juda oson. Bu tilning barcha asosiy nuqtalariga amal qilish juda muhim, chunki kichik xatolik ham natija boʻlmasligiga va kod ishlamasligiga olib kelishi mumkin.
