Yangi boshlanuvchilar uchun aniq HTML qo'llanma

15 May 2018 da so'nggi yangilangan

Yigirma yil avval, hatto sevimli mashg'ulot blogger bo'lsangiz ham, siz o'zingizni himoya qilish yoki saytida oddiy vazifani qo'shish uchun veb-saytlarni kodlashni bilishingiz kerak edi. Ammo hozirda juda ko'p tahrirlovchisi va plaginlari mavjud, HTML asoslarini bilish ham talab qilinmaydi sayt yaratish or blogni ishga tushirish.

Muammo shundaki, agar siz bir necha asoslarni bilmasangiz, blogingizda haqiqiy muammoga duch kelishingiz va kichik muammo bo'lishi mumkin bo'lgan narsalarni tuzatish uchun qimmatbaho ishlab chiqaruvchilarni ishga olishingiz kerak. O'zingizning blogingizdagi o'zgarishlarni yaratibgina qolmay, balki maxsus matnli vidjetni qo'shish kabi kichik ma'lumot talab etiladi.

Va agar siz tarkibni joylashtirishni boshdan kechirayotgan bo'lsangiz, HTML bilimlari sizga qaytib kelishi mumkin.

Bu erda bloggerlar va nodavlat onlayn biznes egalari uchun HTML qo'llanmaning bir nechta versiyasi mavjud.

HTML bugungi kunda internetning asosidir. Millionlab veb-saytlar birgalikda internetni tashkil etdi. HTML - bu barcha veb-saytlarning qurilish bloki.

Boshlang'ich Q & A

1 - HTML nima?

HTML - qisqartma Hyuq Text Markup Language. Veb-brauzerlar uchun taglik mazmuni uchun standart tildir.

HTML "Elements" bilan ifodalanadi. Elementlar "Teglar" da ham tanilgan.

2 - Nima uchun HTML kerak?

Veb-brauzerlar faqatgina qo'llab-quvvatlanadigan tilda yozilgan veb-saytni ko'rsatishlari mumkin. HTML - eng keng tarqalgan formatlash tili va veb-brauzerlar uchun eng yuqori qabulga ega.

Shuning uchun HTMLga kerak.

3- HTML hodisasi sezgirmi?

HTML buyukligi sezgir emas. Lekin eng yaxshi amaliyot HTMLni to'g'ri holatlar bilan yozishdir.

Birinchi HTML faylini yaratish uchun qadamlar

Kompyuteringizda Notepaddan foydalanadigan asosiy HTML faylini yaratishingiz mumkin. Ammo kodlarning ko'p satrlarini yozish uchun og'riqli bo'ladi.

Sizga kod muharriri kerak. Yaxshi kod muharriri katta kodlarni yozishni osonlashtiradi.

Men foydalanaman va tavsiya qilaman Notepad ++ (erkin va ochiq manba) veb-tillarni yozish uchun. Siz kabi foydalanishingiz mumkin bo'lgan boshqa tahrirlovchilar ham bor ulug'vor Matn, atom va hokazo

Mana nima qilish kerak:

  1. Kod muharriri o'rnating
  2. Uni oching
  3. Yangi fayl yarating
  4. Uni .html fayli sifatida saqlang

Siz borishga tayyorsiz!


Go Top

1 - Salom dunyo!

Quyidagi kodni yangi HTML faylingizga nusxalash va joylashtirish va saqlash. Endi uni veb-brauzeringizdan boshqaring.

kodi:

<! DOCTYPE html> <html> <head> <title> Mening birinchi veb-sahifam </ title> </ head> <body> <p> Salom Dunyo! </ P> </ body> </ html>

chiqish:

Tabriklayman! Siz birinchi HTML faylini yaratdingiz. Siz bu nuqtada buni tushunishingiz shart emas. Tez orada biz uni qamrab olamiz.

HTML tuzilishini tushunish

