Moderné značkovacie jazyky. Ako sa naučiť značkovací jazyk HTML

V systémoch na spracovanie textu sú v dokumente zahrnuté ďalšie informácie, nazývané značkovanie, ktoré vykonávajú tieto funkcie:

Výber logických prvkov tohto dokumentu;

Nastavenie funkcií spracovania pre vybrané prvky.

V bežných textových procesoroch sú zabudované príkazy na zapnutie / vypnutie písma atď., podobne ako príkazy na ovládanie umiestnenia informácií na obrazovke alebo pri tlači (tzv. únikové sekvencie). Tento prístup sa nazýva príkazové alebo procedurálne značkovanie (tabuľka 2.1).

Alternatívnym spôsobom označovania je vybrať časť textu bez určenia spôsobu spracovania výberu. Potom ostatné príkazy priradia spracovanie fragmentom. Toto označenie sa nazýva popisný(opisný). Zahŕňa štítky (značky) začiatok a koniec textového prvku a špecifikuje, ako sa má daný fragment interpretovať.

Zmenou sady procedúr zodpovedajúcich popisnému značeniu je možné zmeniť vonkajšiu reprezentáciu toho istého dokumentu. Vývoj myšlienok deskriptívneho značkovania viedol k definícii značkovania ako formálneho jazyka. To vám umožní skontrolovať správnosť označenia a minimalizovať jeho objem nahradením predvolených hodnôt.

Hlavnou výhodou popisného značenia je jeho flexibilita, pretože časti textu sú označené ako „čo sú“ (a nie „ako by sa mali zobraziť“) a v budúcnosti môže byť napísaný softvér, ktorý bude tieto fragmenty spracovávať spôsobom to ani nepredpokladali jazykoví dizajnéri. Napríklad hypertextové odkazy HTML, ktoré boli pôvodne určené pre používateľov na navigáciu cez kolekciu odkazov na webe, boli neskôr použité vo vyhľadávacích a indexovacích mechanizmoch na webe, na vyhodnotenie popularity zdrojov atď.

Popisné označenie tiež uľahčuje preformátovanie dokumentu, ak je to potrebné, pretože popis formátu nesúvisí s obsahom. Napríklad, kurzíva možno použiť buď na zvýraznenie textu, alebo označenie cudzích (alebo slangových) slov alebo na iné účely.

Ak sú však slová jednoducho zvýraznené (opisne alebo procedurálne) kurzívou, túto nejednoznačnosť nemožno úplne vyriešiť. Ak boli dva prípady na začiatku označené odlišne, každý sa môže preformátovať nezávisle od ostatných. Všeobecné označenie je iný názov pre popisné označenie.

V praxi prvky rôznych tried značiek zvyčajne koexistujú v akomkoľvek danom systéme. HTML napríklad obsahuje prvky označovania, ktoré sú procedurálne (b pre tučné písmo) a iné, ktoré sú popisné (funkcia „blockquote“ alebo „href“). HTML tiež obsahuje predelement, ktorý obmedzuje oblasť textu tak, aby bola umiestnená presne tak, ako je vytlačená.



Väčšina moderných systémov popisného značkovania zaobchádza s dokumentmi ako s hierarchickými štruktúrami (strommi) a tiež poskytuje určité prostriedky pre inline krížové odkazy. Preto je možné s takýmito dokumentmi zaobchádzať a spracovávať ich ako databázy, ktorých štruktúra je pomerne dobre definovaná (keďže však nemajú také prísne schémy ako relačné databázy, zvyčajne sa nazývajú „voľne štruktúrované databázy“).

S nástupom tretieho tisícročia vzrástol záujem o dokumenty nehierarchických štruktúr. Napríklad antická a náboženská literatúra má zvyčajne rétorickú alebo prozaickú štruktúru (príbeh, odsek, odsek atď.) a zahŕňa aj základné informácie (knihy, kapitoly, strofy, riadky). Keďže hranice týchto modulov sa často prekrývajú, nemožno ich úplne zakódovať iba pomocou systému označovania so stromovou štruktúrou. Systémy modelovania dokumentov, ktoré podporujú takéto rámce, zahŕňajú MECS, TEI Guidelines, LMNL a CLIX.

Termín „značenie“ pochádza z tradičnej praxe označovania rukopisov pred publikovaním (t. j. pridávanie symbolických príkazov na okraje a medzi riadky papierového rukopisu), po stáročia to robili vydavatelia (redaktori a korektori), ktorí si všímali, čo písmo, štýl a fragmenty textu by mali byť napísané vo veľkosti a potom bol rukopis odovzdaný sadzačom, ktorí ručne napísali text s prihliadnutím na značkovacie znaky.



V súčasnosti existuje veľa značkovacích jazykov (tabuľka 2.2), medzi najznámejšie patria DocBook,

MathML, SVG, Open eBook, XBRL atď. Sú určené hlavne na reprezentáciu rôznych textových dokumentov, ale špecializované jazyky možno použiť v mnohých iných oblastiach. Jednoznačne najznámejším značkovacím jazykom je HTML (Hypertext Markup Language), jeden zo základov WWW (World Wide Web).

Zvážte niektoré značkovacie systémy.

RUNOFF bol prvý systém formátovania textu, ktorý si získal významnú známosť. Bol vyvinutý v roku 1964 pre operačný systém CTSS Jerome H. Saltzerom pomocou assembleru MAD.

Produkt v skutočnosti pozostával z niekoľkých programov:

TYPSET, čo bol v podstate editor dokumentov;

RUNOFF - výstupný procesor.

RUNOFF poskytoval podporu pre stránkovanie a umiestnenie nadpisov, ako aj zarovnávanie textu. RUNOFF je priamym predchodcom formátovača dokumentov Multics, ktorý bol zas predchodcom formátovačov Unix (roff a nroff) a ich potomkov. Bol to tiež predchodca FORMAT pre OS/360 IBM a samozrejme implicitne pre všetky nasledujúce programy a systémy na spracovanie textu. Predpokladá sa, že názov pochádza z frázy populárnej v tom čase - Utekám kópiu.

TeX je skratka τεχνη (TEXNH - techne), gréckeho výrazu pre „umenie, remeslo, zručnosť“, zdroja pre slovo „technický“. V angličtine sa to vyslovuje „tech“ (ako pri slove technology).

TeX je sádzací systém vytvorený Donaldom Knuthom. Spolu s jazykom METAFONT pre popis písma a typom písma Computer Modern (Computer Modern typeface) bol navrhnutý pre dva hlavné účely - po prvé, poskytnúť každému používateľovi možnosť vytvárať vysokokvalitné knihy za rozumnú cenu práce a po druhé, aby takýto systém by poskytoval rovnaké výsledky na akomkoľvek počítači, teraz aj v budúcnosti. TeX je slobodný softvér populárny v akademickej komunite, najmä medzi matematikmi, počítačovými vedcami, ekonómami a v technických komunitách. Silne konkuruje ďalšiemu populárnemu formátovaču TeX, Unix troff, a používajú sa spolu v mnohých unixových inštaláciách.

TeX je uznávaný ako najlepší spôsob na vytváranie a tlač zložitých matematických vzorcov, no v súčasnosti sa používa aj na mnohé iné sadzobné úlohy, najmä vo forme LaTeXu a iného formátovacieho softvéru.

