V roku 1989 hypertext predstavoval novú perspektívnu technológiu, ktorá mala na jednej strane pomerne veľké množstvo implementácií a na druhej strane sa pokúšali vybudovať formálne modely hypertextových systémov, ktoré by mali viac popisný charakter a boli inšpirované tzv. úspešnosť relačného prístupu k popisu údajov.
HTML je hypertextový značkovací jazyk používaný na kódovanie dokumentov. Jazyk HTML je súbor príkazov, podľa ktorých prehliadač zobrazuje obsah dokumentu, príkazy HTML sa nezobrazujú. HTML implementuje mechanizmus hypertextových odkazov, ktorý spája jeden dokument s druhým. Tieto dokumenty môžu byť umiestnené na rovnakom serveri ako stránka, z ktorej sú prepojené, alebo môžu byť umiestnené na inom serveri.
Myšlienka HTML je príkladom mimoriadne úspešného riešenia problému budovania hypertextového systému pomocou špeciálneho nástroja na ovládanie displeja.
Kontextové hypertextové odkazy boli uznané ako najefektívnejšia forma organizácie hypertextu a okrem toho bolo uznané rozdelenie na odkazy spojené s celým dokumentom ako celkom a s jeho jednotlivými časťami.
Všetky dokumenty HTML zdieľajú rovnakú štruktúru definovanú pevnou sadou značiek štruktúry. HTML dokument musí vždy začínať značkou< HTML >a končí príslušnou koncovou značkou (). V dokumente sú dve hlavné sekcie: sekcia nadpisov a telo dokumentu v tomto poradí. Sekcia nadpisu obsahuje informácie, ktoré popisujú dokument ako celok a sú obmedzené na značky<НЕАD>a. Hlavne sekcia nadpisu by mala obsahovať všeobecný názov dokumentu oddelený značkou páru<ТITLE>.
). Pri vytváraní HTML dokumentu sa však neodporúča vynechať štrukturálne značky. Najjednoduchší správny HTML dokument obsahujúci všetky značky, ktoré definujú štruktúru, môže vyzerať takto:
< TITLE >Názov dokumentu< /TITLE >Text dokumentu
HTML prvky.
V prípade párových značiek je rozsah určený časťou dokumentu medzi otváracou a uzatváracou značkou. Táto časť dokumentu sa považuje za prvok jazyka HTML. Môžeme teda hovoriť o „prvku BODY“, ktorý obsahuje značku, telo dokumentu a koncovú značku. Celý HTML dokument. možno považovať za "prvok HTML.". V prípade nespárovaných značiek sa prvok zhoduje so značkou, ktorá ho definuje.
Väčšina prvkov jazyka HTML. popisuje časti obsahu dokumentu a je umiestnený medzi tagy
. a, teda vo vnútri konštrukčného prvku BODY. Takéto prvky sú rozdelené na blokové a textové. Prvky bloku odkazujú na časti textu na úrovni odseku. Textové prvky popisujú vlastnosti jednotlivých fráz a ešte viac malých častí textu.Teraz môžeme formulovať pravidlá pre vkladanie prvkov.
Prvky sa nesmú prekrývať. Inými slovami, ak je úvodná značka vo vnútri prvku, potom sa zodpovedajúca koncová značka musí nachádzať v tom istom prvku.
Prvky bloku môžu obsahovať vnorené prvky bloku a textu.
Textové prvky môžu obsahovať vnorené textové prvky.
Textové prvky nemôžu obsahovať vnorené prvky bloku.
Prvky funkčného bloku.
Vo väčšine dokumentov sú nadpisy a odseky hlavnými funkčnými prvkami. jazyk HTML. podporuje šesť úrovní nadpisov. Nastavujú sa pomocou spárovaných značiek z<Н1>predtým<Н6>. Pri zobrazení sa webové dokumenty vykresľujú týmto spôsobom; tag (dokument na obrazovke počítača, tieto prvky sú zobrazené pomocou fontov rôznych veľkostí.
Normálne odseky sa nastavujú pomocou párovej značky<Р>. jazyk HTML. neobsahuje prostriedky na vytvorenie odsadenia odseku („červená čiara“), preto sú odseky pri zobrazení na obrazovke počítača oddelené prázdnym riadkom. Záverečná značkapovažované za voliteľné. Rozumie sa, že stojí pred značkou, ktorá nastavuje začiatok ďalšieho odseku dokumentu. Napríklad:
hlavička
<Р>Prvý odsek<Р>Druhý odsek
Nadpis druhej úrovne
Dôsledkom špeciálnej značky, ktorá definuje odsek, je skutočnosť, že obvyklý znak konca riadka zadaný stlačením klávesu ENTER nestačí na vytvorenie odsadenia odseku. jazyk HTML. zaobchádza so znakmi na konci riadku a medzerami špeciálnym spôsobom. Akákoľvek sekvencia; pozostávajúce iba z medzier a znakov na konci riadku, sa pri zobrazení dokumentu považuje za jednu medzeru. To konkrétne znamená, že znak konca riadka nevykonáva ani nový riadok (na tento účel sa používa textový prvok špecifikovaný nepárovým tagom
.
Ako oddeľovač odsekov možno použiť aj vodorovné pravítko. Tento prvok je špecifikovaný nespárovanou značkou
. Keď je dokument zobrazený na obrazovke, pravítko oddeľuje časti textu od seba. Jeho dĺžka a hrúbka sú nastavené atribútmi tagu.
.
Táto značka vytvára vodorovné pravítko so šírkou 10 pixelov, ktoré presahuje polovicu šírky okna a je umiestnené vpravo.
Tvorba webových stránok je jednou zo široko dostupných možností moderného internetového priemyslu. Samotná tvorba stránok v zásade nie je oveľa zložitejšia ako vytváranie osobných elektronických schránok a elektronických vizitiek.
Na vytvorenie stránky potrebujete v prvom rade server pripojený k internetu, na ktorý môžete umiestniť potrebné hypertexty. Okrem toho je potrebné zaregistrovať názov saiga u poskytovateľa obsluhujúceho vybraný server.
Na internete môžete nájsť poskytovateľov, ktorí ponúkajú bezplatné otváracie stránky na svojich serveroch. Bezplatné stránky je možné otvoriť na domácich serveroch narod.ru, boom.ru, hotmail.ru a na zahraničných serveroch, ako sú geocities.com, tripod.com.
Na zadaných serveroch môžete zaregistrovať názvy domén vo forme:
<имя>. people.ru
meno>.boom.ru,
Príklady registrovaných doménových mien:
wdu.da.ru - webová stránka elektronickej univerzity;
wduniv.newmail.ru - stránka distribuovanej univerzity.
Po zaregistrovaní názvu domény stránky je možné na ňu umiestniť hypertexty. Umiestňovanie hypertextov na stránku sa vykonáva pomocou špeciálnych programov, ktoré vám umožňujú vytvárať, upravovať, zhromažďovať a kopírovať rôzne hypertexty. Ihneď po umiestnení úplne prvej (hlavnej) hypertextovej stránky je možné jej informácie prečítať pomocou prehliadača v ktorejkoľvek krajine z akéhokoľvek počítača pripojeného k internetu. Na tento účel je v okne prehliadača uvedená adresa stránky na internete. Napríklad: http://bak.boom.ru
Všetky hostované súbory musia byť hypertextové, napísané vo formáte HTML a musia mať identifikátory formulára<имя>.html
HTML je hypertextový značkovací jazyk.
Podľa štruktúry je hypertext text s odkazmi na iné hypertexty umiestnené na tomto serveri alebo na iných serveroch. Keď kliknete na takýto odkaz, prehliadač automaticky načíta hypertextovú stránku na obrazovke počítača bez ohľadu na to, na ktorom serveri a v ktorej krajine sa nachádza.
Pomocou týchto nástrojov a programov možno na internete vytvárať najrôznejšie informačné stránky a systémy – osobné stránky, firemné stránky, elektronické noviny, časopisy, elektronické knihy, encyklopédie, ako aj elektronické archívy a knižnice.
Rozdiel medzi stránkami spočíva v množstve informácií, ich štruktúre a postupoch aktualizácie. Vo všeobecnosti sa pri stránkach na internete, ako aj pri akejkoľvek organizácii, môžeme baviť o životných cykloch ich vzniku, rozvoja, modernizácie a likvidácie.
Množstvo informácií určujú vlastníci – ľudia alebo organizácie, ktoré vytvorili stránky a umiestňujú na ne svoje informácie. Objem informácií na stránkach sa môže pohybovať od niekoľkých kilobajtov až po niekoľko gigabajtov (miliónov kilobajtov).
Štruktúra stránok môže byť veľmi rôznorodá. Najjednoduchšiu štruktúru má hlavná stránka s odkazmi na súbor textov. Tieto odkazy môžu byť v texte hlavnej stránky alebo môžu vyniknúť v obsahu na začiatku stránky.
Každá stránka lokality môže byť vybavená názvom, ktorý sa zobrazí v hornom riadku obrazovky, keď je stránka načítaná prehliadačom.
Okrem toho na hlavnej stránke webu môžete zadať zoznam kľúčových slov pre vyhľadávače.
Vyhľadávače skenujú každý týždeň všetky servery na internete a zaznamenávajú adresy všetkých stránok a hypertexty, ktoré nájdu, spolu s kľúčovými slovami, ktoré sú v nich zvýraznené. Z týchto dôvodov možno najneskôr o týždeň neskôr nájsť akékoľvek informácie zverejnené na internete pomocou kľúčových slov v nich obsiahnutých.
Pokračujeme v sérii článkov o základoch webových jazykov a vývoji v tejto oblasti. Predtým sme sa venovali základom hypertextového jazyka HTML, jeho vlastnostiam a metódam označovania textu (tagov).
Tiež sme sa dozvedeli, že jazyk HTML úzko spolupracuje s vývojom softvéru, ako sú štýly CSS a Javascript, a prečo je takáto spolupráca jazykov potrebná. Dnes podrobne zvážime štruktúru stavebných dokumentov v HTML5. Bloková konštrukcia dokumentu, jeho štruktúra je témou dnešného článku. Najprv však musíte pochopiť, čo je HTML5.
Programovací jazyk HTML5 (z anglického HyperText Markup Language) je piatou verziou jazyka. Rovnako ako všetky predchádzajúce verzie je navrhnutý tak, aby vytvoril štruktúru dokumentov a prezentoval ich na webe. Verzia HTML5 je momentálne vo vývoji. Cieľom vytvorenia piatej verzie HTML je zlepšiť jazyk v oblasti jeho práce s multimediálnymi dokumentmi (audio a video aplikácie).
Pridanie niektorých syntaktických noviniek ako napr
Čo je DOCTYPE?
Každý HTML dokument vždy začína týmto slovom. Všetky predchádzajúce verzie HTML zverejnili toto vyhlásenie približne takto:
kde PUBLIC označuje čitateľnosť dokumentu a DTD označuje typ publikovaných dokumentov (definícia typu dokumentu). Definícia DOCTYPE v HTML5 je oveľa zjednodušená −< !DOCTYPE HTML>. To je všetko - označenie je pripravené.
Čo teda robí deklarácia DOCTYPE? Tento tag má prehliadačom povedať, aký jazykový štandard použiť – vizualizácia stránky ako celku, jej vykreslenie, bude závisieť od definície HTML verzie. Štandardy vývoja HTML sú prísne regulované a dodržiavajú určité pravidlá, takže práca s kódmi iných ľudí, ich čítanie a ich zobrazovanie v prehliadači pomocou štandardov je výrazne zjednodušené.
Pôvodne deklarácia DOCTYPE prepínala prehliadač do režimu štandardov a to umožňovalo používať novšie štandardy. Pre tie dokumenty, ktoré boli napísané pomocou starého štandardu, je možné použiť režim kompatibility, ktorý prehliadaču umožňuje normálne fungovať. Novú deklaráciu DOCTYPE teraz podporujú takmer všetky existujúce prehliadače, pričom ich prepínajú do štandardného režimu. To znamená, že každý novovytvorený dokument musí obsahovať atribút DOCTYPE a musí spĺňať vyvinuté štandardy. V tomto prípade sa celý kód dokumentu skontroluje, či je v súlade s normami.
Podmienečne je možné rozdeliť celú stránku napísanú v HTML do niekoľkých podsekcií. Koreňom hlavného kódu celej stránky je značka . Teda medzi tagmi a môžete umiestniť takmer čokoľvek. Schematicky je HTML stránka prezentovaná nasledovne:
Napríklad:
< !DOCTYPE HTML>< !-Любой текст, изображения, таблицы и т.д. -->
V našom prípade tag obsahuje atribút, ktorý definuje jazyk dokumentu – ruština. Pre uľahčenie práce s dokumentom je potrebné špecifikovať jazyk dokumentu. Všetok obsah stránky sa nachádza medzi značkami …. okrem deklarácie DOCTYPE.
Tag
takzvaná hlava dokumentu. Všetky potrebné údaje o stránke (pre prehliadač aj informatívne údaje pre vývojára) sú umiestnené medzi a. Názov stránky, jej kód – napríklad UTF-8, metaúdaje, ako sú kľúčové slová, popis stránky, meno autora atď. - všetky takéto údaje sú umiestnené presne medzi značkami a. Tu môžete tiež pripojiť externé súbory, skripty a knižnice.Čo sú metaznačky?
Ako je uvedené vyššie, obsahujú všetky informácie o stránke. Hlavné metaznačky sú popísané nižšie:
1. Typ kódovania stránky - Charset. Vo väčšine prípadov sa používa UTF8, ale môžu sa použiť aj iné kódovania, napríklad windows-1251, KOI-8, ISO atď. Atribút, ako napríklad Charset, určuje, ktoré kódovanie sa má použiť na čítanie stránky. V HTML5 tento atribút vyzerá takto:
Ako vidíte, nová verzia jazyka výrazne zjednodušuje správu stránok, uľahčuje a zrýchľuje čítanie.
Meta tag popisu, teda súhrn obsahu stránky. Napríklad:
Použitie tejto značky je voliteľné, ale je žiaduce na ochranu obsahu stránky pred kopírovaním.
Meta tag označujúci názov stránky alebo príspevku na stránke - title. Značka vyzerá takto:
Názov sa zobrazuje v názve otváracieho okna alebo v hornej časti stránky.
Metaznačky odkazu a skriptu sa používajú na prepojenie šablón štýlov, externých súborov a knižníc s vykonávaním. Napríklad šablóny štýlov CSS a JavaScript, ako aj knižnica jQuery. Reťazce pripojenia týchto súborov vyzerajú takto:
| 1 |
To znamená, že aby ste pochopili podstatu týchto riadkov, môžete si predstaviť nasledujúcu situáciu - súbory CSS a JavaScript sú na serveri, ale bez týchto riadkov v dokumente jednoducho nebudú fungovať. Malá nuansa pri používaní týchto značiek je, že súbory môžu byť buď na lokálnom serveri alebo na vzdialenom serveri. V druhom prípade musíte zadať úplnú cestu k súborom v metaznačkách. V našom príklade sa metaznačka odkazu používa na prepojenie súboru CSS a používa vzťah odkazu. Tento podpis dáva prehliadaču vedieť, že daný súbor je šablóna so štýlmi. Značka rel má aj mnoho ďalších významov.
Alternatívou k prvej možnosti zahrnutia súboru štýlu môže byť nasledujúci riadok:
| 1 2 3 4 |
Táto metóda priamo spája štýl so stránkou bez zahrnutia súboru štýlu.
Najdôležitejšia značka v dokumente HTML je
. Má aj záverečný koniec. Všetky údaje, ktoré sú obsiahnuté v tomto tagu, určujú obsah stránky – jej obsah, obrázky na stránke, všetka masa odkazov obsiahnutá v texte atď. Teda všetky informácie, ktoré sa nachádzajú pred tagom , možno zabaliť do akejsi nemennej šablóny. Obsah tela
je možné upraviť, nahradiť, vylepšiť.
Po zvážení všetkých komponentov HTML dokumentu piatej verzie sa môžete pokúsiť zhromaždiť všetky jednotlivé časti do jedného celku, ktorý bude úplným HTML dokumentom, teda stránkou určitého webu. Takto bude vyzerať hotová stránka:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | < !DOCTYPE HTML>
|
< !DOCTYPE HTML>
Hypertextové značenie sa používa na označenie, v ktorej časti obrazovky a ako sa má text zobraziť a ako spolu súvisia texty, ktoré tvoria hypertextovú databázu. Na tieto účely sa do textu vkladajú špeciálne riadiace znaky. Text s riadiacimi znakmi je uložený v obyčajnom textovom súbore v kódoch ASCII a môže byť spracovaný takmer každým textovým editorom.
Hypertextový značkovací jazyk HTML navrhol Tim Berners-Lee v roku 1989. V čase, keď bol vytvorený HTML, existoval štandard značkového jazyka pre tlačené dokumenty - SGML (Standart Generalized Markup Language), ktorý bol braný ako základ HTML. Predpokladalo sa, že takéto riešenie pomôže využiť existujúci softvér na interpretáciu nového jazyka.
Ako prvok hypertextovej databázy pre HTML bol zvolený obyčajný textový súbor, ktorý je uložený pomocou súborového systému operačného prostredia počítača.
Hypertextová databáza v koncepte WWW je teda súbor textových súborov napísaných v HTML, ktorý definuje:
Forma prezentácie informácií (označenie);
Štruktúra odkazov medzi súbormi (hypertextové odkazy). Tento prístup predpokladá prítomnosť ďalšieho komponentu
technológia – jazykový tlmočník. Vo WWW sú funkcie tlmočníka rozdelené medzi hypertextový databázový server a používateľské rozhranie. Server okrem prístupu k dokumentom a spracovania hypertextových odkazov vykonáva aj preprocesorové spracovanie dokumentov, pričom používateľské rozhranie interpretuje jazykové konštrukcie súvisiace s prezentáciou informácií.
V roku 1990 existovala nulová verzia HTML 0.
Prvá verzia (HTML 1.0) bola zameraná na prezentáciu jazyka ako takého, kde popis jeho schopností bol skôr odporúčaním.
Predpovede sú chrbtovou kosťou každého obchodného systému, takže dobre spracované predpovede vás môžu zbohatnúť.
Druhá verzia (HTML 2.0) zafixovala prax používania jazykových konštruktov a stala sa štandardom pre tvorbu WWW.
Verzia ++ HTML ++ zaviedla nové funkcie na prezentáciu vedeckých informácií a tabuliek, vylepšenia štýlu rozloženia textu a obrázkov.
Tretia verzia (HTML 3.0) zefektívnila všetky inovácie a formalizovala používateľské rozhranie hypertextového distribuovaného systému.
V roku 1996 bola vydaná nová verzia jazyka: HTML 3.2, ktorá obsahuje nástroje na vytváranie tabuliek, konštrukcie jazyka Java, obrázkové mapy (umiestnené na klientskom počítači) a nové typy formátovania textu.
HTML je textový jazyk, v ktorom sú pokyny na formátovanie, nazývané značky, vložené do textu dokumentu.
Proces vytvárania dokumentu HTML spočíva v zahrnutí značiek do neformátovaného textu, ktorý nesie informácie.
HTML tagy sú sekvencie znakov, ktoré začínajú znamienkom menej ako (<) и заканчивающиеся знаком “больше” (>).
Väčšina funkcií formátovania v HTML špecifikuje skôr logické ako fyzické štýly. Napríklad značky nadpisov, ktoré zvyčajne označujú väčšiu veľkosť písmen, neurčujú, ktorá veľkosť sa má použiť. Prehliadač (ktorý funguje ako klientsky program) vyberie pre nadpisy väčšiu veľkosť textu ako je normálna. Tento prístup vám umožňuje zbaviť sa platformy - dokument vytvorený na počítači Macintosh je možné použiť v systéme UNIX alebo Windows. Nevýhodou je, že dokument vyzerá na rôznych platformách inak.
WWW prehliadače fungujú pri analýze HTML viet podľa nasledujúcich pravidiel:
Medzery a iné „neviditeľné“ znaky sa ignorujú;
Všetky značky možno rozdeliť do skupín: základné značky, formátovacie značky, štruktúrne značky, ukazovatele atď.;
Formátovacie značky možno písať malými a/alebo veľkými písmenami;
Väčšina formátovacích značiek je napísaná v pároch. Úvodná značka tento efekt zapne a záverečná značka ho vypne. Dvojica značiek sa niekedy nazýva kontajner, pretože efekt, ktorý zapínajú a vypínajú, je na text v nich. Ak chcete napríklad určiť, že riadok sa má vytlačiť tučným písmom, napíšte:< B >Tento riadok bude vytlačený tučným písmom.
Pred textom vo vnútri uzatváracej značky je vždy znak spätnej lomky. Medzi základné značky HTML patria výnimky z tohto pravidla:< BASE >(základné informácie),< BR >(koniec riadku),< HR >(horizontálne pravítko), a< IMG >(obrázok). Tieto značky existujú v jedinom prípade.
Každý dokument HTML má viazané značky:< HTML >a. Táto dvojica značiek zahŕňa všetky ostatné značky na webovej stránke a celý obsah dokumentu. V skutočnosti deklarujú, že celý obsah kontajnera je HTML kód. Tag< HTML >musí byť na prvom riadku súboru a značka- v poslednom.
Každý HTML dokument obsahuje hlavičku dokumentu a telo.
Názov dokumentu identifikuje dokument. Malo by ísť hneď za značku< HTML >a začať od< HEAD >. Názov sa končí štítkom.
Názov dokumentu musí obsahovať názov dokumentu a jeho základnú URL.
Názov dokumentu sa umiestni medzi značky< TITLE >a. Používa ho prehliadač a webový server. Dĺžka názvu by nemala presiahnuť 40 znakov. Názov dokumentu by mal byť informatívny, mal by odrážať obsah dokumentu, aby ho bolo možné identifikovať. Názov sa nachádza v záhlaví prehliadača Internet Explorer, v zoznamoch histórie (História) a „Obľúbené“ (Obľúbené).
Základná adresa URL musí byť úplná (absolútna) a musí obsahovať protokol, internetovú adresu počítača a názov súboru. Je to uvedené v značke< BASE HREF = “базовый_URL”>. Všetky ostatné adresy URL v dokumente môžu byť relatívne k základnej adrese URL. Ak je základná adresa URL napríklad: http://www.microsoft.com/products/office/word/datasheets.html a musíte zadať adresu URL súboru funkcií. html umiestnenom v adresári /products/office/excel na rovnakom serveri, môžete zadať: ../excel/features . html namiesto zadávania celej adresy.
Symboly. ./ označuje prechod o jednu úroveň adresára vyššie zo základnej adresy.
Základná adresa uľahčuje prenos dokumentu na iný server, pretože ak sú všetky ostatné adresy URL v dokumente relatívne, potom je potrebné počas prenosu zmeniť iba názov servera v základnej adrese URL.
Telo dokumentu obsahuje všetky informácie nesúce text a všetky značky HTML použité na formátovanie textu. Telo dokumentu začína hneď za nadpisom a je obmedzené na značky< BODY >a.
Príklad HTML dokumentu:
< TITLE >Názov dokumentu
< BASE HREF = “базовый_URL” >
Značky použité v tele dokumentu vám umožňujú špecifikovať nasledujúce prvky textových značiek:
Začiatok odseku a koniec riadku
Štýly nadpisov
Fyzické štýly – logické štýly
Špeciálne symboly.
Hypertextové odkazy pozostáva z dvoch častí: ukazovateľa a adresy URL. Ukazovateľ je text, na ktorý musí používateľ kliknúť, aby sa niekam pohol. Adresa URL určuje adresu, z ktorej prehliadač stiahne dokument, keď používateľ klikne na ukazovateľ.
Textové ukazovatele v grafických prehliadačoch sú zvyčajne farebne podčiarknuté a zvýraznené. V čisto textových prehliadačoch sa zobrazujú tučným písmom.
Ako ukazovateľ možno použiť akýkoľvek text bez ohľadu na jeho veľkosť alebo formátovanie. Index môže pozostávať z niekoľkých písmen, slov alebo dokonca riadkov textu.
Formát ukazovateľa:
< A HREF = “ URL ”>indexový text ,
kde je písmeno A v značke< A HREF >znamená ukazovateľ (kotva) a HREF - hypertextový odkaz (Hypertextová referencia). Všetko medzi značkami< A HREF = “ URL ”>aje text ukazovateľa, ktorý je zobrazený podčiarknutým alebo tučným písmom.
V spojení s hypertextovými ukazovateľmi možno použiť aj iné formátovacie kódy. Napríklad:
< A HREF = “ URL ”> < I > alebo
< I > < A HREF = “ URL ”>Prejdite na ďalšie podrobnosti
Hyper Text Markup Language (HTML) - hypertextový značkovací jazyk - určený na písanie hypertextových dokumentov publikovaných na World Wide Web.
Hypertextový dokument je textový súbor, ktorý má špeciálne značky nazývané tagy, ktoré prehliadač následne rozpozná a použije na zobrazenie obsahu súboru na obrazovke počítača.
Pomocou týchto značiek môžete zvýrazniť nadpisy dokumentov, zmeniť farbu, veľkosť a štýl písmen, vložiť grafiku a tabuľky. Hlavnou výhodou hypertextu oproti obyčajnému textu je však možnosť pridať k obsahu dokumentu hypertextové odkazy – špeciálne konštrukcie jazyka HTML, ktoré umožňujú kliknutie na zobrazenie iného dokumentu.
HTML dokument pozostáva z dvoch častí: vlastného textu, t. j. údajov, ktoré tvoria obsah dokumentu, a tagov – špeciálnych konštrukcií jazyka HTML používaných na označenie dokumentu a ovládanie jeho zobrazenia. Tagy jazyka HTML určujú formu, v akej bude text prezentovaný, ktorá z jeho súčastí bude zohrávať úlohu hypertextových odkazov, ktoré grafické alebo multimediálne objekty majú byť v dokumente obsiahnuté.
Grafické a zvukové informácie obsiahnuté v dokumente HTML sú uložené v samostatných súboroch. Prehliadače dokumentov HTML ( prehliadačov) interpretovať značky značiek a primerane usporiadať text a grafiku na obrazovke. Prípony akceptované pre súbory obsahujúce dokumenty HTML sú .htm alebo .html.
Vo väčšine prípadov sa značky používajú v pároch. Pár pozostáva z otvoru<имя_тега>a zatváranieznačky. Akcia akéhokoľvek spárovaného tagu začína v mieste, kde sa stretol otvárací tag, a končí, keď sa stretne s príslušným uzatváracím tagom. Často sa nazýva dvojica počiatočných a koncových značiek kontajner a časť textu ohraničená úvodnou a záverečnou značkou, - prvok.
Poradie znakov, ktoré tvoria text, môže pozostávať z medzier, tabulátorov, nových riadkov, návratov na začiatok riadku, písmen, interpunkcie, číslic a špeciálnych znakov (napríklad #, +, $, @), okrem nasledujúcich štyroch znakov, ktoré majú v HTML, špeciálny význam je: (väčší ako), & (ampersand) a " (dvojité úvodzovky). Ak chcete do textu zahrnúť niektorý z týchto znakov, musíte ho zakódovať pomocou špeciálnej postupnosti znakov.
Štruktúra HTML dokumentu
Najdôležitejším z HTML tagov je tag s rovnakým názvom. . Vždy otvorí dokument, rovnako ako značku musí byť v poslednom riadku. Tieto značky označujú, že čiary medzi nimi predstavujú jeden hypertextový dokument. Bez týchto značiek prehliadač alebo iný prehliadač nedokáže identifikovať formát dokumentu a správne ho interpretovať.
HTML dokument pozostáva z dvoch častí: hlavičky (hlava) a tela (body), usporiadaných v nasledujúcom poradí:
Názov dokumentu Telo dokumentu
Najčastejšie sa v názve dokumentu nachádza párová značka.
Telo dokumentu je povinný prvok, pretože obsahuje všetok materiál dokumentu. Telo dokumentu sa umiestni medzi značky
a. Všetko, čo je umiestnené medzi týmito značkami, interpretuje prehliadač v súlade s pravidlami jazyka HTML, ktoré umožňujú správne zobrazenie stránky na obrazovke monitora.
Text v HTML je rozdelený na odseky pomocou značky<р>. Umiestňuje sa na začiatok každého odseku a prehliadač, keď naň narazí, oddelí odseky od seba prázdnym riadkom. Použitie uzatváracej značkynie je potrebné.
Ak chcete text „rozlomiť“, preniesť jeho zvyšok na nový riadok, bez toho, aby ste zvýraznili nový odsek, použite značku zalomenia riadka
. Spôsobí, že divák zobrazí znaky za ním na novom riadku. Na rozdiel od značky odseku, značky
nepridá prázdny reťazec. Táto značka nemá zodpovedajúcu koncovú značku.
Podporuje jazyk HTML logické a fyzické formátovanie obsahu dokumentu. Logické formátovanie označuje účel daného textu, zatiaľ čo fyzické formátovanie určuje jeho vzhľad.
Použitím logické formátovanie textový prehliadač zvýrazňuje rôzne časti textu v súlade so štruktúrou dokumentu. Na zobrazenie názvu sa používa jedna zo značiek názvu. Nadpisy v typickom dokumente sú rozdelené do úrovní. Jazyk HTML vám umožňuje určiť šesť úrovní nadpisov: h1 (nadpis prvej úrovne), h2, h3, h4, h5 a h6. Nadpis prvej úrovne je zvyčajne väčší a bohatší ako nadpis druhej úrovne. Príklad použitia značiek hlavičky:
l.l. Názov sekcie
značky fyzické formátovanie priamo nastaviť vzhľad textu na obrazovke prehliadača, napríklad pár urobí text tučným, nastavuje podčiarknutie textu, ovláda písmo textu.
Tag vloží obrázok do dokumentu, ako keby to bol len jeden veľký znak. Príklad aplikácie značky:
Na tvorenie hypertextový odkaz pár použitých značiek<а>... . Kúsok textu, obrázok alebo akýkoľvek iný objekt nachádzajúci sa medzi týmito značkami sa zobrazí v okne prehliadača ako hypertextový odkaz. Aktivácia takéhoto objektu spôsobí načítanie nového dokumentu do okna prehliadača alebo zobrazenie inej časti aktuálnej webovej stránky. Hypertextový odkaz sa vytvorí pomocou výrazu:
Href je povinný atribút, ktorého hodnota je adresa URL požadovaného zdroja. Úvodzovky v hodnote atribútu href sú voliteľné. Ak je zadaný odkaz na dokument na inom serveri, hypertextový odkaz bude vyzerať takto:
<а href = "http://www.school.donetsk.ua/11.jpg">Fotografia 11-A
Pomocou rôznych značiek môžete do dokumentu kresliť tabuľky, formátovať text, vkladať obrázky, videá, zvukové súbory a iné.
Hypertext Markup Language (HTML) je jazyk navrhnutý špeciálne na vytváranie webových dokumentov. Definuje syntax a umiestnenie špeciálnych pokynov (tagov), ktoré sa nezobrazujú na obrazovke, ale hovoria prehliadaču, ako má zobraziť obsah dokumentu. Používa sa aj na vytváranie odkazov na iné dokumenty, miestne alebo sieťové, napríklad tie, ktoré sa nachádzajú na internete.
HTML štandard a ďalšie štandardy pre web boli vyvinuté pod vedením World Wide Web Consortium (W3C). Normy, špecifikácie a návrhy nových ponúk nájdete na http://www.3w.org/. V súčasnosti je v platnosti špecifikácia HTML 4.0 a jej podpora medzi hlavnými prehliadačmi neustále rastie.
V praxi je štandard HTML vo veľkej miere ovplyvnený značkami, ktoré ponúkajú a podporujú najpopulárnejšie prehliadače ako Microsoft Internet Explorer a Netscape Navigator. Tieto značky môžu, ale nemusia byť súčasťou aktuálnej špecifikácie HTML.
Informácie o značke Kompendium HTML (rýchly sprievodca HTML) od Rona Woodalla. Kompendium obsahuje zoznam značiek a ich atribútov v abecednom poradí, ako aj aktualizácie podpory prehliadačov pre každú z nich.
HTML dokumenty sú obyčajné textové súbory ASCII. To znamená, že na ich vytvorenie možno použiť akýkoľvek textový editor, a to aj s minimálnymi možnosťami. Existujú nástroje na úpravu navrhnuté špeciálne na písanie HTML. Šetria čas poskytnutím klávesových skratiek na vykonávanie opakujúcich sa úloh, ako je nastavenie počiatočných nastavení pre dokumenty, tabuľky alebo jednoduché použitie štýlov na text. HTML editory sa líšia od autorských WYSIWYG nástrojov (o ktorých bude reč nižšie) tým, že vyžadujú znalosť pravidiel pre manuálne zostavovanie HTML, editory tento proces len zjednodušujú a urýchľujú.
Používatelia Windows by si mali určite pozrieť HomeSite, výkonný a lacný HTML editor od Allaire Corporation. Zahŕňa farebné zvýraznenie syntaxe HTML, funkciu FTP, kontrolu syntaxe a pravopisu, vyhľadávanie a nahrádzanie viacerých súborov. Okrem toho obsahuje špeciálne príkazy a šablóny na vytváranie zložitejších prvkov (rámy, JavaScript a DHTML skripty).
Pri práci na počítačoch Macintosh venujte pozornosť BBEdit, komerčnému HTML editoru od Bare Bones Software, Inc. Medzi vývojármi webu Macintosh sa skutočne drží. Obsahuje pohodlné a rýchle nástroje HTML, vyhľadávanie a nahradzovanie viacerých súborov, vstavanú funkciu FTP, podporu 13 programovacích jazykov, tvorbu tabuliek, kontrolu syntaxe HTML a mnoho ďalších funkcií.
Posledné roky sú charakteristické prudkým rastom trhu s autorskými nástrojmi. WYSIWYG (Čo vidíte, je to, čo dostanete) HTML editory majú grafické rozhrania, vďaka ktorým je písanie HTML skôr ako textový editor alebo program na označovanie stránok. Pôvodným účelom týchto programov bolo oslobodiť používateľov od značiek HTML rovnakým spôsobom, akým programy na označovanie stránok chránia vývojárov pred sadou príkazov jazyka PostScript. Dnes narástli na význame, pretože zvyšujú efektivitu a automatizáciu tvorby dokumentov a zároveň poskytujú prístup k zdrojovému kódu HTML.
Aktuálne najpopulárnejšie WYSIWYG editory sú: Macromedia DreamWeaver, Golive CyberStudio (iba pre počítače Macintosh), Microsoft FrontPage, FileMaker Claris, Home Page, Adobe PageMill.
HTML dokument obsahuje text (obsah stránky) a inline tagy – inštrukcie o štruktúre, vzhľade a funkcii obsahu. HTML dokument je rozdelený na dve hlavné časti: nadpis – hlava a telo – telo. Názov obsahuje informácie o dokumente, ako je jeho názov a metodické informácie, ktoré popisujú obsah. Telo obsahuje obsah samotného dokumentu (to, čo je zobrazené v okne prehliadača).
Každá značka pozostáva z názvu, za ktorým môže nasledovať zoznam voliteľných atribútov, všetko v lomených zátvorkách< >. Obsah zátvoriek sa nikdy nezobrazuje v okne prehliadača. Názov značky je zvyčajne skratkou jej funkcie, čo uľahčuje zapamätanie. Atribúty sú vlastnosti, ktoré rozširujú alebo spresňujú funkciu značky. Vo všeobecnosti platí, že názov a atribúty v rámci značky nerozlišujú veľké a malé písmená. Tag
bude fungovať rovnako . Hodnoty určitých atribútov však môžu rozlišovať veľké a malé písmená. Týka sa to najmä názvov súborov a adries URL.Väčšina značiek sú kontajnery. To znamená, že majú počiatočnú (otváraciu alebo začiatočnú) a koncovú (zatváraciu) značku. Text medzi značkami sa bude riadiť pokynmi, ktoré obsahujú.
Koncová značka má rovnaký názov ako počiatočná značka, ale predchádza jej lomka (/). Dá sa to považovať za značku „prepínača“. Koncová značka nikdy neobsahuje atribúty.
V niektorých prípadoch je koncová značka voliteľná a prehliadač určuje koncovú značku z kontextu. Najčastejšie vynechávajte koncovú značku<р>(odsek). Prehliadače podporovali túto značku bez riadneho zakončenia, takže mnohí weboví autori sú zvyknutí používať skrátenú formu. Nie je to povolené pre všetky značky a nie všetky prehliadače odpúšťajú ich absenciu. Preto, ak máte pochybnosti, vložte do textu záverečnú značku. Toto je obzvlášť dôležité, keď v dokumente používate kaskádové štýly.
Niektoré značky nemajú koncové značky, pretože sa používajú na umiestnenie jednotlivých (samostatných) prvkov na stránku. Jedným z nich je obrázková značka , jednoducho vloží grafiku do toku stránky. Ďalšie samostatné značky sú zalomenie riadku (
), horizontálna čiara (
) a tagy, ktoré obsahujú informácie o dokumente a neovplyvňujú obsah zobrazovaný na obrazovke, ako napr a
Atribúty sa pridávajú do značky na rozšírenie alebo úpravu jej akcií. K jednej značke môžete pridať viacero atribútov. Ak za názvom značky nasledujú atribúty značky, sú oddelené jednou alebo viacerými medzerami. Poradie nie je dôležité. Väčšina atribútov má hodnoty, ktoré nasledujú za znamienkom rovnosti (=) za názvom atribútu. Dĺžka hodnôt je obmedzená na 1024 znakov. Hodnoty môžu rozlišovať malé a veľké písmená. Niekedy musia byť hodnoty v úvodzovkách (dvojité alebo jednoduché). Pravidlá pre zápis hodnoty sú nasledovné:
- - ak je hodnotou jedno slovo alebo číslo a skladá sa len z písmen (a-z), číslic (0-9) a špeciálnych znakov (bodka<.>
- - ak hodnota obsahuje viacero slov oddelených čiarkami alebo medzerami alebo obsahuje špeciálne znaky iné ako bodka alebo spojovník, musí byť uzavretá v úvodzovkách. Napríklad adresy URL vyžadujú úvodzovky, pretože obsahujú znaky „://“. Pri zadávaní hodnôt farieb pomocou formátu „#rrggbb“ sa vyžadujú aj úvodzovky.
Ak si nie ste istí, či použiť úvodzovky, vždy použite úvodzovky pre všetky hodnoty.
Do značiek HTML je možné umiestniť ďalšie značky HTML, aby sa na jednom prvku prejavilo viacero značiek. Toto sa nazýva vnorenie a aby to správne fungovalo, počiatočný a koncový tag vnoreného tagu sa musí nachádzať medzi počiatočným a koncovým tagom vonkajšieho tagu.
Častou chybou sú prekrývajúce sa značky. Zatiaľ čo niektoré prehliadače budú zobrazovať obsah označený týmto spôsobom, mnohé nedovolia porušenie pravidla, takže je dôležité umiestniť značky správne. Nasledujúci príklad ukazuje nesprávne vnorenie značiek (všimnite si, že značka<В>zatvára pred zatvorením ):
Počasie je nádherné dnes - tieto informácie prehliadače ignorujú.
Informácie ignorované prehliadačmi. Nasledujú informácie obsiahnuté v dokumente HTML vrátane určitých značiek, ktoré budú pri prehliadaní prehliadačmi ignorované. Skladá sa to z:
- - zalomenie riadkov. Znaky na konci riadku v dokumente HTML sa ignorujú. Text a prvky sa budú zalamovať, kým sa v toku textu dokumentu nenájde značka.
- - znaky tabulátora a viac medzier. Keď prehliadač narazí na znak tabulátora a viacero po sebe idúcich znakov medzery v dokumente HTML, vypíše iba jeden znak medzery. Ak teda dokument obsahuje: „ďaleko, ďaleko“, prehliadač zobrazí „ďaleko, ďaleko“. Do textového prúdu je možné pridať ďalšie medzery pomocou znaku nezalomiteľnej medzery (Snbsp;). Okrem toho sa zobrazia všetky medzery, ak je text naformátovaný (nachádza sa v značkách
- - viacnásobný
- - nerozpoznané značky. Ak prehliadač značke nerozumie, alebo ak bola nastavená nesprávne, prehliadač ju jednoducho ignoruje. V závislosti od značky a prehliadača to môže viesť k rôznym výsledkom. Buď prehliadač nevykreslí nič, alebo môže zobraziť obsah značky ako obyčajný text;
- - text v komentároch. Prehliadače nezobrazujú text medzi špeciálnymi prvkami
Rozmýšľame, ako obnoviť Skype na prenosnom počítači
Fixies masters plná verzia Fixies hra plná verzia stiahnutá do vášho počítača
Inštalácia alebo aktualizácia, oprava chýb Net framework 3
Virtuálne meny a virtuálne burzy vo svete
Zlaté čísla Ako predať krásne telefónne číslo