Sellest artiklist saate teada, kuidas kasutada HTML-i oma esimese veebisaidi kirjutamiseks! Artiklis antakse illustreerivaid näiteid paremaks mõistmiseks. Teeme kohe reservatsiooni, et artikkel oli algselt mõeldud neile, kes alles hakkavad HTML-i õppima. Lisaks lubame, et selle artikli lugemise lõpuks loote kindlasti oma esimese veebisaidi.
HTML tähistab hüperteksti märgistuskeelt, st teksti korraldamise keelt.
Erinev alt programmeerimiskeeltest (JavaScript, PHP jne), mis kasutavad veebisaitidel toimingute tegemiseks skripte, kasutab järjestuskeel (HTML) veebisaidi sisu märgistamiseks silte.
Alustame HTML-i õppimist nullist
Nii nagu inglise keel koosneb tähtedest A, B, C jne, nii koosneb HTML omapärastest "tähtedest":,,
jne. Veebimeistrid nimetavad neid omapäraseid HTML-keele "tähti" siltideks.
Järgmine on näide HTML-märgendist.
Sildid Looge selle teksti servade ümber allajoon.
HTML-sildid, mis on seotud CSS-i keelestiilidega, võimaldavad teil kiiresti ja tõhus alt veebisaite luua.
HTML-i koht teiste keelte seas
Nagu teate, hea veebisaitehitatud vähem alt 5 keeles.
Kaasaegne veebisait on üles ehitatud järgmistes keeltes:
- HTML (struktuur ja järjestus).
- CSS (stiilisisu).
- JavaScript (brauseri toimingud).
- PHP (serveri toiming).
- SQL (andmete salvestamine).
HTML on peamine põhikeel, millel teised põhinevad. Seetõttu peaks HTML-i õppimine olema esimene samm kõigile, kes õpivad veebis veebisaite looma.
Märgend
HTML-keel on aastate jooksul alates selle loomisest muutunud. Praegu liiguvad enamik Interneti-saite üle keele uusimale versioonile - HTML5. Kuid isegi HTML5-s jäävad keele põhialused muutumatuks.
HTML-lehe struktuur on nagu võileib. Nii nagu võileival on kaks viilu saia, on HTML-dokumendil ava- ja sulgemismärgend.
Need sildid, nagu leib võileivas, ümbritsevad kõike sisemust.
Märgend
HTML-i õppimist jätkates peaksite kindlasti märgendiga tutvuma. Otse emamärgendi sees on kogu saidi sisu, sealhulgas silt. See silt on nõutav ja sisaldab kõiki selle saidi lehe sätteid, mille jaoks see on kirjutatud. Need seaded pole saidi külastajatele nähtavad, neid näevad ainult brauserid (Google Chrome, Mozilla Firefox jne).
Veebilehe seadete plokk sisaldab kõiki "renderdamata" elemente, mis aitavad brauseril teie saiti veebis õigesti kuvada.
Kõik valikud, missaab seadistada sildi sees, vaatame seda, aga veidi hiljem – kui aeg käes.
Märgend
Silt, nagu silt, on sildi sees.
Seda sildi on vaja selleks, et kuvada saidil kogu teavet, mida soovite kuvada.
Pealkirjad, lõigud, tabelid, pildid ja lingid on vaid väike osa elementidest, mida saab sildi sees sisaldada.
HTML-dokumendi põhistruktuur:
… …
Teie esimene sait
Nüüd teate, et saate veebisaite luua HTML-i kasutades ja selleks kasutatakse põhimärgendeid:
- . Joonistab veebilehe piirid.
- . Sisaldab seadeid veebilehe kuvamiseks brauseris.
- . Sisaldab kõiki veebilehe elemente (pildid, videod, tekst ja nii edasi), mida soovite saidi külastajatele näidata.
Teised sildid, nagu,,, millest räägime varsti.
Oleks tore, kui lugeja mitte ainult ei loeks seda artiklit, vaid jookseks ka koheselt oma oskusi lihvima. HTML-oskuste lihvimiseks peate looma oma esimese veebisaidi, mis on teie uute oskuste proovikivi.
On teada, et mobiilsideoperaatorid ("MTS", "MegaFon" ja nii edasi) pakuvad meile mobiiliteenuseid. Samamoodi pakuvad meile veebimajutusoperaatorid saitide loomise ja haldamise teenuseid. Veebisaidi loomiseks minge mis tahes tasuta hostimisoperaatori saidile.
Kinnitatud hostingu pakkujate hulka kuuluvad BEGET võireg, näiteks. Saate valida ükskõik kelle.
Pärast lühikest registreerimist, 24 tunni pärast, luuakse automaatselt teie esimene veebisait Internetis, mis on nähtav kogu maailmale ja võite hakata harjutama!
Kaasaegne saidi struktuur
Nüüd, kui teil on sait, vaadake, milliseid silte märgend sisaldab ja kuidas need saidil teavet korraldavad.
Ül altoodud pilt kujutab skemaatiliselt struktuuri, mis oli kaasas HTML-keele uusima versiooniga – HTML5. Koos HTML5-ga lisandusid mitte ainult uued sildid, vaid ka veebisaitide loomise tähendus. Kõik sildid, mida pildil näete, sisalduvad põhisildis. Need sildid aitavad teil oma saidi struktuuri "joonida" ja annavad sellele tähenduse.
Näiteks siltide sisse … on mugav paigutada saidi pealkiri (sildid) ja saidi kirjeldus (sildid).
Märgiste sisse on mugav paigutada saidi menüü (lingid) (silt).
Märgendi sisse on mugav paigutada kõik suured tähendusega seotud teabeplokid. See võib olla mitu artiklit, millest igaüks on "pakitud" siltidesse või fotodesse (silt) või tabelitesse (sildid
) ja palju muud.
Märgiste sisse on mugav paigutada igasugune teave, mis ei vasta.
Siltide sisse on tavaks lisada lisateavet, näiteks kontaktteavet, saidi täiendavaid jaotisi jne.
Nii et olete nüüd veidi osavam selles, millest moodsad veebisaidid koosnevad. Toome näitesegadus mu peas asendus aukartusega arusaamisest.
Niisiis, kui avate oma hostioperaatori saidil failihalduri ja leiate dokumendi nimega index.php, kirjutage sinna otsekui nullist oma saidi struktuur.
Minu esimene veebisait
Lehekülje pealkiri
Lehe kirjeldus
Link 1 | Link 2 | Link 3
Mõne artikli pealkiri
See on plokk, mis sisaldab mis tahes teavet ja CSS-i abil saate seda plokki ja kogu saiti kogu sisuga värvida nii, nagu soovite. © Kõik õigused kaitstud
Kas mäletate, et me ütlesime, et saidil on erinevad seaded? Noh, siin see on:
- Näitame brauseritele, et sait võib sisaldada nii vene kui ka inglise tähemärke (muidu näete saidi avamisel kohutavat krakozyabry).
- kasutatakse lehe nime tähistamiseks, mis kuvatakse brauseri vahekaardil ja otsingumootoris ("Yandex", Google ja muu sarnane).
Muidugi näeb teie sait ilma CSS-stiilita ihne (mustad tähed valgel taustal), kuid proovige kindlasti kõigepe alt kirjutada oma esimene leht HTML-vormingus.
Õnnitleme! Olete just loonud oma esimese veebilehe oma veebisaidil! See saab olema huvitavam!