Príkazy TeX zvyčajne začínajú spätnou lomkou a sú zoskupené do blokov so zloženými zátvorkami. Takmer všetky syntaktické vlastnosti TeXu sa však dajú zmeniť počas vykonávania programu, čo iným programom sťažuje spracovanie vstupu z TeXu. TeX je jazyk založený na makrách a tokenoch a mnoho príkazov, vrátane tých najbežnejšie definovaných používateľom, sa pri vykonávaní rozširuje, až kým nezostanú a nevykonajú sa iba nerozšíriteľné tokeny.

Základná verzia TeXu obsahuje asi 300 inštrukcií nazývaných primitíva. Tieto nízkoúrovňové príkazy však používatelia priamo používajú len zriedka, väčšinu funkcionality poskytujú formátové súbory (kopírovanie pamäte TeX po načítaní veľkých sád makier). Pôvodný (predvolený) formát Nut, ktorý pridáva asi 600 príkazov, sa nazýva Plain TeX. Viac používaným formátom je LaTeX, pôvodne vyvinutý Leslie Lamport, ktorý obsahuje štýly dokumentov pre knihy, listy, snímky atď., a pridáva podporu pre odkazy a automatické číslovanie vzorcov a sekcií.

Ďalším široko používaným formátom je AMS-TeX, vyvinutý Americkou matematickou spoločnosťou a poskytuje oveľa viac priateľských príkazov, ktoré môžu vydavatelia upraviť tak, aby vyhovovali ich značke. Väčšina funkcií AMS-TeX môže byť aplikovaná na LaTeX pomocou "balíčkov" AMS (označovaných ako AMS-LaTeX).

Ak chcete napísať program na tlač reťazca "Programming" v Plain TeX, musíte vytvoriť súbor myfile.tex s nasledujúcim obsahom:

\bye % koniec súboru; nezobrazené v konečnom výstupe.

V predvolenom nastavení je všetko nasledujúce za znakom percenta na riadku komentárom, ktorý interpret TeX ignoruje. Ak sa na tomto súbore spustí TeX (napríklad zadaním tex myfile.tex v režime príkazového riadka), vytvorí sa výstupný súbor s názvom myfile.dvi, ktorý predstavuje obsah stránky vo formáte DVI (Device Independent Format). Výsledky je možné vytlačiť priamo z interaktívneho zobrazovača digitálneho videosystému alebo ich pomocou programu dvips previesť do bežnejšieho formátu, ako je PostScript. Varianty TeXu, ako je PDFTeX, priamo vytvárajú súbory PDF.

Zvážte formátovanie matematického vzorca. Ak chcete napríklad napísať známy výraz pre koreň kvadratickej rovnice, môžete zadať:

Kvadratický vzorec je $-b \pm \sqrt(b^2 - 4ac) \over 2a$ \bye

Výsledkom bude nasledujúci text:

Niekoľko systémov na spracovanie dokumentov je založených na TeXe, najmä jadeTeX, ktorý používa TeX interne na tlač z výstupu DSSSL Engine Jamesa Clarka, a Texinfo, dokumentačný procesor systému GNU. TeX je od roku 1984 oficiálnou sadzbou pre operačný systém GNU. .

Sú známe početné rozšírenia a sprievodné programy pre TeX, medzi nimi BibTeX pre bibliografie (distribuované s LaTeXom), PDFTeX, ktorý obchádza formát DVI a výstupy priamo do formátu Adobe Systems' Portable Document Format (pdf), a Omega, ktorý umožňuje používať TeX sada znakov Unicode Väčšinu rozšírení TeX je možné získať zadarmo zo siete Comprehensive TeX Archive Network (CTAN). TeXmacs je editor literatúry faktu založený na TeX, podporuje režim plnej zhody (WYSIWYG) a je navrhnutý tak, aby bol kompatibilný s TeX a Emacs.

V mnohých technických oblastiach, ako je aplikovaná informatika, matematika a fyzika, sa TeX stal de facto štandardom. Mnoho tisíc kníh bolo vydaných pomocou TeXu vydavateľstvami ako Addison-Wesley, Cambridge University Press, Elsevier, Oxford University Press alebo Springer. Mnohé časopisy v týchto oblastiach sa vyrábajú pomocou TeX alebo LaTeX, pričom autori môžu posielať rukopisy vo formáte TeX.

Od verzie 3 používa TeX špecifický systém číslovania verzií, kde sú aktualizácie označené ďalšou číslicou za desatinným číslom, takže číslo verzie sa asymptoticky blíži k l. To je odrazom faktu, že TeX je veľmi stabilný a očakávajú sa len menšie aktualizácie. Aktuálna verzia TeXu je 3.141592; toto bola posledná aktualizácia v decembri 2002.

Značkovací jazyk dokumentu je súbor špeciálnych inštrukcií, nazývaných tagy, navrhnutých na vytvorenie štruktúry v dokumentoch a definovanie vzťahov medzi rôznymi prvkami tejto štruktúry. Jazykové značky alebo kontrolné značky, ako sa niekedy nazývajú, sú v takýchto dokumentoch odlíšené od hlavného obsahu dokumentu a slúžia ako pokyny pre program, ktorý zobrazuje obsah dokumentu na strane klienta. Najstaršie systémy používali symboly „<” и “>“, v ktorej boli umiestnené názvy pokynov a ich parametre. Teraz je tento spôsob pomenovávania značiek štandardný.

Použitie hypertextového členenia textového dokumentu v moderných informačných systémoch je do značnej miery spôsobené tým, že hypertext umožňuje vytvoriť mechanizmus na nelineárne prezeranie informácií. V takýchto systémoch sa údaje neprezentujú ako nepretržitý prúd textových informácií, ale ako súbor vzájomne súvisiacich komponentov, ktorých prechod sa uskutočňuje pomocou hypertextových odkazov.

Dnešný najpopulárnejší hypertextový značkovací jazyk HTML bol vytvorený špeciálne na organizáciu informácií distribuovaných na internete a je jedným z kľúčových komponentov technológie WWW. S využitím modelu hypertextového dokumentu sa zefektívnil spôsob prezentácie rôznych informačných zdrojov na webe a používatelia získali pohodlný mechanizmus na vyhľadávanie a prezeranie potrebných informácií.

HTML je zjednodušená verzia štandardného všeobecného značkovacieho jazyka – SGML (Standart Generalized Markup Language), ktorý ISO schválila ako štandard už v 80. rokoch. Tento jazyk je určený na vytváranie ďalších značkovacích jazykov, definuje povolenú množinu značiek, ich atribúty a vnútornú štruktúru dokumentu. Kontrola správneho používania deskriptorov sa vykonáva pomocou špeciálneho súboru pravidiel nazývaných DTD, ktoré používa klientsky program pri analýze dokumentu. Každá trieda dokumentov definuje svoj vlastný súbor pravidiel, ktoré popisujú gramatiku zodpovedajúceho značkovacieho jazyka. Pomocou SGML môžete opísať štruktúrované dáta, organizovať informácie obsiahnuté v dokumentoch a prezentovať tieto informácie v nejakom štandardizovanom formáte. Ale kvôli určitej zložitosti sa SGML používal hlavne na opis syntaxe iných jazykov (najznámejší z nich je HTML) a len málo aplikácií sa zaoberalo priamo dokumentmi SGML.