Har HTML fayli umumiy yalang'och tuzilishga ega. Bu erda hamma narsa boshlanadi. Va har bir kattalikdagi kodlar bu tuzilishga kelgandan keyin keladi.

Keling, buni "Salom Dunyo" kodidan bilib olaylik. Quyidagi elementlar har bir HTML fayli uchun majburiy qismdir.

  • <! DOCTYPE html> = Brauzer uchun bu HTML fayli ekanligi haqidagi deklaratsiya. Uni <html> tagidan oldin ko'rsatishingiz kerak.
  • <html> </ html> = HTML faylining ildiz elementi. Siz yozgan hamma narsa <html> va </ html> o'rtasida bo'ladi.
  • <head> </ head> = Bu brauzer uchun meta axborot qismi. Ushbu teg ichidagi kodlar ingl. Chiqdi yo'q.
  • <body> </ body> = Veb brauzerining bajaradigan qismidir. Veb-saytda aniq ko'rgan narsa <body> va </ body> o'rtasida kodlash hisoblanadi.


Go Top

2 - HTML teglari

HTML - bu yuzlab turli teglar bilan hamkorlik. Siz ularning qanday ishlashini o'rganishingiz kerak. Shuningdek, siz ularni to'g'ri yo'lda ishlatganligiga ishonch hosil qilishingiz kerak.

HTML teglar odatda ochilish va yopish yorlig'i mavjud. Kirish yorlig'i (<) va (>) belgisidan kattaroq kalit bilan yozilgan. Yakunlovchi yorlig'i har bir narsani bir xil, lekin (<) belgisi kam bo'lganidan so'ng, qo'shimcha oldinga chiziq (/) mavjud.

(2a) Bosh teglar

Barcha bosh belgilar <head> va </ head> oralig'ida bo'ladi. Ular veb-brauzer va qidirish motorlari uchun metad ma'lumotlarini o'z ichiga oladi. Ular, asosan, ingl. Chiqdi yo'q.

<title> </ title>

Sarlavha tagida brauzer ko'rinishida ko'rinadigan veb-sahifaning sarlavhasi belgilanadi. Ushbu ma'lumot veb-dasturlari va qidirish mexanizmlari tomonidan ishlatiladi. Har bir HTML fayli uchun eng yuqori nomga ega bo'lishingiz mumkin.

kodi:

<title> Mening birinchi veb-sahifa </ title>
Sarlavha yorlig'i brauzeringizning yuqori qismida paydo bo'ladi.

<link>

Aloqa yorlig'i HTML-sahifangizni tashqi resurslar bilan bog'laydi. Uning asosiy maqsadi HTML-sahifani CSS uslublari bilan bog'lashdir. Bu o'z-o'zidan yopiladigan teg va tugashning hojati yo'q </ link>. Bu erda fayl rels bilan aloqani ko'rsatadi va src manbai degan ma'noni anglatadi.

kodi:

<link rel = "stylesheet" type = "matn / CSS" src = "style.css">

<meta>

Meta html fayli meta ma'lumotlarini taqdim etuvchi boshqa o'z-o'zidan yopiladigan tegdir. Ushbu axborotdan qidirish mexanizmlari va boshqa veb-xizmatlar foydalanadi. Agar sahifangizni qidirish mexanizmlari uchun optimallashtirish bo'lsangiz metan teglar shart.

kodi:

<meta name = "description" content = "Bu qidirilayotgan qidiruv tizimlarining qisqa ta'rifi"

<script> </ skript>

Skript yorlig'i server tomonidagi skriptni qo'shish yoki tashqi buyruq fayliga bog'lanish uchun ishlatiladi. U ochilish yorlig'ida ikkita atributga ega bo'lishi mumkin. Ularning biri turi, ikkinchisi manba (src).

kodi:

<script type = "matn / javascript" src = "scripts.js"> </ skript>

<noscript> </ noscript>

Noscript yorlig'i skriptlar veb brauzerida o'chirib qo'yilganida ishlaydi. Veb-brauzerlarida skriptlarga ruxsat bermaydigan foydalanuvchilarga mos sahifa yaratadi.

