Mis on html ja milleks seda kasutatakse. Mis on lehe HTML-kood? Harjutage, et mõista, mis on HTML...

Igal saidil on erinev välimus ja funktsionaalsus, kuid mis on selle põhjuseks ja mis keeles on leht kirjutatud? Kõige selle jaoks kasutatakse Cascading Style Sheets'i ja HTML-i keelt. Saate selle keele koodile ise pilgu peale visata, kui brauseris objekte üle vaadata. Täpsemalt, mis on HTML-keel, räägime selles artiklis.

Meie artikkel on suunatud peamiselt algajatele, seega loodame ajaveebi püsilugejate mõistvale suhtumisele!

Postitus jagatakse järgmisteks osadeks:

Mis on HTML-leht

Märgistuskeelt nimega HTML kasutatakse kõigi lehe elementide, sealhulgas tabelite, piltide ja teksti stiili kujundamiseks. Kui kasutate koodi, võite koodi vaadata ja proovida sellest aru saada kaasaegne brauser, lihtsalt paremklõpsake lehel ja klõpsake menüüs real "lehe lähtekood" või "HTML-kood". Pärast seda näete midagi redaktori sarnast, milles on palju arusaamatuid pealdisi ja sümboleid, see on HTML-i keelekood.

Igal WWW-dokumendil on rikkalikult vormindatud ja kauni kujundusega tekst, samuti saidi omaniku valitud hüperlingid ja pildid. Nende elementidega töötamiseks on programmeerijad loonud keele nimega HTML (Hyper Text Markup Language), mis tähendab hüperteksti märgistuskeelt. Iga brauser töötab ja renderdab HTML-i erinevalt, seega renderdub see erinevates brauserites erinevalt, eriti vanemates versioonides. Internet Explorer.

Kõik HTML-dokumendid on sarnased – see on standard tekstifail, millel on selle keele märgistussildid koos tekstidega, mida saidi külastajad loevad. Silte kasutatakse lehe loomiseks ja neid loeb brauser selle laadimisel. Tänu siltide määratlusele ja nende kujundusele saate paigutada artikli või muu materjali lehel kindlasse kohta, lisada graafilisi faile ja fotosid, samuti hüperlinke saidi teistele lehtedele. Esialgu HTML-faili ei ole veebidokument, see muutub selleks alles pärast seda, kui brauser on selle läbi lugenud.

Muidugi on standardsel HTML-koodil omad miinused ja miinused. Peate kõvasti pingutama, et lehel tekstiga lõike järjestada, sest märgistuse ja kõige muu jaoks peate määrama kogu teksti ja iga üksiku lõigu jaoks teatud atribuudid. Kui teie saidil on 50 lehekülge ja igal 10–20 lõiku, kulub teksti vormindamiseks ja iga kord samade siltide sisestamiseks väga kaua aega. See mitte ainult ei väsi saidi omanikku, vaid mõjutab negatiivselt ka saidi lehtede kaalu. Just sel põhjusel loodi hiljem kaskaadlaaditabelid, lühidalt nimetatakse neid CSS-iks, mis tähendab Cascading Style Sheets, tänu millele saab teksti kiiresti järjestada. Saate määrata ühe sildi ja anda sellele teatud omadused, nagu teksti värv, suurus, font ja nii edasi, ning seejärel rakendada seda lõikudele. Sel juhul salvestatakse stiililehe fail eraldi, selle saab üles laadida ühele saidile või mitmele korraga. Järgmiseks kirjutatakse lehe põhielemendid HTML-i ja sisestatakse tekst ning seejärel ühendatakse CSS ja kogu tekst saab vajaliku kujunduse. See vähendab ka lehtede kaalu, mis on väga oluline.

CSS-i kasutamine on soovitatav, kui saidil on palju sama kujundusega lehti. Kui kirjutate CSS-koodiga dokumenti mitu rida, saate määrata kõikidele lõikudele teatud tekstivormingu. Saidi loomisel loovad küljendusdisainerid põhipaigutuse HTML-is, keskendudes Photoshopis loodud küljendusele. Kuid pärast seda näeb sait välja lõpetamata, peate looma atraktiivse välimuse ja see saavutatakse stiililehtede kaskaadsete lehtedega. Seda on lihtne õppida, kui teil on palju vaba aega, kuna kõigi saitide üldilme on umbes sama, saate ühe paigutuse mitme plokiga ja ülejäänud saidid selle järgi "kohandada". Reeglina on kaskaadlaaditabelid palju keerulisemad kui CSS ja veelgi keerulisem on saidi paigutus plokkidele, mitte tabelitele. Lisaks võib algstaadiumis tekkida selline probleem nagu saidi erinev kuvamine brauserites. CMS loodi selleks, et mitte aega raisata ja saitidel raha teenida - valmis paigutused saidid, mis võivad olla tasuta või tasulised ja millel on kindel haldussüsteem.