Jazyk HTML, ktorý je oveľa jednoduchší a pohodlnejší ako SGML, vám umožňuje definovať dizajn prvkov dokumentu a má určitý obmedzený súbor pokynov - značiek, pomocou ktorých sa vykonáva proces označovania. Inštrukcie HTML sú primárne určené na riadenie procesu zobrazovania obsahu dokumentu na obrazovke klientskeho programu a tým určujú spôsob prezentácie dokumentu, nie však jeho štruktúru. Prvok hypertextovej databázy popísanej HTML je textový súbor, ktorý je možné jednoducho preniesť po sieti pomocou protokolu HTTP. Táto funkcia, ako aj skutočnosť, že HTML je otvorený štandard a veľké množstvo používateľov má možnosť využiť možnosti tohto jazyka na navrhovanie svojich dokumentov, určite ovplyvnili rast popularity HTML a urobili z neho hlavný mechanizmus pre prezentovať informácie na webe dnes.

Moderné aplikácie však nepotrebujú len jazyk na prezentáciu údajov na obrazovke klienta, ale aj mechanizmus, ktorý umožňuje určiť štruktúru dokumentu a popísať prvky v ňom obsiahnuté. HTML má jednoduchú sadu príkazov a celkom úspešne sa vyrovná s úlohou opísať textové informácie a zobraziť ich na obrazovke prehliadača. Samotné zobrazené údaje však nemajú nič spoločné so značkami, ktoré sa používajú na formátovanie, takže programy syntaktického analyzátora nemajú možnosť použiť značky HTML na nájdenie fragmentov dokumentu, ktoré potrebujeme. Tie. sa stretol napríklad s takýmto popisom

ruža

divák bude vedieť, akú farbu má zobraziť text obsiahnutý v značkách a pravdepodobne ho zobrazí správne, ale je mu úplne jedno, kde sa tento tag v dokumente nachádza, v akých ďalších tagoch ​​je aktuálny fragment uzavretý, či sú v ňom fragmenty vnorené, či sú vybudované vzťahy medzi objektmi správne. Takáto „ľahostajnosť“ k štruktúre dokumentu vedie k tomu, že vyhľadávanie alebo analýza informácií v ňom sa nebude líšiť od práce so súvislým textovým súborom, ktorý nie je rozdelený na prvky. A to, ako viete, nie je najefektívnejší spôsob práce s informáciami.

Ďalšou významnou nevýhodou HTML je obmedzená množina jeho značiek. Pravidlá DTD pre HTML definujú pevnú množinu deskriptorov, a preto vývojár nemá možnosť zadávať svoje vlastné, špeciálne značky. Z času na čas sa síce objavia nové jazykové rozšírenia, no dlhá cesta ich štandardizácie, sprevádzaná neustálymi nezhodami medzi veľkými výrobcami prehliadačov, takmer znemožňuje rýchle prispôsobenie jazyka, jeho využitie na zobrazovanie špecializovaných informácií (napríklad multimediálnych, matematických , chemické vzorce atď.).

Ak zhrnieme všetko, čo bolo povedané, možno tvrdiť, že ani dnes HTML úplne nespĺňa požiadavky, ktoré moderní vývojári kladú na jazyky tohto druhu. A nahradil ho nový hypertextový značkovací jazyk, výkonný, flexibilný a zároveň pohodlný jazyk XML.

XML (Extensible Markup Language) je značkovací jazyk, ktorý popisuje celú triedu dátových objektov nazývaných dokumenty XML. Tento jazyk sa používa ako prostriedok na popis gramatiky iných jazykov a na kontrolu správnosti dokumentov. Tie. Samotný XML neobsahuje žiadne značky na označenie, iba definuje poradie, v ktorom sa vytvárajú. Ak si teda napríklad myslíme, že na označenie prvku ruže v dokumente je potrebné použiť značku ; potom nám XML umožňuje voľne používať značku, ktorú definujeme, a do dokumentu môžeme zahrnúť úryvky, ako sú tieto:

ruža

Sada štítkov sa dá jednoducho rozšíriť. Ak, predpokladajme, chceme tiež naznačiť, že popis kvetu by mal ísť do popisu skleníka, v ktorom kvitne, potom jednoducho nastavíme nové značky a zvolíme poradie, v ktorom sa objavia:

ruža

Proces vytvárania dokumentu XML je veľmi jednoduchý a vyžaduje len základné znalosti HTML a pochopenie úloh, ktoré je potrebné vykonať pomocou XML ako značkovacieho jazyka. Vývojári tak majú jedinečnú príležitosť definovať svoje vlastné príkazy, čo im umožňuje najefektívnejšie určovať údaje obsiahnuté v dokumente. Autor dokumentu vytvára jeho štruktúru, vytvára potrebné prepojenia medzi prvkami pomocou príkazov, ktoré spĺňajú jeho požiadavky, a dosahuje typ označenia, ktorý potrebuje na vykonávanie operácií prezerania, vyhľadávania a analýzy dokumentu.

Ďalšou zjavnou výhodou XML je jeho schopnosť byť použitý ako všeobecný jazyk na dopytovanie informačných skladov. W3C v súčasnosti reviduje pracovnú verziu štandardu XML-QL (alebo XQL), ktorý môže byť v budúcnosti vážnym konkurentom SQL. Okrem toho môžu dokumenty XML fungovať ako jedinečný spôsob ukladania údajov, ktorý zahŕňa nástroje na analýzu informácií a ich prezentáciu na strane klienta. V tejto oblasti je jednou z perspektívnych oblastí integrácia technológií Java a XML, čo umožňuje využiť silu oboch technológií pri budovaní strojovo nezávislých aplikácií, ktoré zároveň využívajú univerzálny dátový formát na výmenu informácií.

XML tiež umožňuje kontrolovať správnosť údajov uložených v dokumentoch, kontrolovať hierarchické vzťahy v rámci dokumentu a zaviesť jednotný štandard pre štruktúru dokumentov, ktorých obsahom môžu byť rôzne údaje. To znamená, že je možné ho použiť pri budovaní komplexných informačných systémov, v ktorých je veľmi dôležitá otázka výmeny informácií medzi rôznymi aplikáciami bežiacimi v rovnakom systéme. Vytvorením štruktúry mechanizmu výmeny informácií na samom začiatku práce na projekte sa manažér môže v budúcnosti ušetriť od mnohých problémov spojených s nekompatibilitou dátových formátov používaných rôznymi komponentmi systému.

Jednou z výhod XML je aj to, že programy, ktoré spracovávajú dokumenty XML, nie sú zložité a dnes sa objavili a sú voľne šírené všetky druhy softvérových produktov určených na prácu s dokumentmi XML. XML je podporovaný v IE5. Bolo oznámené, že bude podporovaný v nasledujúcich verziách Netscape Communicator, Oracle DBMS, DB-2, v aplikáciách MS-Office. To všetko naznačuje, že s najväčšou pravdepodobnosťou sa v blízkej budúcnosti XML stane hlavným jazykom výmeny informácií pre informačné systémy, čím nahradí HTML. Na základe XML už boli vytvorené také známe špecializované značkovacie jazyky ako SMIL, CDF, MathML, XSL a zoznam pracovných návrhov nových jazykov, ktoré W3C zvažuje, sa neustále aktualizuje.