kodi:

<noscript> <p> Afsus! Skriptlar o'chirib qo'yilgan. </ P> </ noscript>

(2b) Tana teglari

Barcha tana teglari <body> va </ body> oralig'ida bo'ladi. Ular ingl. Ezilganlarga ega. Bu erda eng ko'p ishlar amalga oshiriladi. Asosiy sahifadagi kontentni tuzish uchun ushbu teglardan foydalanishingiz kerak.

<h1> </ h1> uchun <h6> </ h6>

Bu teglar. Eng muhim sarlavha <h1> tagida va <h6> bilan eng muhimi. Ularni to'g'ri ierarxiyada ishlatishingiz kerak.

kodi:

<h1> Bu h1 sarlavhasi </ h1> <h2> Bu h2 sarlavhasi </ h2> <h3> Bu h3 sarlavhasi </ h3> <h4> Bu h4 sarlavhasi </ h4> <h5 > Bu h5 sarlavhasi </ h5> <h6> Bu h6 sarlavhasi </ h6>

chiqish:

Teglarni formatlash

HTML fayldagi matn ko'plab formatlash belgilaridan foydalanib formatlashtirilishi mumkin. Kontentingizdagi so'z yoki qatorni ta'kidlashni xohlasangiz kerak bo'ladi.

kodi:

<p> Siz matnni ko'p jihatdan ta'kidlashingiz mumkin. </ strong> </ strong>, <u> tagini </ u>, <em> kursiv </ em>, <belgisi <belgisi>, <pastki> pastki indeks </ sub>, <sup> superscript </ sup> va boshqalar. </ p>

chiqish:

<! - ->

Fikr yorlig'ini ishlatib, ba'zi kodlarni ajratishingiz mumkin. Kod manba kodi orqali ko'rsatiladi, lekin ko'rsatilmaydi. Ushbu tegdan foydalanish asosan kelajakda murojaat qilish uchun html fayllarini yaratish uchun mo'ljallangan.

misol:

<! - <p> Har qanday kodni shu tarzda o'rab turgan holda izohlashingiz mumkin </ p> ->

(2c) Boshqa muhim HTML teglari

<a> </a>

Anchor deyarli hamma joyda ishlatiladigan qimmatbaho yorliqdir. Hech bir veb-sahifani kamida bitta aloqa liniyasi holda onlayn ko'rishingiz mumkin emas.

Tarkibi bir xil. U <a> va ochilish qismini ochadi </a>. Aloqa o'rnatmoqchi bo'lgan matn <a> va </a> oralig'ida bo'ladi.

Foydalanuvchiga qaerda va qanday qilib uning ustiga bosganini aniqlaydigan ba'zi bir xususiyatlar mavjud.

  • ahref = "" = Belgilangan manzilni belgilaydi. Aloqa er-xotin tirnoqlardan iborat.
  • target = "" = URL yangi brauzer ko'rinishida yoki bir xil ko'rinishida ochilishini belgilaydi. target = "_ blank" yangi yorliq uchun va maqsadli = "_ o'zini" bir xil oynada ochish uchun.
  • rel = "" = U joriy sahifaning bog'langan sahifaga bog'liqligini belgilaydi. Agar siz bog'langan sahifaga ishonmasangiz, rel = "nofollow" ni belgilashingiz mumkin.

kodi:

<p> Googlega borish uchun <a target="_blank" href="https://www.google.com/"> bu yerga bosing </a>. Bu yangi tabda ochiladi. </ P> <p> <a target="_self" href="https://www.google.com/"> Bu yerni bosing </a>. Bundan tashqari, sizni Googlega olib boradi, lekin joriy tabda ochiladi. </ P>

chiqish:

<img />

Rasm yorlig'i boshqa muhim yorliqdir, unda siz ko'pgina tasvirga asoslangan veb-saytlarni tasavvur qila olmaysiz.

<img /> - bu o'zini yopuvchi yorliq. </ Img> kabi an'anaviy yopilishga hojat yo'q. Buni to'g'ri ishlatishdan oldin bilishingiz kerak bo'lgan ayrim xususiyatlar mavjud.

  • src = "" = Bu tasvirning manba manzilini aniqlash uchun. Ikkala tirnoq o'rtasida bog'ni joylashtiring.
  • alt = "" = Bu muqobil matnni anglatadi. Rasmingiz yuklamaganida, bu matn foydalanuvchilarga etishmayotgan tasvir haqida fikr beradi.
  • width = "" = Pikselli tasvirning kengligini belgilaydi.
  • Juda katta = "" = Rasm balandligi pikselda belgilaydi.

misol:

<p> Avgust 2014da Googleplex. </ p> <p> Ushbu rasmda 500 pikselli kenglik va 375 piksel balandligi bor. </ p> <img src = "https://waplog.google.com/support/bin/answer.py Avgust 0 "kengligi =" 0 "balandligi =" 2014 "/>" Google XnuzX "ning umumiy markazi" / 2014 / 500e / Googleplex-Patio-Aug-375.JPG "

chiqish:

Maslahatlar: Tiklanadigan tasvirni kiritishni xohlaysizmi? Rasm kodini <a> yorlig'i bilan o'rash. Qanday qilib ketayotganiga qarang.

<ol> </ ol> yoki <ul> </ ul>

Ro'yxat yorlig'i ma'lumotlar ro'yxatini yaratish uchun. <ol> buyurtma ro'yxatlari (raqamlangan ro'yxat) va <ul> tartiblanmagan ro'yxatlar (o'q nuqtalari) ni bildiradi.

<Ol> yoki <ul> ichidagi ro'yxat elementlari <li> </ li> bilan belgilangan. li ro'yxatni ko'rsatadi. Yuqorida <ol> yoki <ul> tegidan xohlaganingiz kabi ko'plab <li> bo'lishi mumkin.

kodi:

<p> Ushbu tartiblangan ro'yxat: </ p> <ol> <li> Mavzu 1 </ li> <li> Mavzu 2 </ li> <li> Mavzu 3 </ li> </ ol> <p> </ Li> <li> Mavzu 1 </ li> <li> Mavzu 2 </ li> </ ul>

chiqish:

<table> </ table>

Jadval yorlig'i ma'lumotlar jadvalini yaratish uchun. Jadval sarlavhalarini, satrlarni va ustunlarni belgilaydigan bir necha ichki belgilar mavjud.

<table> </ table> - tashqi ota-kod. Bu tegda <tr> jadval satrini bildiradi, <td> jadval ustuni va <th> stoli sarlavhasini bildiradi.

kodi:

<table> <tr> <th> Ism </ th> <th> Yosh </ th> <th> Kasbingiz </ th> </ tr> <tr> <td> Jo <td> 27 </ td> td> tadbirkor </ td> </ tr> <tr> <td> Karol </ td> <td> 26 </ td> <td> Nurse </ td> </ tr> <tr> <td> Simone < / td> <td> 39 </ td> <td> Professor </ td> </ tr> </ table>

chiqish:

Eslatma: Birinchi <tr> ichidagi qiymatlar sarlavhalar. Shunday qilib, matni qalin matn effektini ishlatadigan <th> dan foydalanganmiz.

Jadvallarni guruhlash

Jadvalning guruhlash elementlaridan foydalanib, jadvalning funksiyasini kengaytira olasiz. Bir necha sahifaga bo'linadigan katta jadvallarni yaratish kerak bo'lgan vaqtlar bo'ladi.

Jadval ma'lumotlarini sarlavhasi, tanasi va altbilgisiga guruhlash, mustaqil ravishda o'tishga ruxsat berishingiz mumkin. Sarlavha va tananing qismi sizning stolingiz kengaygan har bir sahifaga yoziladi.