Mis on HTML5. Erinevused ja eelised

uus standard HTML5 aitab saidiomanikke ja vabastab nad vormingu kasutamise kohustusest Adobe Flash, aga ka muid programme. Tänu see standard saate muuta lehtedel teksti kuvamist ja hõlbustada teabe sisestamist elektrooniliste vormide täitmisel. Kui jagame kõik selle keele uuendused, saame eristada järgmisi punkte:

  1. Pärast saidile sisenemist saavad inimesed brauseri kaudu videot vaadata ja heli kuulata, selleks luuakse mängimiseks eraldi nupp.
  2. Uute fotode üleslaadimine selle keele kaudu on palju lihtsam, saate luua isegi pildigaleriisid. Te ei pea isegi lisa alla laadima tarkvara.
  3. Saate leida teksti asukoha ja märkida tekstiplokke. Samuti saate teksti viimistleda, et seda oleks lihtne lugeda.
  4. Kui varem HTML4-s märkas inimene viga pärast andmete sisestamist alles vormi saatmisel, siis nüüd teatab brauser kohe veast, kui inimene vormi valesti täidab. See on kasutajatele väga mugav, sest nad ei pea samu jaotisi andmetega mitu korda täitma.
  5. Pole vaja kasutada tarkvara moodulid, sest HTML5 abil saate realiseerida kõik saidiga seotud ideed. Ainult siis, kui sait on ainulaadne ja teil on vaja midagi erilist välja mõelda, installige täiendavad tarkvaramoodulid.
  6. Varem ei saanud inimesed seda saiti tahvelarvuti või nutitelefoni kaudu tavapäraselt vaadata, kuna HTML4 standardil pole brauseri ühilduvust. mobiilseadmed ja teised operatsioonisüsteemid. HTML5 keelt kasutades luuakse lehti, mida ideaalis loetakse suurel kiirusel kõikidest seadmetest.

Kui teil on küsimusi - kirjutage need kommentaaridesse, vastame neile hea meelega!

Mis on HTML ja milleks see on mõeldud? - 3 hääle põhjal 3,7 viiest

Enne uuringuga jätkamist teen ettepaneku mõelda, mis on html ja milleks see mõeldud on.

HTML tähistab hüperteksti märgistuskeelt, mida saab tõlkida kui hüperteksti märgistuskeelt. Selle keele abil luuakse veebilehti.

HTML ei ole programmeerimiskeel. See on mõeldud tekstidokumentide märgistamiseks. See tähendab, et üldiselt teostame selle abil teksti vormindamist.

Niisiis, kuidas me saame HTML-i abil teksti redigeerida? Asi on selles, et HTML-keel koosneb siltidest (siltidest). Iga silt määrab, kuidas tekst teie lehel välja näeb.

Teisisõnu, iga silt annab teie brauserile (programmile, millega veebilehti vaatate) konkreetse käsu, brauser saab sellest käsust aru ja kuvab teie ekraanil teatud viisil vormindatud valmis teksti.

Seetõttu ei näe te koodi ennast, brauser kuvab teie monitori ekraanil juba vormindatud teksti ja graafika. Kui tahad ise veenduda html kood ja sildid, mis vormindavad praegu loetavat teksti, seejärel minge oma interneti lehitseja Avastage menüü üksus > vaade ja valige ripploendist üksus > allikas. Vaata joonist.

See avab koodi sisaldava akna. Sarnane teisel pildil olevale. Saate seda koodi kerida ja vaadata, see koosneb enamasti siltidest, mille sees on enamasti tekst. Seega, detailidesse laskumata, võime öelda, et iga silt määrab, kus, kuidas, mis fondi, mis värvi teie tekst välja näeb.

Kuid tegelikult ei saa HTML-sildid mitte ainult teksti vormindada, vaid saate neid kasutada ka lehele pildi sisestamiseks, tabelite loomiseks, linkide loomiseks ja paljuks muuks.