Jazyk XSLT sa používa na spracovanie dokumentov, vykonávanie zmien a nevyhnutných doplnkov značenia. Môže sa použiť na konverziu kódu XML na formátovaný kód HTML, ktorý je ľahko čitateľný pre človeka. Dokument XML môžete tiež previesť na obyčajný text alebo iný reštrukturalizovaný dokument XML alebo dokonca na dokument JavaScript. Jazyk XSLT poskytuje prístup k obsahu dokumentov XML a používa sa aj na vytváranie nových dokumentov na ich základe. Z týchto dôvodov sa oplatí naučiť sa jazyk XSL.

Bežnejšie je konvertovať dokumenty XML na dokumenty HTML a práve túto operáciu pokrývajú príklady v tejto kapitole.

Na vykonanie transformácie XSLT sa používajú dva dokumenty: dokument, ktorý sa má konvertovať, a šablóna štýlov, ktorá definuje samotnú transformáciu. V tomto prípade hovoríme o XML dokumentoch.

Niekedy počujete o „programovaní“ webovej stránky, ale formátovanie textu v okne prehliadača sa v skutočnosti netýka programovania. Ako naznačujú názvy formátovacích jazykov, vzťahujú sa na značkovacie jazyky. Inými slovami, pozostávajú z rôznych znakov vložených do tela dokumentu na označenie toho, ako má súbor vyzerať pri tlači alebo zobrazení, alebo na definovanie jeho logickej štruktúry (ako sú odseky a zoznamy s odrážkami). Ak nepoužívate značkovací jazyk, zobrazené údaje sú nespracovaný text bez formátovania znakov alebo odsekov.
Značkovacie jazyky definujú vzhľad dokumentu pomocou kódov nazývaných deskriptory alebo značky, ktoré majú nasledujúci tvar: . Prvý deskriptor označuje začiatočný bod formátovania a druhý (s lomkou) označuje koniec kódu. Ak sa vynechá druhý deskriptor, na koniec dokumentu sa použije kódovanie špecifikované prvým deskriptorom.

Poznámka:
Značkovací jazyk je možné použiť na neštruktúrovaný text buď manuálne, pomocou textového editora (ako je Poznámkový blok) alebo pomocou grafického nástroja, ktorý pridáva kód, keď si text vizuálne usporiadate podľa svojich predstáv.
Pre začiatočníkov je jednoduchšia práca s grafickými nástrojmi, ktoré nie sú také presné ako textové editory.

Hypertext Markup Language (HTML)

HTML (HyperText Markup Language) je základom kódovania a chrbticou väčšiny webových stránok. HTML vám umožňuje publikovať text a grafiku, obsah tabuliek a dokonca vytvárať zostavy založené na databáze na čítanie online. Je skvelý na organizovanie a formátovanie akéhokoľvek typu statických informácií, pretože vám umožňuje:

● nastaviť veľkosť a typ písma textu;
● formátovať text tučným písmom, kurzívou alebo podčiarknutým písmom;
● nastaviť odkazy na iné stránky;
● vkladať obrázky;
● vytvárať názvy stránok;
● vytvárať tabuľky;
● vložiť metadáta potrebné na fungovanie vyhľadávacích nástrojov.

Poznámka:
Metadáta sú skryté údaje, ktoré sa nezobrazujú na webovej stránke, ale môžu byť objavené vyhľadávacím nástrojom (vyhľadávaním pomocou nástroja), ktorý vám umožní dostať sa na túto stránku.

Používajú sa tri typy značiek HTML.

● Na formátovanie textu alebo jednotlivých znakov.
● Na formátovanie odsekov alebo iných veľkých textových blokov.
● Neviditeľné rukoväte, ktoré poskytujú ďalšie funkcie, ako sú metadáta, na vykonávanie vyhľadávania.

Hlavnou výhodou HTML oproti iným značkovacím jazykom je jeho úžasná všestrannosť. Súčasnú verziu HTML podporuje takmer každý prehliadač (samozrejme moderný a graficky nenáročný). Toto nie je vždy pravda pre dynamický HTML (DHML), XML, Java a ActiveX. Ak chcete, aby boli vaše webové stránky dostupné pre všetky druhy prehliadačov, odporúčame vám použiť HTML.

Dynamický HTML (DHML)

Dynamický HTML (Dynamic HTML – DHML) je flexibilnejší ako HTML.
Namiesto vystavenia statickej webovej stránky verejnosti môžete použiť DHTML a vytvoriť webovú stránku, ktorú si používateľ môže prispôsobiť bez narušenia vzhľadu pôvodného dokumentu. Napríklad stránka vykreslená pomocou DHTML môže obsahovať rôzne prvky, s ktorými sa môže používateľ pohybovať po stránke a meniť tak jej obsah (podľa vlastných predstáv). Pri aktualizácii (obnovení) obrázka na stránke však zmeny zmiznú a vráti sa do pôvodnej podoby.
DHTML podporuje nasledujúce funkcie, ktoré sa v HTML nenachádzajú.

● Dynamické štýly.
● Presné polohovanie.
● Dátová väzba.
● Dynamický obsah.

nechápeš čo to je? Nebojte sa – nižšie sú vysvetlenia.

Aplikovanie štýlov na webové dokumenty. Dynamické štýly sú založené na princípoch kaskádových štýlov (CSS), kedy sa aplikujú na stránku ako celok namiesto manuálneho formátovania jednotlivých častí stránky.
Ak ste pracovali s modernými textovými procesormi, možno poznáte šablóny štýlov, ktoré vám umožňujú automaticky formátovať textové bloky tak či onak, v závislosti od štýlu, ktorý ste si nastavili. Formátovanie znamená zmenu farby textu, písma, umiestnenia, viditeľnosti – vo všeobecnosti takmer všetkého, čo súvisí s atribútmi textu. CSS (a DHTML) robí to isté, ibaže sa používa na vykresľovanie webových stránok, nie textu.
Dynamické štýly implementované s DHTML poskytujú funkcie, ktoré sa nenachádzajú v textových procesoroch. Napríklad pri vytváraní odkazov môžete označiť text tak, že sa jeho farba automaticky zmení, keď naň prejdete kurzorom myši, alebo sa zobrazí, keď prejdete myšou na určitú oblasť obrazovky.
Jedinou nevýhodou týchto štýlov je, že do väčšiny dokumentov musíte zahrnúť predlohy štýlov. To je veľa práce, najmä pre tých, ktorí nemajú skúsenosti so štýlmi alebo ktorí konvertujú dokumenty.

Umiestnenie textu na správne miesto. Ďalšou výhodou DHML je jeho schopnosť presne určiť, kde má byť prvok na stránke umiestnený. Na označenie polohy objektu sa používajú horizontálne (x), vertikálne (y) a dokonca objemové (z) súradnice. (Nastavenie polohy objektu v 3D súradnicovom systéme vám umožní „prekrývať“ objekty.) Presné umiestnenie vám umožňuje umiestniť text okolo obrázka, ako aj presúvať objekty v okne prehliadača.

Poznámka:
HTML bez CSS neposkytuje presné umiestnenie objektov. V tomto prípade je umiestnenie prvkov určené prehliadačom.

