Agar siz o'z veb-sahifangizni yaratmoqchi bo'lsangiz, HTML haqida tushunchaga ega bo'lishingiz kerak. Ushbu maqolada HTML sahifani qanday yaratish kerakligi tushuntiriladi. Shuningdek, xml sayt xaritasini qanday yaratish va rasm va havola qo'shishni o'rganasiz. Xml sayt xaritasini yaratish ham muhimdir, bu sizning saytingizni tartibga solish va trafikni oshirishga yordam beradi. Keyingi qadam shablonni tanlashdir.
Html sahifa yaratish
HTML belgilash tilidir. Veb-sahifaning har bir elementi teg bilan ifodalanadi. Teg burchakli qavslar bilan aniqlanadi, va har bir element bir yoki bir nechta tegga ega. Ba'zi elementlar faqat bitta tegni talab qiladi; boshqalar ikkita talab qilishi mumkin. Ochilish va yopish teglari oldinga qiyshiq chiziqqa ega (/). Masalan, paragraf elementi p teg bilan ifodalanadi. Ochilish va yopish teglari orasidagi matn paragraf matnidir.
HTML hujjat yaratish uchun, matn muharriridan foydalanishingiz kerak bo'ladi. Ko'pgina kompyuterlarda sukut bo'yicha matn muharriri mavjud. Windows foydalanuvchilari Internet Explorer-dan foydalanadilar, Mac foydalanuvchilari esa TextEdit dan foydalanishlari mumkin. Professional ko'rinishdagi veb-sahifa yaratish uchun chiroyli matn muharririni o'rnatishingiz mumkin, lekin birinchi HTML sahifangiz uchun, kerak emas. Bundan tashqari, oddiy matn muharriri va istalgan veb-brauzerdan foydalanishingiz mumkin. Qaysi dasturdan foydalanishni bilmasangiz, bepul HTML muharririni yuklab ko'ring.
HTML sahifasida ikkita asosiy bo'lim mavjud: tana va bosh. Tana bo'limida veb-saytning haqiqiy mazmuni mavjud, bosh qismi esa sarlavha va meta-ma'lumot uchun ishlatiladi. Tana boshqa barcha elementlarni o'z ichiga oladi, shu jumladan tasvirlar va boshqa grafikalar. Sarlavha bo'limi navigatsiya havolalarini joylashtirish uchun joy. Tanani yozishni tugatganingizdan so'ng, hujjat mazmunini kiritishga tayyorsiz. Veb-saytingiz hamma uchun ochiq bo'lishini ta'minlash uchun tana va bosh elementlaridan foydalanganingizga ishonch hosil qiling.
xml sayt xaritasini yaratish
Agar sizda HTML sahifangiz bo'lsa, qidiruv tizimlariga veb-saytingizni tekshirishga yordam berish uchun XML sayt xaritasini yaratishni xohlashingiz mumkin. Garchi bu sizning qidiruv reytingingizga ta'sir qilmasa ham, bu qidiruv tizimlariga kontentingizni tushunishga va ularning skanerlash tezligini sozlashga yordam beradi. Bu yerga, veb-saytingiz qidiruv tizimi natijalarida ko'proq ko'rinadi. Bu yerda boshlash uchun bir necha oson qadamlar:
HTML sayt xaritasini yaratish juda oson. Siz qilishingiz kerak bo'lgan yagona narsa - saytingiz sahifalarining oddiy jadvalini yaratish, har bir sahifaga havolalar bilan. Keyin sarlavha yoki altbilgida o'sha sayt xaritasi sahifasiga havola qiling. Bu yerga, saytingiz qancha sahifaga ega bo'lishidan qat'iy nazar, odamlar ular orqali osongina harakat qilishlari mumkin. Bundan tashqari, sayt xaritasini yaratish uchun SEO-ni topshirishingiz shart emas.
Sizning HTML sahifangiz jonli bo'lgandan keyin, uni Google Search Console-ga yuboring. Siz istalgan fayl kengaytmasidan foydalanishingiz va XML sayt xaritangizga nom berishingiz mumkin. XML sayt xaritasini Google-ga yuborishingiz mumkin, lekin kerak emas. Google brauzerlari odatda yangi kontentni kashf etishda juda yaxshi, va ularga sayt xaritasini topshirishingiz shart emas. Siz uni boshqa qidiruv tizimlariga ham yuborishingiz mumkin, lekin bu sizni Google tomonidan topilishiga kafolat bermaydi.
Veb-sahifangizga XML sayt xaritasini qo'shish shart emas, lekin bu sizning veb-saytingizning SEO darajasini oshiradi. Sayt xaritalari qidiruv tizimlari tomonidan veb-sahifa bilan bevosita bog'lanmagan sahifalarni indekslashda yordam berish uchun ishlatiladi.. Sayt xaritalari, shuningdek, boy media kontentiga kirish imkoniyatini yaxshilashga yordam beradi. Veb-saytingizga sayt xaritasini qo'shish saytingizni qidiruv botlari uchun yanada qulayroq qilishga yordam beradi.
Rasm qo'shish
HTML tilida, img tegidan foydalanib, sahifaga rasm qo'shishingiz mumkin. Bu tegda faqat rasm va uning atributlari mavjud; u yopish tegini talab qilmaydi. Ushbu rasm tegi HTML hujjatining asosiy qismiga kiritilishi kerak. Rasmning kengligi va balandligidan tashqari, rasmni tavsiflovchi alt atributni kiritishingiz kerak. Alt yorlig'i xuddi uni ko'ra olmaydigan odam uchun tavsif yozayotgandek yozilishi kerak.
HTML hujjatiga rasm qo'shish uchun biroz CSS va HTML bilimlarini talab qiladi. Tasvirning o'lchami va piksellar sonini hisobga olish kerak bo'lgan ikkita muhim omil. Rasmning o'lchami uning hujjat mazmuniga qanday mos kelishini aniqlaydi. Agar siz boshqa ruxsat yoki tomonlar nisbatidan foydalanishni xohlasangiz, tasvir hajmini o'zgartirishga urinib ko'rishingiz mumkin. Biroq, esda tutingki, masshtablash har doim ham siz kutganingizdek ishlamaydi.
Tasvirning o'lchamini sozlashning yaxshi qoidasi uning kengligini oshirishdir. Kengligi balandlikdan kamida bir piksel kichikroq bo'lishi kerak. Agar rasm ko'rsatish uchun juda kichik bo'lsa, chegara qo'shishingiz mumkin, va keyin uni tasvir o‘lchamiga moslashtirib sozlang. Rasm chegarasini chegara atributiga qo'shish orqali ham sozlashingiz mumkin. Chegara qalinligi standart qiymatdir, lekin siz uni istalgan qiymatga o'rnatishingiz mumkin. Rasmda src atributiga ega ekanligiga ishonch hosil qiling.
Havolani qo'shish
Hujjatingizga HTML-dagi havolani a yordamida qo'shishingiz mumkin> href atributi bilan teg. Bu hujjat uchun xatcho'p yaratadi va uni yangi tabda ochadi. Hujjatga rasm kiritish uchun href atributidan ham foydalanishingiz mumkin. HTML tugmachasini havolaga aylantirish uchun JavaScript kodi bilan havoladan ham foydalanishingiz mumkin. Buni qilganingizdan keyin, havolangizni CSS yoki JavaScript kodi bilan uslublashingiz mumkin.
Havola - bu bir veb-resursdan boshqasiga ulanish. U ikkita uchidan iborat, manba langari va maqsadli langar. Havola rasmdan matn fayligacha bo'lgan har qanday narsa bo'lishi mumkin. Aksariyat ijtimoiy tarmoq saytlari va veb-saytlari foydalanuvchilarni ma'lum bir URL manziliga yo'naltirish uchun havolalardan foydalanadi. HTML havolaning joylashuvini belgilash uchun ham ishlatilishi mumkin. Bu’ atribut kod elementlarini URL manziliga ulash imkonini beradi.
Havolani loyihalashda, tashrif buyuruvchilaringiz kontentdan qanday foydalanishini o'ylab ko'ring. Havola matni tavsiflovchi bo'lishi kerak, Shunday qilib, ular nimani kutishlari kerakligini aniq bilishadi. Xuddi shu URLni takrorlash ekranni o'qiydiganlar uchun yomon, va bu ularga hech qanday foydali ma'lumot bermaydi. Ekranni o'qiydiganlar, shuningdek, foydalanuvchilarga havolalar mavjud bo'lganda ularni turli uslubda yoki tagiga chizilgan qilib bildiradi. Shu tarzda, shu ravishda, shunday qilib, ular o'zlariga kerakli ma'lumotlarni osongina topishlari mumkin.
Jadval qo'shish
HTML sahifasiga jadval qo'shish juda oddiy, lekin buni amalga oshirishdan oldin bir nechta narsalarni hisobga olishingiz kerak. Jadvalingizning fon rangi tashrif buyuruvchining e'tiborini jalb qilish va muhim ma'lumotlarga e'tiborni jalb qilish uchun juda muhimdir. Jadvalning sarlavha elementi va ma'lumotlar elementi uchun olti burchakli rang kodlari yoki rang nomlari yordamida boshqa rangni o'rnatishingiz mumkin. Nima bo'lsa ham, stolingiz osongina ko'rinadi.
Siz td elementi bilan jadval sarlavhasi va jadval ma'lumotlarini qo'shishingiz mumkin, shaxsni belgilaydi “qutilar” tarkib uchun. Jadval sarlavhasini qo'shish veb-sahifadagi ma'lumotlarni ko'rsatish uchun birinchi qadamdir, va agar xohlasangiz, birinchisini qo'shishingiz kerak. Jadvalda uchta qator sarlavhasi ham bo'lishi kerak. Bitta sarlavha bo'sh bo'lishi kerak. Agar jadvalingizda ustunlar bo'lsa, har bir ustun uchun satr sarlavhalarini ham yaratishingiz kerak.
Jadvalingizga taglavhalarni ham qo'shishingiz mumkin. Sarlavha jadvalning maqsadini tavsiflovchi ixtiyoriy elementdir. Taglavhalar ham qulaylik uchun foydalidir. Jadvalda ma'lumotlar guruhlarini tavsiflovchi hujayralar ham bo'lishi mumkin. Nihoyat, satrlar va ustunlar to'plamini belgilash uchun thead elementini qo'shishingiz mumkin. Siz ikkala elementni birgalikda yoki alohida ishlatishingiz mumkin. Siz hatto ularni birgalikda ishlatishingiz mumkin, lekin sarlavha eng muhimi.
Div qo'shish
HTML faylga div qo'shish butun sahifani qayta yozmasdan veb-sahifangizning bir qismini qo'shish imkonini beradi.. Div elementi matn uchun maxsus konteynerdir, tasvirlar, va boshqa elementlar. Siz uni o'zingiz yoqtirgan narsani nomlashingiz va uning atributlarini ehtiyojlaringizga qarab o'zgartirishingiz mumkin. Bundan tashqari, div va sahifangizdagi boshqa elementlar o'rtasida bo'sh joy yaratish uchun sinf yoki chekka qo'shishingiz mumkin.
Div ichiga kod kiritish uchun innerHTML atributidan ham foydalanishingiz mumkin. Bu usul qatorga kiritilgan kodni qabul qiladi, va agar u div ichida bo'lmasa, tarkib o'chiriladi. Shu tarzda div ga kod kiritishdan qochishingiz kerak, chunki bu sizning veb-saytingizda saytlararo skriptlarning zaifliklariga duch kelishi mumkin. Agar siz JavaScript kabi skript tilidan foydalanayotgan bo'lsangiz, innerHTML atributidan foydalanishingiz mumkin.
Div - bu hujjat ichidagi kodlarni guruhlash uchun ishlatiladigan asosiy HTML tegi. U paragrafni o'z ichiga olishi mumkin, blok iqtibos, tasvir, audio, yoki hatto sarlavha. Uning joylashuvi sahifaning turli bo'limlariga bir xil uslub va tilni qo'llash imkonini beradi. Divs eng yaxshi ketma-ket elementlar guruhlari uchun umumiy bo'lgan semantikani belgilash uchun ishlatiladi. Agar siz butun sahifani qayta yozmasdan, bo'limga uslub qo'shmoqchi bo'lsangiz, div dan foydalanish kerak.