Iga silt täidab oma spetsiifilisi funktsioone ja veebilehtede loomise õppimiseks peate teadma, milleks see või teine ​​silt on mõeldud. Ma arvan, et nüüd saate natuke aru, mis on html.

Kõigepealt vaatame, mis on silt. Lihtsamalt öeldes koosnevad sildid tavalistest ingliskeelsetest tähemärkidest või sõnadest, ainult need tähed ja sõnad on kujundatud teatud viisil.

Iga silt koosneb nurksulgudest,< >mille sisse on paigutatud teatud märgid. Enamik neist koosneb avamisest ja sulgemisest.

Näiteks silt - avamine ja- sulgemine. Nagu näete, erinevad need lõpus oleva kaldkriipsu olemasolu / sulgeva tähemärgi poolest. Kui nende vahele on pandud mõni sõna, näiteks Tere siis see kuvatakse paksus kirjas. Kõike, mis on antud nurksulgudesse, antud juhul ekraanile ei kuvata, vaid see on omamoodi käsk brauserile, et nende siltide vahele jääv sõna tuleks kuvada paksus kirjas.

Silte on loomulikult palju ja igaüks neist täidab oma spetsiifilisi funktsioone. Ligikaudu selle põhimõtte kohaselt töötavad kõik muud sildid ja kogu HTML tervikuna. Kui taotlete Internetist mõnda dokumenti, laadib teie brauser alla html-koodi, tõlgendab seda õigesti ja kuvab teie ekraanil valmis vormindatud teksti, graafika, tabelid jne.

Selle õppetunni eesmärk oli anda teile aimu, mis on HTML, järgmistes tundides alustame selle märgistuskeele uurimist. Materjali õppimise hõlbustamiseks soovitan alustada tundide õppimist kõige lihtsamatest, sujuvalt edasi liikudes näiteks keerulisemate juurde, näiteks järgmises järjekorras: alguses õpi dokumendina. , millega neid seatakse ja toodetakse, õppige seadma jne keerulisemaks.

HTML-lehtede loomiseks võite kasutada eriprogrammid, näiteks , või saate lehti luua lihtsa tekstiredaktoriga, mis on saadaval kõigis Windowsi versioonides.

HTML- tähistab HyperText Markup Language, mis on veebilehtede kirjutamiseks kõige laialdasemalt kasutatav keel.

  • Hüpertekst viitab sellele, kuidas veebilehed (HTML-dokumendid) on lingitud. Seega nimetatakse veebilehel olevat linki hüpertekstiks.
  • Nagu nimigi ütleb, on HTML märgistuskeel, mis tähendab, et kasutate HTML-i tekstidokumendi lihtsalt "märgistamiseks" siltidega, mis ütlevad veebibrauserile, kuidas seda kuvamiseks struktureerida.

HTML oli algselt loodud dokumentide struktuuri määratlemiseks, nagu pealkirjad, loendid, lõigud jne, et hõlbustada vahetust. teaduslikku teavet teadlaste vahel.

HTML-i kasutatakse nüüd laialdaselt veebilehtede vormindamiseks erinevate HTML-keeles saadaolevate siltidega.

HTML dokument

Järgmine näide näitab HTML-dokumenti lihtsaim vorm:

Dokumendi pealkiri

päis

Siin on dokumendi sisu...

Salvestame koodi teie lemmiktekstiredaktoriga HTML-faili document.html. Ja avage fail veebibrauseris, nagu Internet Explorer, Google Chrome või Firefox jne. See peaks näitama järgmist tulemust:

Sildid HTML-dokumendi loomiseks

Nagu varem mainitud, on HTML märgistuskeel ja kasutab sisu vormindamiseks erinevaid silte. Need sildid on suletud nurksulgudesse. Enamikul siltidel on vastavad lõpumärgendid, välja arvatud mõned sildid. Näiteks silt on sulgemissilt ja märgista on lähedal silt ja teised.

Ülaltoodud näide kasutab HTML-dokumendi loomiseks järgmisi silte:

TagKirjeldus
See silt määrab dokumendi tüübi ja HTML-i versiooni.
See silt katab kogu HTML-dokumendi ja koosneb peamiselt dokumendi pealkirjast, mida esindavad sildid ... ja dokumendi põhiosa, mis on tähistatud siltidega ... .
See silt tähistab dokumendi pealkirja, mis võib sisaldada muid html-silte, näiteks , <link>jne.</td> </tr><tr><td><title> </td><td>Tag <b><title> </b> kasutatakse sildi sees <head>dokumendi pealkirja täpsustamiseks.</td> </tr><tr><td><body> </td><td>See silt tähistab dokumendi põhiosa, mis sisaldab muid html-silte, näiteks <h1>, <div>, <p>Ja teised.</td> </tr><tr><td><h1> </td><td>See silt tähistab pealkirja.</td> </tr><tr><td><p> </td><td>See silt tähistab lõiku.</td> </tr></table><p>Nende siltide tundmisest piisab html-dokumendi (html-lehe) loomiseks.</p> <p>HTML-i õppimiseks peate teadma erinevaid silte ja mõistma, kuidas need vormindatuna käituvad. <a href="https://obanracer.ru/et/kak-vstavit-skrinshot-v-tekstovyi-dokument-kak-sdelat-printskrin-s.html">tekstidokument</a>. HTML-i õppimine on lihtne, kuna kasutajad peavad vaid õppima, kuidas kasutada erinevaid silte teksti või piltide vormindamiseks, et luua ilus veebileht.</p> <h2>HTML dokumendi struktuur</h2> <p>Tüüpilise HTML-dokumendi struktuur näeb välja selline:</p><p>Dokumendi deklaratsiooni silt <html> <head> <title>Dokumendi pealkirjaga seotud sildid Dokumendi kehaga seotud sildid

Kõik head ja body sildid õpime selgeks hilisemates õpetustes, nüüd vaatame, mis on dokumendideklaratsiooni silt.

Deklaratsioon

Sildi deklaratsioonmida veebibrauser kasutab dokumendis kasutatud HTML-i versiooni mõistmiseks. Praegune versioon HTML on 5 ja see kasutab järgmist deklaratsiooni:

HTML-dokumendis saab kasutada palju muud tüüpi deklaratsioone, olenevalt sellest, millist HTML-i versiooni kasutatakse. Lisateavet selle kohta näeme märgendi arutamiselkoos teiste HTML-märgenditega.

Tere!. Teise õppetunni pühendame küsimusele - mis on HTML ja kuidas sellega töötada. Selles saate teada kõige populaarsema veebiprogrammeerimiskeele funktsioonidest ja mõistate selgelt selle põhiolemust.

Selle õppimise põhjal on teil lihtsam edasi liikuda ja siis saate hõlpsasti (kuigi ei, peate siiski kõvasti tööd tegema) vallutama keerukamaid veebisaidi loomise keeli, näiteks PHP. Nii et asume asja kallale.

Mis on HTML

HTML (hüperteksti märgistuskeel) on hüperteksti märgistuskeel. Standardne märgistuskeel Interneti-dokumentide jaoks World Wide Web'is. See on üks populaarsemaid veebisaitide arendamise keeli. Seda peetakse ka brauserites laadimise osas kõige lihtsamaks.

Sellel pole keerulisi “mutatsioone” nagu PHP, mis enne lehe kuvamist brauseris teeb esmalt päringu MySql andmebaasile ja seejärel kuvab kasutajale ainult sisu. Ma ei räägi pikki verbaalseid eellugusid, kuidas see loodi, sest see on pikk ja mitte huvitav.

Kõigi nende punktide jaoks on suurepärane Vikipeedia, mis teid aitab. Me tahame õppida, kuidas kiiresti veebisaite luua, eks? Hästi! Seejärel liigume edasi ja mõistame selle veebiteaduse kõiki peensusi.

HTML-keele alused. Sildi kontseptsioon

Ilma kindla baasi teadmata ei pääse te kuhugi, keegi pole veel "mat.chasti" (ühegi aine "vundament") tühistanud. Ja me ei kaldu kõrvale traditsioonidest ja reeglitest.

HTML-keele põhitõed on sildid või täpsemini öeldes siltide komplekt. Need on märgistatud nii<тег>. Sildid on alati seotud ja kuvatakse nii

<тег>.

< тег> < / тег> .

Igaüks neist täidab rangelt teatud funktsioon brauserites kuvamiseks.

Mõned kuvavad pildi ekraanil, teised lingi, teised vastutavad lõikude eest, teised teevad tabeli jne. Nende sisse saame kirjutada mis tahes teksti. Mulle meeldib neid nii-öelda selguse mõttes konteineriteks nimetada. Kuid on ka üksikuid, neid uurime järgmistes tundides.

