Čo je to html, na čo sa používa. Čo je to HTML stránky? Cvičte, aby ste pochopili, čo je HTML...

Každá stránka má iný vzhľad a funkčnosť, ale s čím to súvisí a v akom jazyku je stránka napísaná? Na to všetko slúžia kaskádové štýly a HTML. Môžete sa sami pozrieť na kód tohto jazyka, ak si prezriete objekty v prehliadači. Konkrétne o tom, čo je HTML, si povieme v tomto článku.

Náš článok je zameraný hlavne na začiatočníkov, preto dúfame v pochopenie pravidelných čitateľov blogu!

Príspevok bude rozdelený do nasledujúcich položiek:

Čo je stránka HTML

Na úpravu štýlu všetkých prvkov na stránke vrátane tabuliek, obrázkov a textu sa používa značkovací jazyk nazývaný HTML. Môžete si prečítať kód a pokúsiť sa ho pochopiť, ak nejaký používate moderný prehliadač, stačí kliknúť pravým tlačidlom myši na stránku a v menu kliknúť na riadok „zdrojový kód stránky“ alebo „HTML kód“. Potom uvidíte niečo ako editor, v ktorom je veľa nezrozumiteľných nápisov a symbolov, toto je HTML kód.

Každý dokument WWW má bohatý a dobre formátovaný text, ako aj hypertextové odkazy a obrázky, ktoré vyberie vlastník stránky. Aby mohli programátori pracovať s týmito prvkami, vytvorili jazyk s názvom HTML (Hyper Text Markup Language), čo znamená hypertextový značkovací jazyk. Každý prehliadač funguje inak a vykresľuje HTML inak, preto sa v rôznych prehliadačoch vykresľuje inak, najmä v starších verziách internet Explorer.

Všetky HTML dokumenty sú podobné - to je štandard textový súbor, ktorý má značkovacie značky daného jazyka spolu s textami, ktoré budú čítať návštevníci stránky. Pomocou značiek sa vytvorí stránka a práve tie číta prehliadač pri jej načítaní. Vďaka definícii tagov a ich dizajnu môžete umiestniť článok alebo iný materiál na určité miesto na stránke, pridať grafické súbory a fotografie, ako aj hypertextové odkazy na iné stránky webu. Na začiatku HTML súbor nie je webovým dokumentom, stáva sa ním až po prečítaní prehliadačom.

Samozrejme, štandardný HTML kód má svoje nevýhody a nevýhody. Budete sa musieť veľmi snažiť usporiadať odseky s textom na stránke, pretože na vykonanie označenia a všetkého ostatného musíte celému textu a každému jednotlivému odseku predpísať určité vlastnosti. Ak má vaša stránka 50 stránok a každá má 10-20 odsekov, budete musieť formátovať text veľmi dlho a zakaždým vkladať rovnaké značky. To nielen unaví vlastníka stránky, ale negatívne to ovplyvňuje aj váhu stránky. Práve z tohto dôvodu neskôr vytvorili kaskádové štýly, skrátene sa im hovorí CSS, čo znamená Cascading Style Sheets, vďaka ktorým môžete rýchlo naštylizovať text. Môžete priradiť jednu značku a nastaviť jej určité vlastnosti, napríklad farbu textu, veľkosť, písmo atď., a potom ju použiť na odseky. V tomto prípade je súbor so štýlom uložený samostatne, možno ho nahrať na jednu stránku alebo na niekoľko naraz. Ďalej sú hlavné prvky stránky napísané v HTML a vloží sa text a potom sa pripojí CSS a všetok text získa požadovaný dizajn. Znižuje tiež váhu stránky, čo je veľmi dôležité.

Používanie CSS je vhodné, ak má stránka veľa stránok, ktoré budú mať rovnaký dizajn. Môžete nastaviť špecifické formátovanie textu pre všetky odseky, ak do dokumentu napíšete niekoľko riadkov pomocou kódu CSS. Počas vytvárania stránok dizajnéri vytvoria hlavné rozloženie v HTML so zameraním na rozloženie vytvorené vo Photoshope. Ale potom stránka vyzerá nedokončená, musíte vytvoriť atraktívny vzhľad, a to sa dosiahne kaskádovými štýlmi. To sa dá ľahko naučiť, ak máte veľa voľného času, keďže celkový vzhľad všetkých stránok je približne rovnaký, môžete mať jedno rozloženie s niekoľkými blokmi a „napasovať“ naň ďalšie stránky. Kaskádové štýly sú spravidla oveľa komplikovanejšie ako CSS a je ešte ťažšie vysádzať stránky pomocou blokov namiesto tabuliek. Okrem toho sa v počiatočných fázach môžete stretnúť s takým problémom, ako je odlišné zobrazenie stránky v prehliadačoch. S cieľom nestrácať čas a zarábať peniaze na stránkach bol vytvorený CMS - hotové rozloženia stránky, ktoré môžu byť bezplatné alebo platené a majú špecifický systém správy.