Vkladanie údajov na stránku. Aby používatelia mali prístup k niektorým koncovým informáciám, ako sú tie, ktoré sú uložené v databáze, normálne HTML stránky musia byť prepojené so serverom, kde sa nachádzajú zdrojové údaje, a je potrebné požiadať o povolenie na manipuláciu s týmito údajmi. DHTML vám umožňuje viazať údaje na konkrétnu stránku, čo vám umožňuje pracovať s viazanými (alebo presnejšie - súvisiacimi) údajmi (viazanými údajmi) bez narušenia pôvodných údajov a dokonca aj bez interakcie so serverom, ktorý ich ukladá. Za týmto účelom sa na stránku vkladajú zdroje údajov (možno ich triediť a filtrovať rovnakým spôsobom ako obsah akejkoľvek databázy). To nielen znižuje zaťaženie servera, ale tiež umožňuje používateľom prezerať a manipulovať s údajmi bez toho, aby mali prístup k samotnému zdroju údajov.

Vytvorte dynamický obsah. Šablóny štýlov umožňujú webovým vydavateľom jednoducho zmeniť vzhľad stránky alebo skupiny stránok.
Dynamický obsah umožňuje používateľovi webu zmeniť vzhľad (prezentáciu) stránky spustením skriptu na:

● vložiť alebo skryť prvky stránky;
● upraviť text;
● zmeniť štruktúru textu;
● presúvať dáta z interných zdrojov (back-end zdroje) a zobrazovať ich na žiadosť užívateľa.

Na rozdiel od HTML, ktoré umožňuje zmeny obsahu stránky len pred načítaním do prehliadača používateľa, DHTML môže akceptovať zmeny kedykoľvek.
Dynamický obsah poskytuje vysokú úroveň interaktivity, keď sa používa v spojení so skriptami, ktoré umožňujú používateľom definovať položky, ktoré chcú zobraziť.

Poradenstvo:
Sekcia „Organizovanie stretnutí“ (vyššie) uvádza webovú mapu budovy zobrazujúcu umiestnenie konkrétnej kancelárie a portrét zamestnanca, ktorého sa používateľ snaží nájsť. Táto mapa bola vytvorená pomocou nástrojov značkovacieho jazyka DHTML na vytváranie dynamického obsahu.

Extensible Markup Language (XML)

Jazyk XML (Extensible Markup Language) nenahrádza HTML (aspoň je na webových stránkach zriedkavé), ale podporuje ho, vďaka čomu sú webové stránky o niečo všestrannejšie.
Myšlienka je taká, že keď naformátujete stránku pomocou HTML, môžete zmeniť vzhľad textu pomocou značiek, ktoré ho naformátujú tučným písmom, kurzívou, podčiarknutím, odsekmi atď. Samotné deskriptory však nemajú prakticky nič spoločné s obsahom textu, ale len s jeho formátovaním. Jazyk XML má deskriptory, ktoré definujú vzhľad textu. Pomocou nich môžete určiť, čo daný text znamená (mená, adresy, názvy produktov atď.).
Prečo je to potrebné? V prvom rade tieto metadáta umožňujú vyhľadávačom nájsť preddefinované prvky. Ak na webovej stránke vašej spoločnosti (vytvorenej pomocou HTML) vyhľadáte slovo „meno“ tak, že sa pozriete na všetky mená v nej uvedené, výsledok vráti všetky výskyty slova „meno“, ale nie názvy samotné. Ak sa však pri vytváraní uzla použilo kódovanie XML, ako výsledok sa vráti každý text, ktorý má deskriptor názvu "name". Po druhé, časti textu s povoleným deskriptorom môžu byť užitočné, ak potrebujete použiť funkciu (napríklad farbu alebo jazyk) na konkrétne časti webového dokumentu. Interaktívnym dokumentom nech je napríklad poviedka v španielčine s anglickým prekladom. Potom namiesto prepínania dokumentu z podpory španielskeho jazyka na podporu anglického jazyka môžete tieto časti príbehu definovať pomocou deskriptorov a uplatňovať pravidlá španielskeho jazyka iba na tieto časti a ponechať preklady v angličtine.
Použitie jazyka XML ako také výrazne zjednodušuje vývoj webovej stránky, najmä ak niektoré jej časti musia byť vytvorené ako izolované prvky.

Je možné znížiť prúd odoberaný z batérie počítača?
Rádiový vysielač premieňa elektrickú energiu na rádiové signály, takže batéria v prenosnom počítači s nainštalovaným bezdrôtovým adaptérom sa vybije oveľa rýchlejšie ako...

Interakcia aplikácií so sieťami
V niektorých prípadoch aplikácie bežia na počítačoch v sieti inak ako na samostatných počítačoch. Niektoré aplikácie fungujú v sieti presne rovnakým spôsobom ako na samostatnom počítači, zatiaľ čo iné naopak vyžadujú ...

Termíny začínajúce na písmeno V
Virtual Machines - virtuálne stroje. Softvér, ktorý simuluje činnosť fyzického zariadenia. Vo Windows 98 sa používajú na „oklamanie“ programu do...

Logické a vizuálne značenie

Rozlišujte medzi logickým a vizuálnym značením. V prvom prípade hovoríme iba o tom, akú úlohu zohráva táto časť dokumentu v jeho všeobecnej štruktúre (napríklad „tento riadok je nadpis“). Druhý definuje, ako presne sa tento prvok zobrazí (napríklad „tento riadok má byť zobrazený tučným písmom“). Myšlienka značkovacích jazykov spočíva v tom, že vizuálna reprezentácia dokumentu by sa mala automaticky odvíjať od logického označenia a mala by byť nezávislá od jeho bezprostredného obsahu. To zjednodušuje automatické spracovanie dokumentu a jeho zobrazenie v rôznych podmienkach (napríklad ten istý súbor môže byť zobrazený inak na obrazovke počítača, mobilu a tlače, keďže vlastnosti týchto výstupných zariadení sa výrazne líšia). Toto pravidlo sa však často porušuje: napríklad pri vytváraní dokumentu v editore, akým je MS Word, môže používateľ označiť nadpisy tučným písmom, ale nikde neuvádza, že tento riadok je nadpisom.

Príklady značkovacích jazykov

Značkovacie jazyky sa používajú všade tam, kde sa vyžaduje formátovaný textový výstup: v typografii (SGML, TeX, PostScript, PDF), používateľských rozhraniach počítačov (Microsoft Word, OpenOffice, troff), World Wide Web (HTML, XHTML, XML, WML, VML, PGML, SVG, XBRL).

Ľahké značkovacie jazyky

Jazyky určené na jednoduché a rýchle písanie textu v jednoduchom textovom editore sú tzv ľahký(sk:Odľahčený značkovací jazyk). Vlastnosti takýchto jazykov:

  • Minimálne vlastnosti.
  • Malá sada podporovaných značiek.
  • Ľahko sa učí.
  • Zdrojový text v takomto jazyku sa číta rovnako ľahko ako hotový dokument.

Používajú sa tam, kde si človek musí pripravovať text v bežnom textovom editore (blogy, fóra, wiki), alebo tam, kde je dôležité, aby text mohol čítať aj používateľ s bežným textovým editorom. Tu je niekoľko bežne používaných ľahkých značkovacích jazykov:

  • Označenie Wiki (pozri Wikipedia:Ako upravovať články)
  • Rôzne autodokumentačné systémy (napr. Javadoc).

Príbeh

Termín „značka“ (ako výsledok procesu s rovnakým názvom, eng. značkovanie) pochádza z anglického výrazu „ značkovanie"(" značkovanie (ako proces)", dosl. "označovanie, označovanie"), prevzaté z tradičnej vydavateľskej praxe umiestňovania špeciálnych podmienených značiek na okraje a do textu rukopisu alebo korektúry pred jeho odoslaním do tlače. „Značkovací muži“ teda označovali typ písma, štýl a veľkosť písma pre každú časť textu. O značenie textu sa dnes starajú redaktori, korektori, grafici – a, samozrejme, samotní autori.

GenCode

Myšlienku používania značkovacích jazykov v počítačovom spracovaní textu s najväčšou pravdepodobnosťou prvýkrát predstavil William Tunnicliffe. William W. Tunnicliffe ) na konferencii v roku 1967. Sám nazval svoj návrh „univerzálne kódovanie“ (angl. generické kódovanie). Počas 70. rokov 20. storočia viedol Tunnicliffe vývoj štandardu GenCode pre vydavateľský priemysel a neskôr sa stal predsedom výboru Medzinárodnej organizácie pre normalizáciu (ISO). Medzinárodná organizácia pre štandardizáciu ), ktorý vytvoril SGML, prvý deskriptívny značkovací jazyk. Brian Reid (ur. Brian Reid ) vo svojej dizertačnej práci, ktorú obhájil v roku 1980 na Carnegie University (Ing. Univerzita Carnegie Mellon ), pri vývoji navrhovanej koncepcie, vykonala praktickú implementáciu deskriptívneho značenia.

Výskumník IBM Charles Goldfarb je však dnes bežne označovaný za „otca“ značkovacích jazykov. Charles Goldfarb ). Základný koncept k nemu prišiel v roku 1969 pri práci na primitívnom systéme správy dokumentov, ktorý bol určený pre právnické firmy. V tom istom roku sa podieľal na vytvorení jazyka IBM GML, ktorý bol prvýkrát predstavený v roku 1973.

Niektoré skoré implementácie počítačových značkovacích jazykov možno nájsť v typografických nástrojoch UNIX, ako sú troff a nroff. Umožňujú vkladať príkazy na formátovanie do textu dokumentu, aby ste ho naformátovali podľa požiadaviek editora.

Dostupnosť publikačného softvéru s funkciou WYSIWYG (angl. "to, čo vidíte, je to, čo dostanete" to, čo vidíte, je to, čo dostanete) nahradilo väčšinu týchto jazykov medzi bežnými používateľmi, hoci seriózna publikačná práca stále používa značkovanie pre špecifické nevizuálne textové štruktúry a editory WYSIWYG teraz najčastejšie ukladajú dokumenty vo formátoch založených na značkovacích jazykoch. .

Τ Ε Χ

Ďalším dôležitým publikačným štandardom je Τ Ε Χ , ktorú vytvoril a následne zdokonalil Donald Knuth v 70. a 80. rokoch dvadsiateho storočia. Τ Ε Χ spojili špičkové možnosti formátovania textu a popisu písiem, najmä pre matematické knihy profesionálnej kvality. V súčasnosti Τ Ε Χ je de facto štandardom v mnohých vedných odboroch. Okrem Tech existuje LaTeX, čo je široko používaný popisný značkovací systém založený na Τ Ε Χ .

Scribe, GML a SGML

Začiatkom 80. rokov viedla myšlienka, že značkovanie by sa malo zamerať na štrukturálne aspekty dokumentu a malo by ponechať vonkajšiu reprezentáciu dokumentu na interpreta, k vytvoreniu SGML. Jazyk bol vyvinutý výborom pod vedením Goldfarba. Skombinoval nápady z mnohých zdrojov, vrátane projektu Tunnikofflick, GenCode. Sharon Adler, Anders Berglund a James A. Marke boli tiež kľúčovými členmi výboru SGML.

SGML presne definovalo syntax pre zahrnutie značiek do textu a tiež samostatne popísalo, ktoré značky sú povolené a kde (DTD - Document Type Definition). To umožnilo autorom vytvárať a používať akékoľvek značky, ktoré chceli, vybrať si, ktoré značky použiť, a dať im mená v bežnom jazyku. SGML by sa teda malo považovať za metajazyk; z nej pochádza viacero špeciálnych značkovacích jazykov. Koniec 80. rokov bol najvýznamnejší pri vzniku nových značkovacích jazykov založených na SGML, ako sú TEI a DocBook.

V roku 1986 bol SGML publikovaný ako medzinárodná norma podľa ISO 8879. SGML našiel široké uplatnenie a bol široko používaný vo veľmi veľkých projektoch. Vo všeobecnosti sa však zistilo, že je ťažkopádny a ťažko sa učí, vedľajším účinkom jazyka bolo, že sa snažil robiť príliš veľa a bol príliš flexibilný. Napríklad SGML vytvorilo koncové značky (alebo počiatočné značky alebo dokonca oboje), ktoré neboli vždy potrebné, pretože sa domnievalo, že toto označenie bude pridané manuálne pracovníkmi podpory projektu, ktorí by ocenili úsporu stlačenia klávesov.

HTML

V roku 1991 bolo používanie SGML obmedzené na obchodné programy a databázy, zatiaľ čo nástroje WYSIWYG (ktoré ukladali dokumenty v proprietárnych binárnych formátoch) sa používali na iné programy na spracovanie dokumentov. Situácia sa zmenila, keď sa Sir Tim Berners-Lee dozvedel o SGML od svojho kolegu Andersa Berglanda. Anders Berglund ) a ďalší v CERN-e použili na generovanie HTML syntax SGML. Jazyk mal podobnosť s inými značkovacími jazykmi založenými na syntaxi SGML, ale začať bolo oveľa jednoduchšie, dokonca aj pre vývojárov, ktorí to nikdy neurobili. Steven DeRose tvrdil, že HTML používajúce popisné značenie (a najmä zo SGML) bolo hlavným faktorom vo vývoji webu, pretože bol navrhnutý tak, aby bol flexibilný a rozšíriteľný (ako aj ďalšie faktory vrátane pojmu URL a bezplatného používania prehliadačmi). ). HTML je dnes najatraktívnejším a najpoužívanejším značkovacím jazykom na svete.

Niektorí počítačoví vedci však spochybňujú status HTML ako značkovacieho jazyka. Ich hlavným argumentom je, že HTML obmedzuje umiestňovanie značiek tým, že vyžaduje, aby boli obe značky vnorené do iných značiek alebo do hlavných značiek dokumentu. V dôsledku toho títo vedci považujú HTML za kontajnerový jazyk podľa hierarchického modelu.

XML

XML (Extensible Markup Language) je dnes široko používaný meta značkovací jazyk. XML vyvinulo World Wide Web Consortium vo výbore, ktorému predsedal Jon Bosak. Hlavným účelom XML je byť jednoduchší ako SGML a zamerať sa na konkrétny problém – dokumenty na webe. XML je metajazyk ako SGML, používatelia môžu vytvárať ľubovoľné značky, ktoré chcú (preto „rozšíriteľné“). Vzostup XML pomohol, pretože každý dokument XML mohol byť napísaný rovnakým spôsobom ako dokument SGML a programy a používatelia používajúci SGML mohli pomerne jednoducho migrovať na XML.