Jadvalni guruhlash teglari quyidagilardir:

  • <thead> </ thead> = Stol ustini saralash uchun. Jadvalning har bir bo'linib ketgan sahifasiga yozib qo'yadi.
  • <tbody> </ tbody> = Jadvalning asosiy ma'lumotlarini o'rash uchun. Sizga kerak bo'lganda juda ko'p <tbody> bo'lishi mumkin. <Tbody> yorlig'i alohida ma'lumot guruhi demakdir.
  • <tfoot> </ tfoot> = Jadvalning altbilgi ma'lumotlarini o'rash uchun. Jadvalning har bir bo'linib ketgan sahifasiga yozib qo'yadi.

Guruhlashni ishlatish shart emasligini unutmang. Siz undan kattaroq jadvallarni yanada o'qib chiqish uchun foydalanishingiz mumkin. Ba'zi maxsus ishlab chiquvchilar bu teglarni CSS Selectors sifatida sezilarli darajada ishlatishadi.

Quyidagi jadvalni <aad>, <tbody> va <tfoot> qatoriga qo'shishimiz mumkin:

kodi:

<table> <td> <tr> <td> <tr> <td> <tr> <t>> <tr> </ t> <tr> John </ td> <td> 27 </ td> <td> Biznesmen </ td> </ tr> <tr> <td> Kerol </ td> <td> 26 </ td> <td> td> </ tr> <tr> <td> Simone </ td> <td> 39 </ td> <td> Professor </ td> </ tr> </ tbody> <tfoot> <tr> <td> Jami shaxslar: </ td> <td> 3 </ td> </ tr> </ tfoot> </ table>

chiqish:

<form> </ form>

Form element veb-sahifalar uchun interaktiv shakllar yaratish uchun ishlatiladi. HTML formatida bir nechta elementlar mavjud. Masalan: <label>, <input>, <textarea> va boshqalar.

Shaklidagi harakat xususiyati juda muhim. Ma'lumotni qayta ishlash uchun server tomoniga yoki uchinchi tomon sahifasiga ishora qiladi. Qayta ishlash uchun siz avval usulni aniqlashingiz kerak.

Siz ikkita usuldan birini olishingiz yoki olishingiz mumkin. Post xabarning tanasi tarkibidagi ma'lumotlarni yuboradigan barcha ma'lumotlarni URL formatida yuboradi.

Formalar uchun ko'plab kirish turlari mavjud. Asosiy kirish turi matndir. <Kirish turi = "matn"> deb yoziladi. Shuningdek, radio, tasdiqlash, elektron pochta va hokazolar ham bo'lishi mumkin. Subtitrni yuborish tugmasi yaratish uchun pastdagi yozuvni kiritish kerak.

<label> teglari teglar yaratish va ularni kirishlar bilan bog'lash uchun ishlatiladi. Yorliqlar bilan bog'lash qoidasi = "" va "id" = "" atributi uchun bir xil qiymatga ega.

kodi:

<form action = "#"> <label for = "firstname"> Name: </ label> <input type = "text" id = "firstname"> Foydalanuvchining profili <label for = "lastname"> Last Name: </ label> <input type = "text" id = "lastname"> Foydalanuvchining profili <label for = "bio"> Mavzu Bio: </ label> <textarea id = "bio" rows = "10" cols = </ Label> <<label> Jins: </ label> Foydalanuvchining profili <label => "erkak"> erkak </ label> <kirish turi = "radio" nomi = "gender" id = "erkak"> <br> <label for = "ayol"> ayol </ label> <kirish turi = "radio" nomi = "gender" id = "ayol"> <br > <input type = "yuborish" value = "Submit"> <form>

chiqish:

Eslatma: Null qiymatga ishora qildim, chunki u axborotni qayta ishlash uchun hech qanday serverga ulanmagan.


Go Top

3 - HTML xususiyatlari