Ja veel üks asi, millest tuleb aru saada oluline punkt. IN antud keel kehtib Pareto põhimõte, st nagu igas elu-, tegevus- ja mujal, kehtib reegel 80/20.

Mida see ütleb? See ütleb meile, et 20% (meie puhul html) keelest teeb 80% tööst. Loogika seisneb selles, et kõiki silte pole vaja õppida, kuna paljusid neist lihtsalt ei kasutata või kasutatakse neid väga harva. Seega keskendume oma tundides kõige sagedasematele ja olulisematele. Ja sa said sellega suurepäraselt hakkama!

HTML dokumendi struktuur

Iga html-dokumendi struktuur näeb välja selline

Pealkirjata dokument

< ! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">

< html >

< head >

< meta http - equiv = "Content-Type" content = "text/html; charset=utf-8" >

< title >Pealkirjata dokument< / title >

< / head >

< body >

< / body >

< / html >

Nüüd kirjeldame iga punkti üksikasjalikumalt:

Mis on Doctype ja selle tähendused

Elementi doctype kasutatakse meie veebilehe tüübi näitamiseks. See on niinimetatud "dokumendi tüübi deklaratsioon" või dokumendi tüübi deklaratsioon.

See silt peaks alati olema igal lehel esimesel kohal. See on põhikomponent veebilehtedel, mis väidetavalt vastavad standarditele: ilma selleta ei lähe teie kood valideerijale läbi.

Veebidokumentide valideerija on arvutiprogramm, mis kontrollib mis tahes dokumendi, andmevoo või koodifragmendi vastavust teatud vormingule, kontrollib dokumendi või faili süntaktilist õigsust (Wikipedia järgi).

Doctype väärtusi on mitu:

  1. Range (range)
  2. Üleminek (üleminek)
  3. Raamikomplekt (koos raamidega)

Mina kasutan teist varianti. Sellega on kõige mugavam töötada, kuna see ei piira arendajat. Lugeja jaoks on segadus, nii et mis vahe on neil ja millist neist on parem kasutada?

Lubage mul selgitada, mis nende erinevus on. Üleminekuversioon ei vasta rangelt W3C valideerimisstandarditele (ehk vene keeles tšekkidele), st brauser kuvab veebidokumendi sisu samamoodi, isegi kui see sisaldab vananenud, mittesoovitatavat ja muud mittevastavat. standardsed koodivariatsioonid. Kuid range versioon järgib täpselt kõiki standardeid, st praktikas on nii, et kui unustasite vastava sümboli kuhugi koodi panna (näiteks kaldkriips /), antakse teile kontrolli ajal hoiatus.

Veebidokument näeb ranget versiooni kasutades välja järgmine:

Keelestandardite range järgimine

< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

< html xmlns = "http://www.w3.org/1999/xhtml">

< head >

< title >Keelestandardite range järgimine< / title >

< meta http - equiv = "Content-Type" content = "text/html; charset=utf-8" / >

< / head >

< body >

< p > . . . < / p >

< / body >

< / html >

Soovitan teil kasutada teist võimalust ja mitte vannitada, kuna see on kõige mugavam. Nüüd vaatame meie lehe teisi komponente.

- ehk silt "head", see sisaldab kõige olulisemaid silte, mis selgitavad brauserile, mida tuleb lehel teha ja milliseid mehhanisme käivitada. See määratleb veebidokumendi ja selle sisu. See sisaldab sageli erinevaid skripte, mis käivitavad lehel erinevaid funktsioone, ja SEO reklaamimiseks on ka oluline "konteiner" - silt

Me ei lasku HTML-i üksikasjadesse ja ajaloosse, vaid liigume kohe põhipunktide juurde. HTML on iga veebisaidi loomise aluseks! Objekti ehitamise teemat uurides tuleb sellest alustada. Siin pole midagi rasket. Absoluutselt KÕIK oskavad seda tehnoloogiat valdada!

Tahan kohe märkida, et see EI OLE programmeerimiskeel, vaid märgistuskeel.

Miks on HTML-i õppimine lihtne?

Et rääkida ladusalt inglise keel Te ei pea teadma kõiki sõnu, mis on inglise keeles. Nii et siin peate lihtsalt õppima mõned põhimärgendid ja õppima, kuidas nendega töötada. Ja siis tuleb lihtsalt harjutada ja oskusi arendada.