XML však stratilo mnoho funkcií SGML zameraných na človeka, ktoré uľahčovali jeho používanie (až kým sa nezvýšilo množstvo značiek a čitateľnosť a upraviteľnosť sa neobnovili na rovnakú úroveň). Ďalšie vylepšenia medzinárodne opravili niektoré problémy SGML a umožnili hierarchicky analyzovať dokument, aj keď nebolo k dispozícii žiadne DTD.

XML bol navrhnutý predovšetkým pre pološtruktúrované prostredia, ako sú dokumenty a publikácie. Výsledkom však bolo sladké miesto medzi flexibilitou a jednoduchosťou a mnohí používatelia si ho rýchlo osvojili. V súčasnosti sa XML široko používa na prenos údajov medzi programami. Podobne ako HTML ho možno opísať ako „kontajnerový“ jazyk.

XHTML

Od januára 2000 sú všetky odporúčania pre W3C založené skôr na XML ako na SGML, bola navrhnutá skratka XHTML (Extensible HyperText Markup Language - Extensible HyperText Markup Language). Špecifikácie jazyka vyžadovali, aby dokumenty XHTML boli naformátované ako dokumenty XML, čo umožňuje použitie XHTML pre jasnejšie a presnejšie dokumenty pomocou značiek z HTML.

Jedným z najpozoruhodnejších rozdielov medzi HTML a XHTML je pravidlo, že všetky značky musia byť uzavreté: prázdne značky, napr.<br/> musia byť obe uzavreté štandardnou koncovou značkou alebo špeciálnou položkou:<br/> (medzera pred "/" v záverečnej značke je voliteľná, ale často sa používa, pretože ju používajú niektoré staršie prehliadače XML, ako aj analyzátory SGML). Ostatné atribúty v značkách musia byť v úvodzovkách. Nakoniec, všetky značky a názvy atribútov musia byť napísané malými písmenami, aby sa čítali správne; HTML nerozlišuje veľké a malé písmená.

Ďalší vývoj založený na XML

V súčasnosti sa používa mnoho vývojových riešení založených na XML, ako napríklad RDF (Resource Description Framework), XFORMS, DocBook, SOAP a OWL (Ontology Web Language).

Zvláštnosti

Spoločným znakom všetkých značkovacích jazykov je, že v dátovom toku alebo súbore miešajú text dokumentu s pokynmi na značkovanie. Nie je to potrebné, je možné izolovať značky od textu pomocou ukazovateľov, štítkov, identifikátorov alebo iných koordinačných metód. Toto „oddelené označenie“ je typické pre internú reprezentáciu programov, ktoré pracujú so značkovacími dokumentmi. Vložené alebo „medziriadkové“ značenie je však akceptované inde. Tu je napríklad malý kúsok textu označený kódom HTML:

Anatidae

Rodina Anatidae zahŕňa kačice, husi a labute, ale nieúzko príbuzní krikľúni.

Kód inštrukcie označenia (známy ako značky) obklopený lomenými zátvorkami<как здесь>. Text medzi týmito pokynmi je textom dokumentu. Kódy h1, p a em- príklady štrukturálneho označenia, popisujú polohu, účel alebo význam textu v nich obsiahnutého.

Presnejšie, h1 znamená „toto je nadpis prvej úrovne“, p znamená „toto je odsek“ a em znamená „toto je podčiarknuté slovo alebo fráza“. Tlmočník môže použiť tieto pravidlá alebo štýly na zobrazenie rôznych častí textu pomocou rôznych typov písma, veľkostí písma, odsadenia, farby alebo iných štýlov podľa potreby. Značka ako h1 môže byť napríklad vykreslená veľkým, tučným typom písma alebo v dokumente s textom s jednotnou medzerou (ako písací stroj) môže byť podčiarknutá alebo nemusí vôbec zmeniť vzhľad.

Pre kontrast označte i v HTML, príklad vizuálneho označenia; zvyčajne sa používa na identifikáciu špecifických prvkov textu (v tomto bloku použite kurzívu) bez vysvetlenia.

TEI (Tex Encoding Initiative) zverejnila komplexné usmernenia, ktoré špecifikujú, ako kódovať text v prospech ľudstva a vedeckých spoločností. Tieto príručky sa používali na kódovanie historických dokumentov, konkrétnych prác vedcov, periodík atď.

Alternatívne použitia

Zatiaľ čo sa rozvíjala myšlienka používania značkovacích jazykov s textovými dokumentmi, zvýšila sa používanie značkovacích jazykov v iných oblastiach, čo naznačuje, že sa používajú na reprezentáciu rôznych typov informácií vrátane zoznamov skladieb, vektorovej grafiky, webu. služby, používateľské rozhrania. Väčšina týchto aplikácií je založená na XML, pretože ide o vysoko štruktúrovaný a rozšíriteľný jazyk.

Technická príručka prekladateľa

značkovací jazyk- 06/23/33 markup language : Jazyk pozostávajúci zo vstavaných príkazov, ktoré poskytujú podporu pre označovanie textu počas jeho spracovania.

Dobrý deň, milý čitateľ. Je čas povedať o tom HTML značkovací jazyk, s pomocou ktorej sa vytvárajú úplne všetky internetové stránky - ruské aj buržoázne a dokonca aj čínske. Ale toto nie je programovací jazyk, ako si niektorí myslia, ale hypertextový značkovací jazyk.

Pripomínam, že hypertext je text, ktorý obsahuje odkazy na iné stránky a dokumenty. Značkovací jazyk ukazuje, kde a ako by mal byť umiestnený nejaký textový prvok, napríklad odsek, nadpis, zoznam atď. Za dizajn týchto prvkov je zodpovedný CSS, ktorý úzko súvisí s HTML, čo robí dizajn webovej stránky stránky sú krásne, čitateľné a ľahké vďaka uvoľneniu kódu stránky.

Okrem CSS je možné html doplniť o funkcie programovacích jazykov PHP a JavaScript, vďaka ktorým sú stránky interaktívne, t.j. schopnosť reagovať na akcie používateľa.
Pomocou všetkých týchto nástrojov môžete mať akúkoľvek zložitosť a akúkoľvek funkčnosť. Samotný jazyk HTML je zodpovedný iba za značkovanie.

Webová stránka zvnútra



<br>Toto je môj web <br>


Toto je môj text

V tomto kóde vyššie vidíte príkazy- značky, ktoré sa niekedy nazývajú deskriptory. Sú uzavreté v uhlových zátvorkách. Tagy sú väčšinou spárované. Otvorenie<>a zatváranie, s lomkou vpredu. Všetok kód značkovacieho jazyka html je vnorený do seba a pripomína, ako to bolo, „matriošku“, kde je jeden kontajner vnorený do druhého.

Obrázok nižšie ukazuje dekódovanie tohto kódu:

A takto vyzerá tá istá stránka v prehliadači Mozilla Firefox. Ukázal som, kde je zobrazený text hlavička Názov a text tag Telo

Ako vytvoriť html stránku

Kvôli prehľadnosti skopírujte text so značkami vyššie do ľubovoľného textového editora, ako je napríklad poznámkový blok, a uložte si ho na plochu. Stlačte pravé tlačidlo a zvoľte "premenovať". Namiesto prípony .txt, ako pri bežnom textovom súbore, zadajte príponu .html alebo .htm. Ikona poznámkového bloku sa zmení na ikonu prehliadača, kliknutím na ktorý sa zobrazí vaša prvá webová stránka.

Ak sa rozšírenie nezobrazuje, musíte urobiť nasledovné.

Nájdite v počítači: Vzhľad a prispôsobenie - Možnosti priečinka - Zobraziť.

Vždy je užitočné ukázať príponu súboru, aby útočníci nemohli očakávať, že otvoríte súbor s infekciou „gift.jpg“, čo bude v skutočnosti „gift.jpg.exe“. Bez rozšírenia, ktoré Windows predvolene skrýva, je veľmi ľahké pomýliť si spúšťací súbor „malvéru“ so skrytou príponou .EXE s bežným obrázkom.

Pozrite si video o vytváraní stránok HTML


Programy na vytváranie HTML stránok

Ručné písanie hypertextového značkovacieho kódu HTML bez skúseností sa môže javiť ako ťažký test pozornosti a vytrvalosti. Ale verte mi, že iba ak si takto posilníte svoje zručnosti, budete sa môcť hrdo nazývať webmasterom.

Pre inteligentnú kontrolu nad ručným písaním html kódu existuje veľa programov so zvýrazňovaním kódu. Medzi amatérskymi vývojármi sú najobľúbenejšie Notepad ++, PHP Dizajnér, Dreamweaver

Posledné dva programy sú platené, ale staré verzie, ktoré nie sú o nič horšie ako nové, sa dajú nájsť na nete zadarmo a legálne ich používať pre svoje potreby. dreamweaver je vizuálny editor. Prevedie váš text s dizajnom na kód. V každom prípade nebudete ľutovať, že ste tento nástroj spoznali.

Prečo sa potom učiť písať kód ručne? Ide o to, že akékoľvek vizuálne editory, dokonca aj editor zabudovaný do WordPressu, niekedy vygenerujú toľko odpadu vlastného kódu, že stránky vážia mnohonásobne viac ako tie, ktoré sú napísané pomocou hlavy a rúk. Áno, ak vezmete do úvahy aj to, že vyhľadávače teraz dbajú na čistotu kódu, potom vás nevyhnutne napadne naučiť sa Html, aby ste celý proces ovládli.

Vo všeobecnosti Dreamweaver spočiatku nahradí dobrého učiteľa. Použite tento program a uvidíte, ako sa píše html stránka. Hlavne nebuďte leniví pozrieť sa do horného okna programu, kde sa generuje kód. Všimnite si sami, kde program robí niečo navyše.

Čo je to vlastne prehliadač

Mnoho ľudí verí, že prehliadač je určený na vyhľadávanie stránok na internete, že to je jeho účel. V chápaní používateľa PC sa teda vytvára chybný názor na účel prehliadača. Prehliadač je v skutočnosti program na interpretáciu html kódu, CSS kódu, JS kódu atď. Inými slovami, je to aplikačný softvérový nástroj na zobrazovanie webových stránok a iných dokumentov.

Možnosti moderných prehliadačov sú skutočne skvelé. Webové stránky totiž obsahujú grafiku, videá a texty rôznych formátov. Prehliadač prečíta html kód, vidí v ňom vložený video materiál, grafický a textový kód a toto všetko správne zobrazí na obrazovkách zariadenia. Pomáhajú mu v tom značky, tieto obyčajné anglické slová v hranatých zátvorkách<>.

Prehliadač pomocou tagov vidí, ktorá časť textu interpretuje je názov stránky, aký nadpis, čo treba prezentovať ako odsek, kam umiestniť obrázok a popri tom vyriešiť množstvo problémov spojených s rôzne jazyky vložené do obyčajného HTML.

HTML značkovací jazyk a základné značky

informuje prehliadač, že ide o dokument HTML
tu sú informácie pre vyhľadávače
obsah sa zobrazí v okne prehliadača
názov stránky

Nadpisy: od najväčšieho po najmenší
Výber textu tučným písmom a kurzívou
text odkazu Informuje prehliadač, že toto je odkaz s textom " text odkazu«

Vytvorte nový odsek

zarovnanie odsekov ( vľavo, vpravo, zarovnať alebo na stred)
Informuje prehliadač, aby vytvoril formulár

Táto tabuľka slúži len na zobrazenie hlavných deskriptorov.

V modernej verzii HTML5 sa spolu s novými tagmi objavilo obrovské množstvo noviniek, o ktorých sa vývojárom webových stránok pred 10 rokmi ani nesnívalo.

Štýly v html dokumente

Keď prehliadač zobrazuje obsah webovej stránky, zobrazuje nadpisy v jednom štýle, text odstavcov v inom a veľkosť písma je pre nich tiež odlišná. Každý prehliadač to má predvolene povolené. Chceme však vidieť jednotlivé návrhy webových stránok a CSS prichádza na pomoc, jazyk kaskádových štýlov. Pomocou CSS môžete nastaviť dizajn akéhokoľvek prvku, môžete vytvoriť akýkoľvek dizajn webového dokumentu.

CSS je štýlový doplnok k jazyku html a bez neho neexistuje.

Štýly v Html sú vložené takto:

hlava>

Ak sa použije externá šablóna so štýlmi styles.css potom sa pripojí k dokumentu html takto:

Príklad písania pravidiel CSS:

p (farba: čierna; písmo: x-small).

Informuje prehliadač, že farba odseku

čierny- čierna a písmo má veľkosť x-malé(malý)

Takto napríklad štylizujem obsah na začiatku každého článku na tomto blogu.

anons
(ohraničenie: 2px zelené;
border-radius: 10px
šírka: 360
font-family: "Yeseva+One";
veľkosť písma: 16px;
line-height: 1,2em;padding:10px 10px 10px 20px;
margin:10px auto 20px;
text-align:left;
farba pozadia: #a7cece;
}

v poslednom riadku je zaujímavý úryvok: farba pozadia: #a7cece;

#a7cece- toto je html farba. Pomocou znakovej sady HEX - hexadecimálnej sústavy: čísla od 0 do 9 a písmená od A po F si môžete nastaviť úplne akúkoľvek farbu. Nachádza sa tu pekný akvamarín.

K téme CSS sa vrátim v samostatných publikáciách.

Ako sa naučiť značkovací jazyk HTML

  • Web je plný odkazov na HTML (html). Páči sa mi stránka http://htmlbook.ru. Často sem chodím pre referenčný materiál. Odporúča sa na úsporu času.
  • Andrej Bernatsky. Overte si to!
  • Páči sa mi kniha od amerických autorov. Je to fascinujúce HTML/CSS návod s tak cool prezentáciou materiálu, že budete čítať bez prestania. Všetko je vysvetlené jednoducho a zrozumiteľne. Dá sa stiahnuť zadarmo na nete, ale je lepšie si ju kúpiť a pracovať s ňou ako s knihou.

Najlepší spôsob, ako sa naučiť značkovací jazyk HTML (html), je stiahnuť si najznámejšie školiace kurzy v RuNet, okrem toho, niektoré z nich sú úplne zadarmo. Prejdite na webovú stránku Evgeny Popov a stiahnite si veľa užitočných vzdelávacích informácií. Pre odborné školenie si prečítajte informácie.