Xususiyatlar HTML teglar uchun modifikatorlarning bir turi. HTML teglariga yangi konfiguratsiyalarni qo'shishadi.

Attribut attributename = "" kabi ko'rinadi va HTML tagida ochiladi. Atribut qiymati juft tirnoqlardan iborat.

id = "" va class = ""

id va sinf HTML teglarining identifikatorlari. Turli nomlar identifikatorlar yordamida turli xil HTML elementlariga belgilanadi. Bir nechta element uchun bitta sinf identifikatoridan foydalanishingiz mumkin. Lekin bir nechta element uchun bitta id identifikatoridan foydalana olmaysiz.

kodi:

<h1 class = "heading"> Bu asosiy nom </ h1>

href = ""

href giperfektsiyali matnni anglatadi. Ular foydalanuvchilarni havolalariga ishora qiladilar. Ancha yorlig'i <a> foydalanuvchini maqsad URLga yuborish uchun href foydalanadi.

kodi:

<a href="https://www.google.com/"> Google </a>

src = ""

src manba manbaidir. HTML faylida foydalanadigan media yoki manba manbaini belgilaydi. Resurs mahalliy yoki uchinchi tomon URL bo'lishi mumkin.

kodi:

<img src = "https://upload.wikimedia.org/wikipedia/commons/0/0e/Googleplex-Patio-Aug-2014.JPG" />

alt = ""

alt alternativ hisoblanadi. HTML elementi yuklab bo'lmaganda ishlatiladigan zaxira matn.

kodi:

<img src = "https://upload.wikimedia.org/wikipedia/commons/0/0e/Googleplex-Patio-Aug-2014.JPG" alt = "Google Bosh markazi" />

style = ""

uslublar xususiyati odatda HTML teglarida ishlatiladi. HTML yorlig'i ichida CSS-ni ishlaydi. Sizning uslublaringiz juftlik tirnoqlari orasiga kiradi.

kodi:

<h2 style = "color: red"> Bu boshqa nom </ h2>


Go Top

4 - Kod ko'rinishi: Blok va boshqalar. Inline

Ba'zi elementlar doimo yangi chiziqdan boshlanadi va to'liq kengligi aniqlanadi. Ular "Blok" elementlari.

Misol: <div>, <p>, <h1> - <h6>, shakl va boshqalar.

Ba'zi elementlar faqat kerakli joyni oladi va yangi yo'nalishda boshlamaydi. Ular "Inline" elementlari.

Misol: <a>, <span>, <, <strong>, <img> va boshqalar.

Siz CSS uslublaridan foydalanganingizda blok elementlarini satr ichidan farqlashingiz kerak bo'ladi. Ushbu HTML qo'llanmasida juda kerak emas.

kodi:

<! DOCTYPE html> <html> <head> <title> Mening birinchi veb-sahifam </ title> </ head> <body> <h2> Bu H2 sarlavhasi. Blok ekrani mavjud. </ H2> <h2> Bu <u> boshqa </ u> H2 sarlavhasi. Bu erda pastki chiziqli teglar Inline displeyga ega. </ H2> </ body> </ html>

chiqish:


Go Top

5 - Ikkilangan baholar va HTML-dagi bitta taklif

Bu savol juda aniq. HTMLda nima foydalanish kerak? Bitta taklif yoki juft taklif bormi? Odamlar ikkalasini ham ishlatishadi, lekin qaysi biri to'g'ri?

HTMLda, bitta taklif va juft taklif bir xil. Ular chiqishda hech qanday farq qilmaydi.

O'zingiz xohlagan har qanday kishidan foydalanishingiz mumkin. Lekin kodlarning bir sahifasida aralashtirish yomon amaliyot hisoblanadi. Siz ulardan biron biriga mos kelishingiz kerak.


Go Top

6 - Semantic HTML vs Semantik bo'lmagan HTML

Semantic HTML - bu HTML5 deb nomlanuvchi HTMLning eng so'nggi versiyasi. Bu semantik HTML va XHTMLning ishlab chiqilgan versiyasi.