Alustame selle põneva ja samal ajal lihtsa tehnoloogia õppimist.

Natuke teooriat...

Iga leht koosneb siltidest. See tähendab, et leht ei näe tegelikult välja selline, nagu oleme harjunud seda nägema, vaid koosneb paljudest siltidest, millest igaüks mängib kindlat rolli.

See näeb välja nagu suur tellissein. Kui kõik sellel olevad tellised on korralikult laotud, näeb kogu sein ilus välja. Seetõttu on lehe struktuuri kirjutamisel vaja pöörata tähelepanu igale märgisele, sest see on meie tulevase lehe "telliskivi".

Aga mis on silt HMTL-is?

See HTML element leht, mis ühel või teisel viisil mõjutab lehe kuvamist ja paigutust. Sõnades on sellest üsna raske aru saada, nii et peate kohe kõike praktikas vaatama ja koodiga harjuma. Vaadake allolevat pilti:

See on kõige lihtsama lehe struktuur. Kuid need kolmnurksulgudes korduvad sõnad on sildid. Kui avate oma tekstiredaktor ja kirjutage see kood ning seejärel salvestage see HTML-vormingus, siis saate HTML-lehe. Siiani pole selge, mis on HTML? 🙂

Sellest struktuurist näete neid silte, mis peavad olemas olema. Need on sildid:

  • ja sulgemine
  • ja sulgemine
  • ja sulgemine

Selgemaks muutmiseks tõstsin need alloleval pildil oranžiga esile:

Kõik, mida me siltide vahele kirjutame Ja me oma lehel ei näe. Need sildid võivad anda brauserile teada kodeeringust, meie lehe pealkirjast, erinevaid stiile, skripte jne. Seda kõike näete järgmistes õppetundides.

Ja siin on kõik sildid, mis me siltide vahele kirjutame Ja, sõltuvalt selle eesmärgist, mõjutab täpselt meie struktuuri HTML-lehed.

Noh, sai selgemaks, mis on HTML? 😉 Aga me ei peatu ja liigume edasi...

Mõnel sildil võib olla sulgev silt ja mõnel mitte. Näiteks silt seal on sulgemismärk. Nagu võis arvata, on sildid suletud kaldkriipsuga.

Väga oluline on austada avamis- ja sulgemissilte. Et vältida vigu. Brauser ei pruugi viga näidata, kuid teie lehtede struktuur on vale isegi stiilidega töötades (kus me välimus) on suur probleem. Seega, kui sildil on sulgev silt, siis peab see olema õiges kohas.

Toome näite, kuidas silte MITTE sulgeda ja mis järjekorras seda teha. Näide kahest sildist:

Õige HTML-KOOD

Mida näete ülal - see on õige sulgemismärgendite kirjutamise järjekord. Kuid selline olukord võib olla

VIGA HTML-KOODIS

Nii et sulge sildid rangelt keelatud!

Harjutage, et mõista, mis on HTML...

HTML-i kohta lisateabe saamiseks võite ainult harjutada. Selleks saate kasutada mis tahes tekstiredaktorit. Isegi märkmik. Kuid soovitan kasutada Notepad++, kuna HTML-iga töötamiseks on palju rohkem funktsioone. Saate selle alla laadida lingilt Laadi alla Notepad++. Sellel redaktoril on kõik funktsioonid HTML-lehtede loomiseks ja redigeerimiseks.

Alustame. Pärast programmi avamist näete järgmist akent:

HTML-lehe loomiseks peate sellesse kasti sisestama lehe "keha". Saate alloleva teksti kopeerida ja lihtsalt kleepida. Kuid parem on kõik käsitsi sisestada. Nii saate sildid kiiresti meelde jätta ja nendega harjuda.

Seega peaksite saama järgmise:

Järgmiseks peate salvestama sellel lehel HTML-vormingus. Selleks klõpsake menüül "Fail", siin klõpsake "Salvesta kui ...". Sisestage HTML-lehe nimi. Panin sellele nimeks index.html. Seejärel lihtsalt salvestage mugav koht arvutis. Pärast seda ilmub taustvalgus HTML-i sildid, sest Notepad++ redaktor saab aru, mis see on HTML dokument. Ja taustvalgustusega on palju meeldivam töötada.