Čo je HTML5. Rozdiely a výhody

Nový štandard HTML5 pomáha vlastníkom stránok a zbavuje ich zodpovednosti za používanie formátu Adobe Flash ako aj iné programy. Vďaka tento štandard môžete zmeniť zobrazenie textu na stránkach a zjednodušiť zadávanie informácií pri vypĺňaní elektronických formulárov. Ak rozdelíme všetky inovácie tohto jazyka, môžeme zdôrazniť nasledujúce body:

  1. Po vstupe na stránku budú môcť ľudia sledovať video a počúvať zvuk cez prehliadač, na tento účel je vytvorené samostatné tlačidlo na prehrávanie.
  2. Prostredníctvom tohto jazyka je oveľa jednoduchšie nahrávať nové fotografie, dokonca môžete vytvárať galérie obrázkov. Nemusíte ani sťahovať ďalšie softvér.
  3. Môžete nájsť text a označiť textové bloky. Text môžete tiež pekne naformátovať, aby sa dal ľahko čítať.
  4. Ak si predtým v HTML4 človek všimol chybu po zadaní údajov až pri odoslaní formulára, teraz prehliadač okamžite hlási chybu, ak osoba vyplní formulár nesprávne. To je pre používateľov veľmi výhodné, pretože nemusia viackrát vypĺňať rovnaké časti údajov.
  5. Nepotrebné používať softvérové ​​moduly, pretože pomocou HTML5 môžete realizovať akékoľvek predstavy o stránke. Iba ak je stránka jedinečná a potrebujete vymyslieť niečo špeciálne, inštalujú sa ďalšie softvérové ​​moduly.
  6. Predtým ľudia nemohli bežne prehliadať stránky prostredníctvom tabletu alebo smartfónu, pretože štandard HTML4 nie je kompatibilný s prehliadačmi pre mobilné zariadenia a ďalšie operačné systémy... Pomocou HTML5 sa vytvárajú stránky, ktoré sú perfektne čitateľné zo všetkých zariadení pri vysokej rýchlosti.

Ak máte nejaké otázky, napíšte ich do komentárov, radi na ne odpovieme!

Čo je HTML a na čo slúži - 3,7 z 5 na základe 3 hlasov

Pred začatím štúdia navrhujem zvážiť, čo je html a na čo je určené.

HTML je skratka pre Hyper Text Markup Language, čo možno preložiť ako Hypertext Markup Language. Pomocou tohto jazyka sa vytvárajú webové stránky.

HTML nie je programovací jazyk. Je určený na označovanie textových dokumentov. To znamená, že ho vo všeobecnosti používame na formátovanie textu.

Ako teda môžeme upravovať text pomocou HTML? Faktom je, že jazyk HTML pozostáva zo značiek. Každá značka definuje, ako bude text vyzerať na vašej stránke.

Inak povedané, každá značka dáva vášmu prehliadaču (programu, s ktorým prehliadate internet) špecifický príkaz, prehliadač tomuto príkazu rozumie a na obrazovke zobrazí hotový text naformátovaný určitým spôsobom.

Samotný kód teda nevidíte, prehliadač zobrazuje na obrazovke vášho monitora hotový formátovaný text a grafiku. Ak sa chcete presvedčiť na vlastné oči html kód a tagy, pomocou ktorých prebieha formátovanie textu, ktorý práve čítate, potom prejdite do svojho internetový prehliadač Prieskumník prejdite do ponuky > Zobraziť az rozbaľovacieho zoznamu vyberte možnosť > Zdroj. Pozri sa na obrázok.

Tým sa otvorí okno obsahujúce kód. Podobný tomu, ktorý môžete vidieť na druhom obrázku. Tento kód môžete posúvať a vidieť, pozostáva hlavne zo značiek, vo vnútri ktorých je vo väčšine prípadov text. Bez toho, aby sme zachádzali do detailov, teda môžeme povedať, že každý tag definuje kde, ako, aké písmo, akej farby bude váš text vyzerať.