Nima uchun HTML5 yaxshiroq? Oldingi versiyalarda HTML elementlari id / sinf nomlari bilan aniqlandi. Misol uchun: <div id = "maqola"> </ div> maqola hisoblanadi.

HTML5 da, <maqola> </ article> tagida o'zini id yoki sinf identifikatoriga ehtiyoj sezmasdan maqola sifatida ifodalaydi.

HTML5 uchun hozirda qidiruv tizimlari va boshqa veb-ilovalar veb-sahifani yaxshiroq tushunishi mumkin. Semantik veb-saytlar SEO uchun yaxshiroq ishlashni isbotladi.

Quyida ba'zi mashhur HTML5 teglar ro'yxati keltirilgan:

  • <main> </ main> = Bu sizning tomoshabinlaringizni ko'rsatmoqchi bo'lgan asosiy tarkibni o'rash uchun.
  • <header> </ header> = Bu nom yoki muallifning metodi kabi tarkibning sarlavhasini belgilash.
  • <maqola> </ maqola> = Siz tomoshabinlaringiz uchun foydalanuvchi yoki aniq tarkibni aniqlaydi.
  • <bo'lim> </ section> = Yuqoridagi, altbilgiyi yoki yon panel kabi har qanday kodni to'plashi mumkin. Aytish mumkinki, bu divning semantik shakli.
  • <footer> </ footer> = Bu sizning footer kontentingiz, majburiy javobgarlik yoki mualliflik huquqi matniga tegishli joy.
  • <audio> </ audio> = Ovoz fayllarini biron bir plagin muammosiz joylashtirish imkonini beradi.
  • <video> </ video> = <Audio> kabi, plagin muammosiz bu teg yordamida videolarni qo'shishingiz mumkin.

Oddiy HTML5 strukturasi shunday bo'ladi:

<! DOCTYPE html> <html> <head> <meta charset = "utf-8" /> <title> Mening birinchi veb-sahifa </ title> </ head> <body> <header> <nav> <ul> li> Menyu 1 </ li> <li> Menyu 2 </ li> </ ul> </ nav> </ header> <main> <article> <header> <h2> h2> <p> John Doe tomonidan yozilgan </ p> </ header> <p> Maqola mazmuni bu erga kiradi </ p> </ article> </ p> </ footer> </ body> </ html> deb yozing


Go Top

7 - HTML tekshiruvi

Veb-professionallarning aksariyati uni tugatgandan so'ng kodlarini tasdiqlashadi. Nima uchun u yaxshi ishlayotgan kodni tekshirish kerak?

Kodlaringizni tasdiqlashning ikkita sababi bor:

  1. Bu sizning kodingizni o'zaro faoliyat brauzer va cross-platformalar bilan mos kelishiga yordam beradi. Kod joriy brauzeringizda hech qanday xato ko'rsatmasligi mumkin, biroq u boshqa birida bo'lishi mumkin. Kodni tekshirish uni tuzatadi.
  2. Qidiruv motorlari va boshqa veb-dasturlar sizning xatolaringiz bo'lsa, sizning sahifangizni tekshirishni to'xtatishi mumkin. Tasdiqlash orqali tasdiqlashingiz mumkin, sizda katta xato yo'q.

W3C tekshiruvchisi kodni tekshirish uchun eng mashhur xizmatdir. Kodlarni tekshirish uchun bir qancha usullar mavjud. Siz faylni yuklashingiz yoki to'g'rilash vositasida kodni bevosita kiritishingiz mumkin.


Go Top

8 - Boshqa foydali manbalar

HTML - har doim o'rganiladigan mavzu. HTML'ning yangilangan versiyalari tezroq paydo bo'lishi mumkin. Shuning uchun siz yangilab turishingiz va mashq qilishingiz kerak. Amaliy mashg'ulotlar HTML formatida.

Siz uchun ba'zi foydali manbalar: