Šiame straipsnyje sužinosite, kaip naudoti HTML kuriant savo pirmąją svetainę! Straipsnyje bus pateikti iliustruojantys pavyzdžiai, kad būtų geriau suprasti. Iš karto padarykime išlygą, kad straipsnis iš pradžių buvo skirtas tiems, kurie tik pradeda mokytis HTML. Be to, pažadame, kad iki šio straipsnio skaitymo pabaigos tikrai sukursite savo pirmąją svetainę.
HTML reiškia hiperteksto žymėjimo kalbą, ty teksto tvarkymo kalbą.
Skirtingai nuo programavimo kalbų (JavaScript, PHP ir kt.), kurios naudoja scenarijus veiksmams svetainėse atlikti, sekos nustatymo kalba (HTML) naudoja žymas svetainės turiniui pažymėti.
Pradėkime mokytis HTML nuo nulio
Kaip anglų kalba sudaryta iš raidžių A, B, C ir kt., taip ir HTML yra sudarytas iš savotiškų "raidių":,,
irtt. Šias savotiškas HTML kalbos „raites“žiniatinklio valdytojai vadina žymomis.
Toliau pateikiamas HTML žymos pavyzdys.
Žymos Sukurkite pabraukimą aplink šio teksto kraštus.
HTML žymos, susietos su CSS kalbos stiliais, leidžia greitai ir efektyviai kurti svetaines.
HTML vieta tarp kitų kalbų
Kaip žinote, gera svetainėsukurta bent 5 kalbomis.
Šiuolaikinė svetainė sukurta šiomis kalbomis:
- HTML (struktūra ir tvarka).
- CSS (stiliaus turinys).
- JavaScript (naršyklės veiksmai).
- PHP (serverio veiksmas).
- SQL (duomenų saugykla).
HTML yra pagrindinė pagrindinė kalba, kuria remiasi kitos kalbos. Todėl HTML mokymasis turėtų būti pirmasis žingsnis kiekvienam, besimokančiam kurti svetaines žiniatinklyje.
Žyma
HTML kalba pasikeitė bėgant metams nuo jos įkūrimo. Šiuo metu dauguma interneto svetainių pereina prie naujausios kalbos versijos – HTML5. Tačiau net ir naudojant HTML5 kalbos pagrindai išlieka nepakitę.
HTML puslapio struktūra yra tarsi sumuštinis. Kaip sumuštinis turi dvi duonos riekeles, taip ir HTML dokumente yra pradinė ir uždaroma HTML žyma.
Šios žymos, kaip duona sumuštinyje, apgaubia viską viduje.
Žyma
Mokydamiesi HTML, tikrai turėtumėte susipažinti su žyma. Tiesiogiai pagrindinėje žymoje yra visas svetainės turinys, įskaitant žymą. Ši žyma yra būtina ir joje yra visi svetainės puslapio, kuriam ji parašyta, nustatymai. Šių nustatymų svetainės lankytojai nemato, juos mato tik naršyklės (Google Chrome, Mozilla Firefox ir kt.).
Tinklalapio nustatymų bloke yra visi „nepateikti“elementai, kurie padeda naršyklei tinkamai pateikti jūsų svetainę žiniatinklyje.
Visos parinktysgalima sukonfigūruoti žymos viduje, pažiūrėsime, bet kiek vėliau – kai ateis laikas.
Žyma
Žyma, kaip ir žyma, yra žymos viduje.
Ši žyma reikalinga, kad svetainėje būtų rodoma visa informacija, kurią norite rodyti.
Antraštės, pastraipos, lentelės, paveikslėliai ir nuorodos yra tik maža dalis elementų, kurie gali būti žymos viduje.
Pagrindinė HTML dokumento struktūra:
… …
Jūsų pirmoji svetainė
Dabar žinote, kad galite kurti svetaines naudodami HTML ir kad tam naudojamos pagrindinės žymos:
- . Nubrėžia tinklalapio ribas.
- . Yra tinklalapio rodymo naršyklėje nustatymai.
- . Yra visi tinklalapio elementai (vaizdai, vaizdo įrašai, tekstas ir pan.), kuriuos norite rodyti svetainės lankytojams.
Kitos žymos, pvz.,,,, apie tai netrukus pakalbėsime.
Būtų puiku, jei skaitytojas ne tik perskaitytų šį straipsnį, bet ir iškart bėgtų tobulinti savo įgūdžių. Norėdami patobulinti savo HTML įgūdžius, turėsite sukurti savo pirmąją svetainę, kuri bus jūsų naujų įgūdžių išbandymo vieta.
Žinoma, kad mobiliojo ryšio operatoriai („MTS“, „MegaFon“ir kt.) mums teikia mobiliojo ryšio paslaugas. Lygiai taip pat svetainių kūrimo ir valdymo paslaugas mums teikia prieglobos operatoriai. Norėdami sukurti savo svetainę, eikite į bet kurio nemokamo prieglobos operatoriaus svetainę.
Patvirtinti prieglobos paslaugų teikėjai apima BEGET arbareg, pavyzdžiui. Galite pasirinkti bet ką.
Po trumpos registracijos, po 24 valandų, automatiškai bus sukurta pirmoji jūsų svetainė internete, kurią matys visas pasaulis ir galėsite pradėti praktikuotis!
Moderni svetainės struktūra
Dabar, kai turite savo svetainę, patikrinkite, kokios žymos yra žymoje ir kaip jos tvarko informaciją svetainėse.
Aukščiau pateiktame paveikslėlyje yra schematiškai pavaizduota struktūra, kuri buvo pateikta su naujausia HTML kalbos versija – HTML5. Kartu su HTML5 atsirado ne tik naujų žymų, bet ir svetainių kūrimo prasmė. Visos žymos, kurias matote paveikslėlyje, yra pagrindinėje žymoje. Šios žymos padeda „apibūdinti“svetainės struktūrą ir suteikti jai prasmę.
Pavyzdžiui, žymų viduje… patogu dėti svetainės pavadinimą (žymas) ir svetainės aprašymą (žymas).
Patogu įdėti svetainės (žymos) meniu (nuorodas) žymų viduje.
Žymėse patogu įdėti bet kokį didelį informacijos, susijusios su reikšme, bloką. Tai gali būti keli straipsniai, kurių kiekvienas yra „supakuotas“į žymas, nuotraukas (žyma) arba lenteles (žymos
) ir daugiau.
Patogu į žymas įdėti bet kokią informaciją, kuri neatitinka.
Žymose įprasta dėti papildomos informacijos, pvz., kontaktinę informaciją, papildomas svetainės skiltis ir pan.
Taigi dabar jūs šiek tiek labiau žinote, iš ko yra sukurtos šiuolaikinės svetainės. Paimkime pavyzdįsumaištį mano galvoje pakeitė baimė dėl įžvalgos.
Taigi, atidarę failų tvarkyklę prieglobos operatoriaus svetainėje ir radę dokumentą, pavadintą index.php, nedvejodami parašykite jame savo svetainės struktūrą.
Mano pirmoji svetainė
Puslapio pavadinimas
Puslapio aprašas
Nuoroda Nr. 1 | Nuoroda 2 | Nuoroda 3
Kai kurio nors straipsnio pavadinimas
Tai blokas, kuriame yra bet kokia informacija, o CSS pagalba galite nuspalvinti šį bloką ir visą svetainę su visu jos turiniu taip, kaip norite. © Visos teisės saugomos
Atminkite, kad sakėme, kad yra skirtingi svetainės nustatymai? Na, štai:
- Naršyklėms parodome, kad svetainėje gali būti ir rusiškų, ir angliškų rašmenų (kitaip atidarę svetainę pamatysite siaubingą krakozyabry).
- naudojamas puslapio pavadinimui nurodyti, kuris bus rodomas naršyklės skirtuke ir paieškos sistemoje („Yandex“, „Google“ir panašiai).
Žinoma, be CSS stiliaus jūsų svetainė atrodys šykščiai (juodos raidės b altame fone), tačiau pirmiausia pabandykite parašyti pirmąjį puslapį HTML.
Sveikiname! Jūs ką tik sukūrėte savo pirmąjį tinklalapį savo svetainėje! Bus įdomiau!