V skutočnosti však HTML tagy dokážu nielen formátovať text, ale pomocou nich môžete vložiť obrázok na stránku, vytvárať tabuľky, vytvárať odkazy a oveľa viac.

Každý tag plní svoje špecifické funkcie a na to, aby ste sa naučili vytvárať webové stránky, potrebujete vedieť, na čo ten či onen tag slúži. Myslím, že teraz ste už trochu pochopili, čo je html.

Najprv sa pozrime na to, čo je tag. Zjednodušene povedané, štítky pozostávajú z obyčajných anglických znakov alebo slov, len tieto písmená a slová sú určitým spôsobom zdobené.

Každý štítok pozostáva z lomených zátvoriek,< >v ktorých sú umiestnené určité symboly. Väčšina z nich je otvorená a zatvorená.

Napríklad tag - otváranie a- zatváranie. Ako vidíte, líšia sa v prítomnosti lomky / v záverečnom znaku. Ak medzi ne vložíte nejaké slovo, napr. Ahoj potom sa zobrazí zvýraznene... Všetko, čo je uzavreté v lomených zátvorkách, sa v tomto prípade nezobrazuje na obrazovke, ale je to akýsi príkaz pre prehliadač, že slovo uzavreté medzi týmito značkami má byť zobrazené tučným písmom.

Prirodzene, existuje veľa značiek a každý z nich plní svoje špecifické funkcie. Približne podľa tohto princípu fungujú všetky ostatné značky a celé CTML ako celok. Keď si z internetu vyžiadate akýkoľvek dokument, váš prehliadač stiahne html kód, správne ho interpretuje a na obrazovke zobrazí hotový formátovaný text, grafiku, tabuľky atď.

Účelom tohto tutoriálu bolo poskytnúť vám predstavu o tom, čo je HTML, v ďalších lekciách sa začneme učiť tento značkovací jazyk. Aby ste si uľahčili osvojenie si učiva, odporúčam začať študovať lekcie od najjednoduchších, plynulo prejsť k zložitejším, napríklad v nasledujúcom poradí: na začiatku si preštudujte, ako je dokument používané, pomocou ktorých sa nastavujú a vyrábajú, naučia sa nastavovať atď. až po zložitejšie.

Na vytvorenie HTML stránok môžete použiť špeciálne programy, ako napríklad, ale stránky môžete vytvárať pomocou jednoduchého textového editora, ktorý je dostupný v akejkoľvek verzii systému Windows.

Html- je skratka pre HyperText Markup Language, čo je najpoužívanejší jazyk na písanie webových stránok.

  • Hypertext sa vzťahuje na spôsob prepojenia webových stránok (dokumentov HTML). Odkaz dostupný na webovej stránke sa teda nazýva hypertext.
  • Ako už názov napovedá, HTML je značkovací jazyk, čo znamená, že HTML používate na jednoduché „označenie“ textového dokumentu značkami, ktoré hovoria webovému prehliadaču, ako ho má štruktúrovať na zobrazenie.

HTML bolo pôvodne navrhnuté s cieľom definovať štruktúru dokumentov, ako sú nadpisy, zoznamy, odseky atď., aby sa uľahčila výmena. vedecké informácie medzi výskumníkmi.

HTML sa teraz široko používa na formátovanie webových stránok pomocou rôznych značiek dostupných v jazyku HTML.

HTML dokument

Nasledujúci príklad zobrazuje HTML dokument v najjednoduchšia forma:

Názov dokumentu

Smerovanie

Tu je obsah dokumentu...

Uložme kód do súboru HTML document.html pomocou vášho obľúbeného textového editora. A otvorte súbor pomocou webového prehliadača, ako je Internet Explorer, Google Chrome alebo Firefox a spol. Mal by zobrazovať nasledujúci výstup:

Značky na vytvorenie dokumentu HTML

Ako už bolo uvedené, HTML je značkovací jazyk a na formátovanie obsahu používa rôzne značky. Tieto štítky sú uzavreté v lomených zátvorkách. Väčšina značiek má zodpovedajúce koncové značky, s výnimkou niekoľkých značiek. Napríklad značka má uzatváraciu značku a značku má blízky štítok iné.

Vyššie uvedený príklad používa na generovanie dokumentu HTML nasledujúce značky:

TagPopis
Táto značka definuje typ dokumentu a verziu HTML.
Tento tag pokrýva kompletný HTML dokument a pozostáva hlavne z názvu dokumentu, ktorý je reprezentovaný tagmi ... a telo dokumentu, ktoré je reprezentované značkami ... .
Táto značka predstavuje názov dokumentu, ktorý môže obsahovať ďalšie html značky ako napr , <link>atď.</td> </tr><tr><td><title> </td><td>Tag <b><title> </b> používa sa vo vnútri štítku <head>na označenie názvu dokumentu.</td> </tr><tr><td><body> </td><td>Tento tag predstavuje telo dokumentu, v ktorom sú uložené ďalšie html tagy ako napr <h1>, <div>, <p>Iné.</td> </tr><tr><td><h1> </td><td>Táto značka predstavuje názov.</td> </tr><tr><td><p> </td><td>Táto značka predstavuje odsek.</td> </tr></table><p>Na vytvorenie html dokumentu (html stránky) stačí znalosť týchto značiek.</p> <p>Ak sa chcete naučiť HTML, musíte poznať rôzne značky a pochopiť, ako sa správajú pri formátovaní. <a href="https://obanracer.ru/sk/kak-vstavit-skrinshot-v-tekstovyi-dokument-kak-sdelat-printskrin-s.html">textový dokument</a>... Naučiť sa HTML je jednoduché, pretože používatelia sa musia len naučiť, ako používať rôzne značky na formátovanie textu alebo obrázkov, a tak vytvoriť krásnu webovú stránku.</p> <h2>Štruktúra HTML dokumentu</h2> <p>Štruktúra typického dokumentu HTML bude vyzerať takto:</p><p>Značka deklarácie dokumentu <html> <head> <title>Značky spojené s názvom dokumentu Štítky súvisiace s telom

V nasledujúcich lekciách preskúmame všetky značky nadpisu a tela, teraz sa pozrime na to, čo je značka deklarácie dokumentu.

Vyhlásenie

Značka vyhláseniapoužíva webový prehliadač na pochopenie verzie HTML použitej v dokumente. Aktuálna verzia HTML - 5 a používa nasledujúcu deklaráciu:

Existuje mnoho ďalších typov reklám, ktoré možno použiť v dokumente HTML, v závislosti od verzie HTML, ktorú používate. Viac podrobností o tom uvidíme pri diskusii o značke.spolu s ďalšími značkami HTML.

Ahojte všetci!. Druhú lekciu budeme venovať otázke - čo je HTML a ako s ním pracovať. V ňom sa dozviete o vlastnostiach najpopulárnejšieho webového programovacieho jazyka a jasne pochopíte jeho hlavnú podstatu.

Od toho, ako si to osvojíte, bude pre vás jednoduchšie posunúť sa vpred a potom sa môžete ľahko (aj keď nie, stále musíte tvrdo pracovať) chopiť dobývania zložitejších jazykov na vytváranie stránok, napríklad rovnaké PHP. Poďme teda na vec.

Čo je Html

HTML (hypertext markup language) je hypertextový značkovací jazyk v každodennom živote. Štandardný značkovací jazyk pre internetové dokumenty na World Wide Web. Je to jeden z najpopulárnejších jazykov vytvárania webových stránok. Je tiež považovaný za najjednoduchší z hľadiska načítania v prehliadačoch.

Nemá žiadnu komplexnú „zablatenosť“ ako v PHP, ktoré pred zobrazením stránky v prehliadači najskôr zadá požiadavku na MySql databázu a až potom zobrazí obsah používateľovi. Nebudem sa baviť o dlhých slovných predohrávkach o tom, ako to vzniklo, lebo to už dávno nie je zaujímavé.

Vo všetkých týchto bodoch vám pomôže skvelá Wikipedia. Chceme sa naučiť, ako rýchlo vytvárať webové stránky, však? Dobre! Potom poďme ďalej a pochopme všetky zložitosti tejto webovej vedy.

Základy jazyka HTML. Koncept značky

Bez znalosti pevného základu sa nikam nedostanete, nikto nezrušil „matematickú časť“ („základ“ akéhokoľvek predmetu). A nebudeme sa odchyľovať od tradícií a pravidiel.

Základom HTML sú značky, alebo presnejšie množina značiek. Sú označené takto.<тег>... Tagy sú vždy spárované a zobrazené takto

<тег>.

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

Každý z nich vystupuje prísne špecifická funkcia na zobrazenie v prehliadačoch.

Niektorí zobrazujú obrázok, iní odkaz, ďalší sú zodpovední za odseky, štvrtí tvoria tabuľku atď. Môžeme do nich napísať ľubovoľný text. Rád ich pre prehľadnosť nazývam kontajnery. Ale sú aj single, tie si preštudujeme na ďalších lekciách.

A tiež pochopte pre seba dôležitý bod... V tento jazyk funguje Paretov princíp, to znamená, ako v každej oblasti života, činnosti a kdekoľvek sa nachádza, aj tu platí pravidlo 80/20.

Čo to znamená? To nám hovorí, že 20 % (v našom prípade je to html) jazyka robí 80 % hlavnej práce. Logika je taká, že nie je potrebné učiť sa všetky značky, pretože mnohé z nich sa jednoducho nepoužívajú alebo sa používajú veľmi zriedkavo. V našich lekciách sa teda zameriavame na tie najčastejšie a najdôležitejšie. A urobili ste s tým skvelú prácu!

Štruktúra HTML dokumentu

Štruktúra akéhokoľvek html dokumentu vyzerá takto

Dokument bez názvu

< ! 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 >Dokument bez názvu< / title >

< / head >

< body >

< / body >

< / html >

Teraz popíšme každý bod podrobnejšie:

Čo je Doctype a jeho význam

Prvok doctype sa používa na označenie typu našej webovej stránky. Ide o takzvané „deklarovanie typu dokumentu“ alebo vyhlásenie o type dokumentu.

Táto značka by mala byť vždy na prvom mieste na každej stránke. Je to kľúčový komponent webových stránok, ktoré tvrdia, že sú v súlade so štandardmi: bez neho váš kód neprejde validáciou.

Validátor webových dokumentov je počítačový program, ktorá kontroluje zhodu akéhokoľvek dokumentu, dátového toku alebo časti kódu s určitým formátom, kontroluje syntaktickú správnosť dokumentu alebo súboru (podľa Wikipédie).

Vyniká niekoľko hodnôt Doctype:

  1. Prísne
  2. Prechodný
  3. Sada rámov (s rámami)

Ja používam druhú možnosť. Práca s ním je najpohodlnejšia, pretože neobmedzuje vývojára. Čitateľ je zmätený, aký je rozdiel a ktorý je najlepší na použitie?

Dovoľte mi vysvetliť rozdiel medzi nimi. Prechodná verzia nie je striktne v súlade s validačnými štandardmi W3C (alebo v ruštine, skontrolujte), to znamená, že prehliadač zobrazí obsah webového dokumentu rovnakým spôsobom, aj keď obsahuje zastarané, zastarané a iné štandardné variácie kódu. Verzia Strict ale presne dodržiava všetky normy, to znamená, že v praxi, ak ste niekde v kóde zabudli uviesť príslušný symbol (napríklad lomku /), pri kontrole dostanete varovanie.

Takto vyzerá webový dokument v striktnej verzii:

Prísne dodržiavanie jazykových noriem

< ! 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 >Prísny jazykový štandard< / title >

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

< / head >

< body >

< p > . . . < / p >

< / body >

< / html >

Odporúčam vám použiť druhú možnosť a nenaparovať sa, pretože je to najpohodlnejšie. Teraz sa pozrieme na ďalšie časti našej stránky.

- alebo tag "head", obsahuje najdôležitejšie tagy, ktoré prehliadaču vysvetľujú, čo je potrebné na stránke urobiť a aké mechanizmy spustiť. Definuje webový dokument a jeho obsah. Často je nabitý rôznymi skriptami, ktoré spúšťajú na stránke rôzne čipy a nechýba ani dôležitý „kontajner“ pre SEO propagáciu – tag

Nebudeme zachádzať do podrobností a histórie toho, čo HTML je, ale poďme rovno k hlavným bodom. HTML je základom pre vytvorenie akejkoľvek webovej stránky! Pri štúdiu témy budovania stránok musíte začať s ňou. Nie je tu nič ťažké. Túto technológiu zvládne úplne KAŽDÝ!

Chcem hneď poznamenať, že toto NIE JE programovací jazyk, ale značkovací jazyk.

Prečo je ľahké naučiť sa HTML?

Hovoriť plynule anglický jazyk nemusíte poznať všetky slová, ktoré sú v angličtine. Tu sa teda stačí naučiť niekoľko základných značiek a naučiť sa s nimi pracovať. A potom už len musíte cvičiť a rozvíjať zručnosť.

Poďme preskúmať túto zábavnú a jednoduchú technológiu.

Trochu teórie...

Každá stránka pozostáva zo značiek. To znamená, že stránka v skutočnosti nevyzerá tak, ako sme na ňu zvyknutí, ale pozostáva z mnohých značiek, z ktorých každá hrá špecifickú úlohu.

Vyzerá to ako veľká stena z tehál. Ak sú na ňom všetky tehly úhľadne položené, potom celá stena vyzerá krásne. Pri písaní štruktúry stránky je preto potrebné venovať pozornosť každému tagu, pretože je to „stavebný kameň“ našej budúcej stránky.

Ale čo je značka v HMTL?

to HTML prvok stránku, ktorá nejakým spôsobom ovplyvňuje zobrazenie a rozloženie stránky. Je dosť ťažké tomu porozumieť slovami, preto si treba všetko pozrieť naraz v praxi a zvyknúť si na kód. Pozrite sa na obrázok nižšie:

Toto je štruktúra najjednoduchšej stránky. Ale tieto opakujúce sa slová v trojuholníkových zátvorkách sú značky. Ak otvoríte svoj textový editor a napíšte tento kód a potom ho uložte vo formáte HTML, potom získate stránku HTML. Ešte nie je jasné, čo je HTML? 🙂

Z tejto štruktúry môžete vidieť značky, ktoré musia byť prítomné. Toto sú značky:

  • a zatváranie
  • a zatváranie
  • a zatváranie

Aby to bolo jasnejšie, na obrázku nižšie som ich zvýraznil oranžovou farbou:

Všetko, čo píšeme medzi značky a na našej stránke neuvidíme. Tieto značky môžu prehliadaču povedať o kódovaní, o názve našej stránky, tu môžu spájať rôzne štýly, skripty a pod. To všetko uvidíte v nasledujúcich lekciách.

A tu sú všetky značky, ktoré napíšeme medzi značky a, v závislosti od jeho účelu, ovplyvní presne štruktúru nášho HTML stránky.

Už je jasnejšie, čo je HTML? 😉 Ale nezastavujeme a ideme ďalej...

Niektoré štítky môžu mať koncový štítok a niektoré nie. Napríklad tag je tam uzatváracia značka... Ako ste možno uhádli, značky sú uzavreté lomkou.

Je veľmi dôležité sledovať otváranie a zatváranie štítkov. Aby nedošlo k chybám. Prehliadač nemusí vykazovať chybu, ale štruktúra vašich stránok bude nesprávna aj pri ďalšej práci so štýlmi (kde budeme vzhľad) nastanú veľké problémy. Preto, ak má tag koncový tag, musí byť prítomný na správnom mieste.

Uveďme si príklad, ako NEZAVRÁŤ tagy a v akom poradí to treba urobiť. Príklad dvoch značiek:

Správny HTML KÓD

To, čo vidíte vyššie, je toto je správne poradie zapisovania koncových značiek... Ale môže nastať taká situácia

CHYBA V KÓDE HTML

Takže zatvorte značky je prísne zakázané!

Cvičte, aby ste pochopili, čo je HTML...

O tom, čo je HTML v praxi, sa môžete dozvedieť len viac. Na tento účel môžete použiť ľubovoľný textový editor. Dokonca aj zápisník. Odporúčam ale použiť Notepad ++, pretože tu je oveľa viac funkcionality pre prácu s HTML. Môžete si ho stiahnuť pomocou odkazu Download Notepad ++. Tento editor má všetky možnosti na vytváranie a úpravu HTML stránok.

Začnime. Po otvorení programu sa zobrazí okno, ako je toto:

Ak chcete vytvoriť stránku HTML, musíte v tomto okne zadať „telo“ stránky. Môžete skopírovať text nižšie a jednoducho ho vložiť. Ale je lepšie zadať všetko rukami. Pomôže vám to rýchlejšie si zapamätať a zvyknúť si na značky.

Takže by ste mali mať niečo takéto:

Ďalej je potrebné uložiť táto strana vo formáte HTML. Ak to chcete urobiť, kliknite na ponuku „Súbor“, tu kliknite na „Uložiť ako ...“. Zadajte názov stránky HTML. Pomenoval som to index.html. Potom už len uložíme pohodlné miesto na mojom počítači. Potom sa objaví podsvietenie HTML tagy, pretože editor Notepad ++ pochopí, že áno HTML dokument... A oveľa príjemnejšie je pracovať s podsvietením.