Veb-sahifada qanday belgi yaratish kerak. Sharhlar va langarlar
Internetda uzoq vaqt kunlik hayotning ajralmas qismi bo'lib kelgan. Odamlar mamnuniyat bilan yangiliklarni o'qish uchun turli xil joylarga boradilar, fotosuratlar almashinuvini almashtirishadi, kulgili videolar yoki xaridlarni tomosha qilish uchun vaqt o'tkazishadi.
Va davri kelganiga qaramay mobil texnologiyalar Ilovalar, go'zal va qiziqarli veb-sahifalarni yaratish uchun texnikalar yaxshilanmoqda. Ko'p foydalanuvchilar o'zlarining sevimli brauzeri sahnalarining orqasida yashiringan va ular kredit kartalari bilan xarid qilishganda nima sodir bo'lishlarini bilishadi. Va aslida, veb-saytdan foydalanish uchun eng qulay va yoqimli tajribani taqdim etish uchun yaratilgan va yaxshilangan bularning barchasida minglab kodlar mavjud. Anchor HTML, giperhavolalar, belgilar, ismlar - bu va boshqa ko'plab tushunchalar keyingi maqolada yanada tavsiflanadi.
Veb-sahifaning asoslari
Internetdagi veb-saytlar va sahifalarni yaratish uchun o'nlab odamlar bilan bir xil darajada ochiq bo'lishi mumkin turli xil brauzerlar Bir vaqtning o'zida bir nechta platformalarda ushbu turdagi hujjatlar uchun yagona spetsifikatsiya qilish kerak edi. HTML ushbu spetsifikatsiya (ingliz tilidan. Hypertext Markup tili).
Bu degan ma'noni anglatadi "Til gipertekmatny belgisi" degan ma'noni anglatadi. Va bu atama o'zining maqsadini aniq tavsiflaydi. HTML hujjati tuzilmasi Veb-sahifaning o'zi tarkibini tavsiflamaydi - bu faqat "belgilari" turli xil bo'limlarni, ularga ma'lum atributlar yoki xususiyatlarni beradi. Ushbu belgi hujjat brauzeridan brauzerdan bir xil ko'rinishga imkon beradi va shuningdek, Internet-uzatish protokollari global veb-http va https-dagi ma'lumot uzatish protokollarining kalitidir.
H Hujjat tuzilishi
Har qanday HTML hujjatning markazida hatto sonli teglar sonini yotadi. Bular o'ziga xos xususiyatlarni beradigan maxsus belgilar. Asosiy xususiyat Tegov shundaki, ular albatta juftlik qilishadi - birinchi yorliq "ochilish" va uning orqasida har doim "yopilish" ni kuzatishi kerak.
Shunday qilib, brauzer chegaralar yorlig'i bilan belgilangan sifatlar bilan nimadan foydalanilishini aniq biladi. Biroq, teg bo'sh bo'lishi mumkin (o'z ichiga o'z ichiga olgan tarkib). Ikkala misol - bu qator o'tkazish elementi. Matn yoki boshqa ma'lumotlarni o'z ichiga olmaydi teglar, albatta, deyarli yopilmaydi. Teglar matnni yoki aniq rangni yoki uslubni berish yoki hujjatdagi maxsus elementlarni amalga oshirish uchun ishlatilishi mumkin (jadvallar, media fayllari, havolalari).
HTML langar va hujjatdagi havolalar
Saytga tashrif buyuruvchilarga turli xil sahifalar orasida yoki bitta sahifada harakat qilish imkoniyatini berish uchun siz havolalardan foydalanishingiz mumkin. Bir saytda yoki bir nechta, giperhavolalar ishlatilgan. Odatda ular resursning tegishli hududlarida ikkitasi o'rtasidagi aloqa uchun xizmat qilishadi.
Yaxshi veb-sayt dizayni qoidalaridan biri bu faqat tarkibida bir xil joyda bir-birida bir xil joyda bir-biriga birlashishi zarurati. Agar sahifa juda katta yoki mantiqiy bo'limlarga bo'lingan bo'lsa, foydalanuvchiga sahifalar bo'limlari o'rtasida tezda harakat qilish qobiliyatini berish mantiqiy. Va bu erda html lantor juda foydali bo'ladi. Ko'pincha, ushbu usul sarlavha loyihalashtirishda, uni maqsadli ma'lumot maydoni bilan bog'lashda ishlatiladi. Shuningdek, ushbu turdagi navigatsiya reklama maqsadlarida juda qulay bo'lib, foydalanuvchini boshqa tarkibga yo'naltiradi, boshqalarni chetlab o'tadi.
Silliq o'rni bilan HTML lanchoridan foydalanish uchun ishlab chiqaruvchi hujjat tuzilmasida JavaScript havolasiga joriy qilinishi kerak.
Qanday yaratish kerak
HTML langarni sahifada qo'yish uchun standart yorliq ma'lumotnomasi ishlatiladi. Bu HTML hujjatli tuzilishining asosiy teglaridan biridir.
Ushbu yorliqning tavsiflangan ma'lumot turini ko'rsatadigan HREF yoki ismga teng atributlar bo'lishi mumkin. HTML havola lichor "#" belgisi yordamida giperhavoladan farq qiladi. Shundan so'ng, siz brauzer o'tish maqsadini aniq belgilab qo'yishi uchun noyob anchor nomini ko'rsatishingiz kerak. Shuni unutmaslik juda muhim, buni ikkita bir xil nom berilmasligi mumkin, ammo bunga joiz turli sahifalar Sayt.
Hujjat tuzilishida langarni yaratish misoli
Sahifada langar html qanday qilib qo'yish kerak? Avval siz xizmat qiladigan hujjatning bir qismini tanlashingiz kerak. Ular katta matn ichidagi subtitr bo'lishi mumkin. Bunday subtitrlar odatda yorliq bilan ajratiladi.
Odatda langar identifikatori ochilish yorlig'ida o'rnatiladi va "ID \u003d" atributini tasvirlash uchun ishlatiladi. Kekorning o'ziga xos nomidan keyin. Bu atribut deyarli har qanday ochiq yorliqda bo'lishi mumkin. HTML langar sahifasida chaqirilgandan so'ng, biz uchun qolgan barcha narsalar bu hujjatning boshqa qismida yoki boshqa hujjatda havolani yaratishdir.
Bunday subtitrlar odatda yorliq bilan ajratiladi.
. Odatda langar identifikatori ochilish yorlig'ida o'rnatiladi va "ID \u003d" atributini tasvirlash uchun ishlatiladi. Kekorning o'ziga xos nomidan keyin. Bu atribut deyarli har qanday ochiq yorliqda bo'lishi mumkin. HTML langar nomi belgilangandan so'ng, biz uchun qolgan barcha narsalar hujjatning boshqa qismida yoki boshqa hujjatda bu haqda ma'lumotni yaratishdir. Ma'lumotni bitta hujjat ichida qabul qilish ko'pincha mahalliy deb nomlanadi, turli hujjatlar bo'yicha turli xil hujjatlar bilan bog'liq deb ataladi.
Biroq, "HTML" vositasi langarlar orasidagi silliqlikka erishish qiyin. Ammo bu yondashuv foydalanuvchi sahifada yoki sahifalarda suzishiga olib keladi va shu bilan va shu bilan va shu bilan resursdan foydalanishga ta'sir qiladi. Mahalliy langarlar holatida, HTML langardan silliq aylantirish uchun juda qulayroqki, sayt mehmoni ma'muriyatni resursga olib boradigan yo'nalishni tasavvur qilish mumkin.
Shunga o'xshash effektni yaratish uchun siz JavaScript vositalariga murojaat qilishingiz kerak. Kichik skriptning ishlash printsipi quyidagicha bo'ladi - birinchi navbatda HTML-Lanchorning standart xatti-harakatlarini sahifada blokirovka qilishimiz kerak. Bu lozim, brauzer havolani havolaga mustaqil ravishda yo'naltirmaydi. Shundan so'ng, bizning skriptimiz yorliqda mavjud bo'lgan identifikatorni qayta ishlaydi . HTML LNCHOR ismi saqlanadi, qidiruvni animatsiya o'tkazish uchun manzilni topish uchun olib boriladi. Maqsad topilsa, skript sahifaning boshlanishidan biz eslatib o'tadigan elementning yuqori nuqtasiga kiradi. Bu masofa sahifaning aylantirilishini buzish uchun ishlatiladi. Biz faqat o'zingizni aylantirish tezligini aniqlashimiz kerak.
Maxsus qoida
Veb-sahifalarni yotqizishda dizaynerlar har doim sahifa ma'lumotlarini haddan tashqari yuklash uchun noto'g'ri yuklash noto'g'ri ekanligini eslashlari kerak, chunki bu uning idrokini yomonlashtirishi mumkin. Va agar siz foydalanuvchini Sahifaning muhim sahifasiga o'tish uchun imkoniyat berishingiz kerak bo'lsa, unda HTML Lanchor-dan foydalanish osonroq va yaxshiroq narsa yo'q. Sahifaning turli qismlari orasidagi o'tishni jonlantirish JavaScript kodining bir nechta satrlari tomonidan amalga oshiriladi va uning ta'siri juda muhimdir - foydalanuvchi har doim hujjatning qaysi qismida va u davom etishi kerakligini biladi.
13.07.2015
Hammaga salom!
Biz HTML asoslarini zo'rg'a o'rganishni davom ettirmoqdamiz.
Ushbu darsda biz langar otishni o'rganamiz HTML sahifa.
Qo'rqmang! Siz to'g'ri narsani urdingiz - bu erda men dengizchilarga aytmayman va o'rgatmayman. Ushbu darsda men sizga HTML sahifasida langar yasash va langar otishni boshqa sahifaga qanday qilib olish kerakligini aytib beraman.
Dars juda foydali va muhim bo'ladi, chunki siz yana bir bor yaqinlashmaysiz HTML-langarlar.
Langar - bu joylashtirilgan noyob nom bilan xatcho'p html muayyan joyda hujjatda va ma'lumot orqali tezda o'tish uchun xizmat qiladi.
Agar sizga askativ aniqlashtirish yoqsa, men o'zimni shunday ifoda etaman:
Langar - Bu kitobdagi xatcho'plar yoki tarkibning o'xshashligi uchun bu narsa.
Bu ko'pincha armatura aloqalari uchun (yagona qurbongohlar) yoki maqolaning boshida, kerakli bo'limga (Vikipediyadagi kabi) tez o'tish uchun ishlatiladi.
Menimcha, siz allaqachon tushundingiz, h keyin bunday maslahatchi langar. Agar yo'q bo'lsa, tushkunlikka tushmang. Nazariyni gol urmang, chunki amaliy misollardan keyin siz hamma narsa ravshan bo'lasiz.
○ Qanday qilib langarni yaratish kerakHtml
Veb-sahifada langar yaratish uchun teging "Ism" atributini, masalan, noyob ismni ko'rsatadigan joyda, "Stepmallog".
HTMLda olib borilayotgan armatura tartibi quyidagicha ko'rinadi.
Yorliq uchun Yopish yorlig'i Majburiy.
Diqqat:
To'g'ri emas:
O'ngdan:
Siz "ism" atributini "ism" atributini o'rniga yozishingiz mumkin
shunday bo'lishi mumkin
Diqqat: Lotin tilida langarning nomi yozilgan bo'lishi kerak.
To'g'ri emas:
O'ngdan:
HTML-da qilingan tarkib.
1-moddaga o'tish 1 - Blog bloggoocoo.ru haqida2-moddaning 2-moddasiga o'ting - Blugli blog sayti
3-moddaga o'ting - sayt haqida Wm-money.org.ua
1-modda. Blog blioggood.ru haqida
Turli xil mavzular, SEO-optimallashtirish, Sayt targ'ibot, sayt yaratish, sayt uchun mazali ta'sirlar va boshqa ...
2-modda. Blog veb-sayti haqida
Blog bag'ishlangan: HTML, CSS, PHP, WordPress, boottrap
Maqola raqami 3 - Pro sayt wmmoney.org.ua
Almashuv, chiqing va WebMoney-ni kiriting
○ Qanday qilish kerakhTML langar boshqa sahifaga
Ichamiz, sizda ikkita veb-sahifa mavjud. Birinchi sahifada foydalanuvchiga boshqa sahifaning ma'lum bir qismiga, masalan, yozuvchi Taras Shevchenkoning hayoti davomida yuboradigan havolani amalga oshirmoqchi bo'lsangiz.
Shunday qilib, bu shunday amalga oshiriladi. Birinchi sahifada langar bog'lang. Ikkinchi sahifada siz kerakli joyda langar yaratishingiz kerak.
Endi buni misolda amalga oshirishga harakat qilaylik.
Masalan, "Index-1.HTML" deb nomlangan sahifani yarating.
Linkni matn langariga joylashtiring:
matn .. t. g. Shevchenko ... Matn
To'la tayyor HTML Kod: