Pravidlá pre vytváranie HTML dokumentov. Booleovské formátovanie

  • 07.05.2019

Logické a fyzické formátovanie

Na formátovanie textu dokumentov HTML je k dispozícii celá skupina značiek, ktoré je možné podmienečne rozdeliť na značky logické a fyzické formátovanie.

Booleovské formátovacie značky označujú (svojimi vlastnými menami) ich štrukturálne typy fragmenty textu, ako je napr. programový kód(značka ), citovať(značka<СIТЕ> ), skratka(značka< ABBR>) ATĎ.

Používanie značiek<ЕМ>a jednotlivé fragmenty môžete napríklad označiť ako pridelené alebo vysoko distingvovaný.Všimni si prichádza O štrukturálne označeniečo neovplyvňuje konkrétne zobrazenie fragmentu prehliadačom. Preto sa toto označenie nazýva logické.

Fragmenty s logickým formátovaním zobrazujú prehliadače určitým spôsobom, ktorý je štandardne nastavený. Typ zobrazenia nemá nič spoločné so štruktúrnym typom fragmentu (t. j. názvom značky logického formátovania), ale dá sa ľahko prepísať.

Tagy fyzické formátovanie definovať formát zobrazenia zadaný fragment textu v okne prehliadača.

Napríklad na zobrazenie fragmentu kurzívou môžete použiť kurzívu .

Medzi vývojármi HTML dlho debatovalo sa o výhodách a nevýhodách toho či onoho prístupu. S vydaním špecifikácie HTML 4.0 sa táto debata skončila v prospech použitia logického formátovania, keďže bol deklarovaný princíp oddelenia štruktúry dokumentu od jeho prezentácie. Len na základe logického formátovania je možné flexibilne riadiť prezentáciu dokumentu pomocou moderných metód (na základe štýlov, dynamicky sa meniacich dokumentov atď.).

Avšak, na v súčasnosti fyzické formátovanie je možné použiť aj voľne. V špecifikácii HTML 4.0 je používanie niektorých značiek fyzického formátovania zastarané, zatiaľ ich však stále podporujú všetky prehliadače. Všimnite si, že niektoré značky logického formátovania určené na nahradenie jednotlivých značiek fyzického formátovania nie sú rozpoznané všetkými prehliadačmi, a preto je ich používanie mimoriadne nepohodlné.

Booleovské značky formátovania textu

Tag

Tag< ABBR> označí váš text ako skratka(Skratka).

Jazyk Html bol vyvinutý britským vedcom Timom Berners-Lee okolo roku 1991-1992 v rámci múrov Európskej rady pre jadrový výskum v Ženeve (Švajčiarsko). HTML bol vytvorený ako jazyk na výmenu vedeckej a technickej dokumentácie, vhodný pre ľudí, ktorí nie sú špecialistami v oblasti rozloženia.

Tag

Tag< AKRONYM>... Rovnako ako tag< ABBR>, používa sa na označenie skratiek. Tento štítok sa odporúča označiť tzv akronymy,T. teda hovorené slová zložené zo skratiek. Tag< AKRONYM> možno v budúcnosti bude slúžiť na nevizuálne zobrazovanie prvkov, napríklad pri syntéze reči.

Táto značka je užitočná v kombinácii s parametrom TITLE, ktorý možno použiť na určenie plnej verzie skratky. Potom vizuálne prehliadače pri umiestnení kurzora myši nad text označený značkou< AKRONYM>, zobrazí celé meno ako popis, ktorý sa zobrazí.

TPU.

Značka H1 ... H6

HTML ponúka šesť nadpisov na rôznych úrovniach, ktoré označujú relatívnu dôležitosť sekcie za nadpisom. Takže značka

predstavuje najdôležitejší nadpis prvej úrovne a značku

slúži na označenie nadpisu šiestej úrovne a je najmenej významný. Štandardne sa nadpis prvej úrovne zobrazuje najväčším tučným písmom, nadpisy ďalšej úrovne sú menšie. Tagy

...

odkazujú na blokové prvky, začínajú vždy na novom riadku a po nich sa na ďalšom riadku zobrazia ďalšie položky. Okrem toho sa pred a za nadpisom pridá biele miesto. Vzhľad hlavičky možno jednoducho ovládať pomocou štýlov.

Nadpis prvej úrovne

Nadpis druhej úrovne

Nadpis tretej úrovne

V prehliadači to bude vyzerať takto:

Tag<СIТЕ>

Tag používa sa na označenie citácií alebo názvov kníh a článkov, odkazov na iné zdroje atď. Prehliadače zvyčajne zobrazujú takýto text kurzívou.

Človeku nemôžete povedať: "Môžeš tvoriť. Tak poď, tvor." Oveľa správnejšie je počkať, kým on sám povie: "Viem tvoriť a budem tvoriť, či sa ti to páči alebo nie."

Isaac Asimov

Tag

Tag označí váš text ako malý kúsok programového kódu Zvyčajne sa zobrazuje písmom s jednotnou medzerou. Táto značka by sa nemala zamieňať so značkou

Prvok na úrovni bloku, ktorý sa má použiť na označenie veľké úryvky (výpisy) kódu.

Programový kód

function checkParent (src, dest) (
while (src! = null) (
if (src.tagName == dest) return src
src = src.parentElement
}
return null
}




Tag

Tag označí váš text ako diaľkový Tento prvok je užitočný na označenie zmien vykonaných v dokumente z verzie na verziu. Tag možno použiť ako prvok na úrovni textu a ako prvok na úrovni bloku.

Značka má dva voliteľné parametre: CITE a DATETIME. Hodnota parametra CITE musí byť adresa URL dokumentu, ktorý vysvetľuje, prečo bol fragment odstránený.

Parameter DATETIME určuje dátum vymazania vo formáte: YYYY-MM-DDThh: mm: ssTZD, ktorý určuje rok, mesiac, deň, hodiny, minúty a sekundy vymazania, ako aj časové pásmo.

Značky na formátovanie fyzického textu

Tag

Značka medzi nimi má vlastnosti tučného textu. Má atribút title – volá text vo forme popisku.


Tag

Táto značka zväčšuje veľkosť zobrazenia textu Má atribút title – volá text vo forme tooltipu.

Príklad fyzického formátovania


Tag

Vyberie písmo pre text. Vlastnosti:

  • veľkosť - veľkosť textu od 1 do 7
  • farba - farba textu

Príklad fyzického formátovania


Tag

Táto značka vkladá na stránku vodorovnú čiaru. Vlastnosti:

  • veľkosť - výška a hrúbka čiary
  • šírka - šírka čiary
  • noshade - vytvorte linku bez tieňa
  • farba - zmení farbu čiary

Hoci HTML obsahuje značky na dosiahnutie rôznych efektov písma (tučné, kurzíva, podčiarknuté), nie všetky prehliadače ich podporujú. Všetky prehliadače však podporujú určitú formu výberu textu. Preto použitie logického formátovania textu v každom prípade povedie k tomu, že divák vyberie rôzne časti textu a odhalí štruktúru dokumentu.

Keď hovoríme o logickom označovaní textu, existujú dve hlavné časti:

Zvýraznenie nadpisov v dokumente; logický výber textových prvkov.

Názov dokumentu určený pomocou značky sa nezobrazuje ako súčasť dokumentu. Jedna zo značiek názvu sa používa na zobrazenie názvu. Nadpisy v typickom dokumente sú kategorizované do úrovní. HTML vám umožňuje definovať šesť úrovní nadpisov: H1 (nadpis prvej úrovne), H2, H3, H4, H5 a H6. Nadpis prvej úrovne je zvyčajne väčší a ťažší ako nadpis druhej úrovne.</p> <p>Ak sa pozriete na túto kapitolu, Booleovské formátovanie je na úrovni 3, Hypertextové formátovanie na úrovni 2 a Základy HTML na úrovni 1. V praxi sa nadpisy štvrtej a vyššej úrovne nachádzajú len vo veľmi rozsiahlych dokumentoch.</p> <p><b>Príklad</b></p> <p><HTML> <HEAD> <TITLE>Nadpisy

Nadpis úrovne 1

Nadpis úrovne 2

Úroveň nadpisu 3

Nadpis úrovne 4

Nadpis úrovne 5
Nadpis úrovne 6

Pamätajte, že ak zabudnete vložiť koncovú značku nadpisu, stránka bude vyzerať zdeformovane: ktorákoľvek zo značiek nadpisu automaticky vloží pred a za ne prázdny riadok.

Značky nadpisov podporujú atribút ALIGN, ktorý má rovnaký účinok ako značka zvýraznenia odseku.

Prvky logického výberu textových fragmentov, ako aj možný dizajn každého z nich sú uvedené v tabuľke.

Tagy Aplikácia Výsledok
Používa sa na zvýraznenie citátov alebo názvov kníh a článkov Používa sa na zvýraznenie citátov alebo názvov kníh a článkov
Používa sa na výstup malého kúsku programového kódu Používa sa na výstup malého kúsku programového kódu
Používa sa na zvýraznenie dôležitých častí textu Používa sa na zvýraznenie dôležitých častí textu
Zvýrazňuje text zadaný používateľom z klávesnice Zvýrazňuje text zadaný používateľom z klávesnice
Používa sa na zvýraznenie textu príkladu Používa sa na zvýraznenie textu príkladu
Používa sa na zvýraznenie veľmi dôležitých častí textu Používa sa na zvýraznenie veľmi dôležitých častí textu
Používa sa na označenie názvov premenných Používa sa na označenie názvov premenných
Používa sa na označenie odstráneného textu Používa sa na označenie odstráneného textu

Pravdepodobne ste si všimli, že niektoré prvky logických textových značiek poskytujú rovnaký výsledok. Prečo je teda potrebná taká rozmanitosť? Odpoveď na túto otázku je obsiahnutá v názve tejto skupiny značiek. Sú navrhnuté tak, aby kládli logické dôrazy, zvýraznili logické časti a zdôraznili podstatu výrokov. Ich použitie je veľmi dôležité, pretože pravdepodobne v blízkej budúcnosti bude možné napríklad vyhľadávať citáty vo webovom priestore a možno sa nová generácia prehliadačov naučí čítať dokumenty nahlas. Softvér na rozpoznávanie stresu nahradí dnešné monotónne rečové procesory.

Na zvýraznenie dlhých úvodzoviek z hlavného textu v HTML existuje značka

... Tento prvok je kontajner a môže obsahovať ľubovoľné formátovacie značky.

Moderné prehliadače reagujú na prvok

posunutím textu citátu doprava. Niektoré textové prehliadače označujú citácie znakmi > v ľavom stĺpci obrazovky. Keďže väčšina dnešných prehliadačov sú grafické programy,
umožňuje autorom pridať do textu určitú vizuálnu rozmanitosť.

Čo je HTML

World Wide Web (WWW) je tvorený webovými stránkami, ktoré sú vytvorené pomocou takzvaného HyperText Markup Language (HTML). Hoci veľa ľudí hovorí o programovaní v tomto jazyku, HTML vôbec nie je programovací jazyk v tradičnom slova zmysle. HTML je značkovací jazyk pre dokument. Pri vývoji dokumentu HTML sa označenie textového dokumentu vykonáva rovnakým spôsobom ako editor s červenou ceruzkou. Tieto značky slúžia na označenie formy prezentácie informácií obsiahnutých v dokumente.

Špeciálne prehliadače HTML, často označované ako prehliadače, interpretujú súbory vo formáte HTML, formátujú ich ako webové stránky a zobrazujú ich obsah na obrazovke počítača používateľa. Existuje veľké množstvo prehliadačových programov vyvinutých rôznymi spoločnosťami, ale dnes z celej palety programov jednoznačne vyčnievajú dva popredné programy - Netscape Communicator a Microsoft Internet Explorer.

Netscape Navigator je vyvinutý spoločnosťou Netscape Communications Corporation. Ako pri mnohých softvérových produktoch, aj tohto programu existuje množstvo verzií. Najnovšia verzia Netscape Communicator v čase písania tohto článku je verzia 4.7. Internet Explorer bol vyvinutý spoločnosťou Microsoft. Najnovšia verzia tohto programu je 5.0.

Ostatné prehliadače výrazne zaostávajú v popularite. Pred niekoľkými rokmi bol prehliadač Netscape popredným prehliadačom, pričom viac ako dve tretiny jeho používateľov používali tento konkrétny prehliadač. S vydaním svojho prehliadača Microsoft vynaložil veľké úsilie, aby dobyl túto časť trhu. Médiá často

objavili sa správy o vojne medzi prehliadačmi o používateľov. Teraz sú tieto dva prehliadače porovnateľné v popularite. Rastúca popularita prehliadača Microsoft je podporovaná zahrnutím prehliadača do operačného systému Windows 98, avšak v konečnom dôsledku zostáva výber prehliadača na používateľovi.

Moderné prehliadače sú bohaté na možnosti, ale hlavnou vecou pre nich je interpretácia dokumentov označených podľa pravidiel HTML. Táto kniha je venovaná hlavne opisu týchto pravidiel. V prvej časti sa budeme venovať iba základným princípom vytvárania HTML dokumentov.

Aby sme pochopili, čo je značkovací jazyk, spomeňme si na staré dobré časy, keď veľa ľudí pracovalo s textovými editormi ako WordStar. V nich, aby sa zvýraznila fráza, napríklad tučným písmom, boli na jej začiatok a koniec vložené špeciálne značky (/ B a / b):

/B Tento text sa zobrazí tučným písmom / b

Pri výstupe takéhoto textu do tlačového zariadenia (ešte nehovoríme o displejoch, tie v tých vzdialených časoch buď vôbec neexistovali, alebo boli alfanumerické displeje, ktoré neumožňovali meniť fonty) boli znaky/in nútené použiť tučné písmo. kým nebudú znaky / b.

HTML funguje rovnakým spôsobom. Ak je potrebné zvýrazniť text na obrazovke tučným písmom, môžete to urobiť rovnakým spôsobom:

Tento text sa zobrazí tučným písmom.

Symboly obsahovať tučné písmo a znaky vypnite to. Takéto znaky, ktoré ovládajú zobrazovanie textu a zároveň sa samy nezobrazujú na obrazovke, sa v HTML zvyčajne nazývajú tagy (z anglického slova tag - štítok, znak).

Všetky značky HTML sú oddelené oddeľovačmi (< и >), medzi ktoré je zapísaný identifikátor (názov) značky (v našom príklade je to in), prípadne jej parametre. Jedinou výnimkou z tohto pravidla sú značky komentárov so zložitejšími oddeľovačmi (). Názvy značiek, ako aj ich parametre je možné zapísať do ľubovoľného registra. Kvôli konzistentnosti v celej tejto knihe je väčšina značiek napísaná veľkými písmenami.

Väčšina HTML tagov sa používa v pároch, to znamená, že pre určitý tag, nazvime ho otvárací tag, má dokument zodpovedajúci záverečný tag. Podľa pravidiel HTML sa uzatváracia značka píše rovnakým spôsobom ako otváracia značka, ale so znakom / (lomka) pred názvom značky. Jediný zásadný rozdiel medzi pármi značiek je v tom, že koncové značky nepoužívajú parametre.

Značky, ktoré potrebujú zodpovedajúce koncové značky, sa budú nazývať kontajnerové značky. Všetko, čo je napísané medzi príslušnými otváracími a zatváracími značkami, sa bude nazývať obsah kontajnerovej značky. Niekedy môže byť koncová značka vynechaná. Napríklad pre značku popisujúcu údaje pre bunku tabuľky , zodpovedajúci koncový štítok možno vždy vynechať. Koniec údajov pre bunku tabuľky bude rozpoznaný podľa vzhľadu ďalšej značky alebo koncová značka riadka tabuľky.

Existuje množstvo značiek, pri ktorých väčšina autorov dokumentov vynecháva koncové značky. Príkladom môže byť značka položky zoznamu

  • alebo značka odseku

    Moderné prehliadače v mnohých prípadoch správne naformátujú dokumenty, ak sa vynechajú niektoré koncové značky, ale tento postup nemožno odporučiť.

    Množstvo značiek v zásade nepotrebuje koncové značky. Príklady zahŕňajú značku na vloženie obrázka , nútený posuv riadku
    , s uvedením základného písma a ďalšie. Často zo samotného účelu značky môžete uhádnuť, či potrebuje koncovú značku.

    Existujú všeobecné pravidlá, ako prehliadače interpretujú značky. Na rozdiel od programovacích jazykov, v ktorých chybné vyhlásenia vedú k vydaniu príslušných správ vo fáze kompilácie programu a vyžadujú si úpravu, nie je v HTML zvykom reagovať na nesprávne písanie značiek. Nesprávne napísaný tag alebo jeho parameter by mal prehliadač jednoducho ignorovať. Toto je všeobecné pravidlo pre všetky prehliadače, ktoré platí nielen pre chybne napísané tagy, ale aj tagy, ktoré táto verzia prehliadača nerozpozná. Príkladom môžu byť značky navrhnuté a implementované pre konkrétny prehliadač a neznáme pre iný prehliadač. Napríklad kontajner tagov , ktorý slúži na poskytovanie alternatívnych informácií prehliadačom, ktoré neposkytujú podporu rámcových štruktúr, takéto prehliadače nerozpoznajú. Prehliadač, ktorý podporuje rámce pri stretnutí so značkou <NOFRAMES>, preskočí všetky informácie, ktoré obsahuje. A prehliadač, ktorý nie je oboznámený s rámami, samozrejme, nebude rozumieť značke <NOFRAMES>... Podľa vyššie uvedeného pravidla sa však táto značka jednoducho preskočí, ale zobrazia sa všetky nasledujúce informácie.</p> <p>Tagy je možné písať s parametrami alebo atribútmi (z angličtiny atribút). V tejto knihe budeme najčastejšie používať pojem parameter. Množiny povolených parametrov sú individuálne pre každú značku. Všeobecné pravidlá pre zapisovanie parametrov sú nasledovné. Za názvom tagu môžu nasledovať parametre, ktoré sú od seba oddelené medzerami. Poradie parametrov tagu je ľubovoľné. Mnoho parametrov vyžaduje zadanie ich hodnôt, ale niektoré parametre nemajú žiadne hodnoty alebo sa dajú zapísať bez nich, za predpokladu predvolených hodnôt. Ak parameter vyžaduje hodnotu, je uvedená za názvom parametra prostredníctvom znamienka rovnosti. Hodnota parametra môže byť napísaná v úvodzovkách alebo bez nich. Jediný prípad, kedy sa bez úvodzoviek nezaobídete, je prípad, keď sú v hodnote parametra medzery. V hodnotách parametrov (na rozdiel od názvov značiek a samotných parametrov) je niekedy dôležitý zapisovací register. Tu je príklad písania značky s parametrami:</p> <p><TABLE BORDER ALIGN="left"> </p> <p>Tu pre značku <TABLE>sú uvedené dva parametre. Prvý parameter BORDER je zadaný bez hodnoty. Druhý parameter ALIGN je ponechaný.</p> <p>Nasledujúce kapitoly prvej časti knihy budú popisovať účel HTML tagov a ich parametre. Vo všeobecnosti môžu mať značky rôzne parametre, no existuje množstvo parametrov, ktoré sú rovnaké pre takmer všetky značky. Spomenieme si tu všeobecné parametre tagov, aby sme o nich už nehovorili pri popise každého tagu.</p> <p>Všetky značky, ktoré je možné použiť v sekcii <BODY>HTML dokument môže mať parametre CLASS, ID, LANG, LANGUAGE, STYLE a TITLE. Využitie týchto parametrov je užitočné predovšetkým pri úprave dokumentov, o ktorých bude reč v druhej časti knihy.</p> <p>Parametre CLASS, ID, STYLE podporuje Internet Explorer 3.0 a vyšší a Netscape 4.0 a vyšší. Tieto parametre sú potrebné pri používaní štýlov.</p> <p>Parametre LANG, LANGUAGE, TITLE – podporuje iba Internet Explorer od verzie 4.0. Tieto parametre označujú použitý jazyk (napríklad pre Rusko: LANG = ru), skriptovací jazyk (napríklad LANGUAGE = JavaScript), ako aj text popisku, ktorý sa zobrazí, keď nad ním umiestnite kurzor myši. prvok (TITLE).</p> <p>V modernom HTML sa okrem jazykových značiek a ich obsahu v zdrojovom kóde HTML píšu aj kódy skriptov (javascript alebo VBScript). V prvej časti knihy sa to prakticky nikde nespomína, no druhá časť je celá venovaná problematike používania skrípt.</p> <p>Na záver všeobecného prehľadu HTML poznamenávame, že najjednoduchšie HTML dokumenty sú obyčajné textové súbory, na prezeranie a úpravu, ktoré môžete použiť v akomkoľvek textovom editore. Tieto súbory majú zvyčajne príponu HTM alebo HTML.</p> <p>špecifikácie HTML</p> <p>HTML získalo popularitu v polovici 90. rokov vďaka exponenciálnemu rastu internetu. V tom čase už bolo potrebné jazyk štandardizovať, keďže rôzne spoločnosti, ktoré vyvíjali softvér na prístup na internet, ponúkali svoj</p> <p>stále viac variantov HTML inštrukcií. Teraz je čas dospieť k nejakej spoločnej dohode o používaní značiek HTML.</p> <p>Organizácia s názvom World Wide Web Consortium (skrátene W3C) prevzala špecifikáciu HTML. Jej úlohou bolo vypracovať špecifikáciu, ktorá by odrážala súčasnú úroveň rozvoja schopností jazyka s prihliadnutím na rôzne návrhy spoločností zaoberajúcich sa prehliadačmi. V novembri 1995 sa teda objavila špecifikácia HTML 2.0 navrhnutá tak, aby formalizovala prax používania HTML, ktorá sa vyvinula do konca roku 1994.</p> <p>Schvaľovacia schéma špecifikácie je nasledovná. Konzorcium W3C vydáva návrh špecifikácie, po prerokovaní ktorého je vydaný takzvaný návrh verzie špecifikácie a navrhuje ju na prerokovanie na určité obdobie. Pracovný návrh špecifikácie sa po období zvažovania môže stať odporúčaním, teda oficiálne uznávanou verziou špecifikácie HTML.</p> <p>Krátko po špecifikácii 2.0 bola uvoľnená pracovná verzia špecifikácie 3.0 a obdobie jej diskusie uplynulo v septembri 1995. Táto špecifikácia nebola nikdy prijatá ako formálne odporúčanie. Jeho zámerom bolo zahrnúť širokú škálu značiek a funkcií špecifických pre jednotlivé prehliadače, ale W3C nedokázalo vyvinúť dobrú špecifikáciu pre taký veľký počet inštrukcií.</p> <p>Po dlhom premýšľaní bol v máji 1996 vydaný návrh HTML 3.2. Projekt bol založený na niektorých značkách dostupných vo verzii 3.0, ktoré vykazovali stabilitu v práci. V septembri 1996, po mesiacoch diskusií, sa verzia 3.2 stala navrhovanou špecifikáciou a v januári 1997 sa stala oficiálnym odporúčaním.</p> <p>V júli 1997 bola vydaná navrhovaná špecifikácia HTML 4.0, ktorá sa stala oficiálnym odporúčaním v decembri 1997. Toto je zatiaľ posledná prijatá špecifikácia.</p> <p>V tomto krátkom prehľade histórie vývoja jazyka HTML sotva stojí za to podrobne popísať vlastnosti rôznych špecifikácií, najmä preto, že v reálnom živote vývojári nie vždy dodržiavajú odporúčania konzorcia. Tu sú len niektoré nápady, ktoré stoja za najnovšou špecifikáciou.</p> <p>V špecifikácii HTML 4.0 bolo kľúčovou myšlienkou oddelenie popisu štruktúry dokumentu od popisu jeho prezentácie na obrazovke monitora. Skúsenosti ukázali, že oddelenie štruktúry a prezentácie dokumentu znižuje náklady na podporu širokej škály platforiem, prostredí a podobne a tiež uľahčuje opravu dokumentov. V súlade s touto myšlienkou by sa mali širšie využívať metódy opisu prezentácie</p> <p>dokument pomocou štýlov, namiesto špecifikovania prezentačných údajov rozptýlených s obsahom dokumentu. Na implementáciu tejto myšlienky do špecifikácie HTML 4.0 bolo odstránených niekoľko značiek používaných na priame určenie formy prezentácie prvkov HTML. Značky zrušené z tohto dôvodu zahŕňajú <CENTER>, <FONT>, <BASEFONT>, <S>, <STRIKE>, <U>... Okrem iných zrušených značiek podotýkame <ISINDEX>, <APPLET>, <DIR>, <MENU>... Namiesto zrušených značiek sú navrhnuté alternatívne možnosti implementácie zodpovedajúcich schopností, ktoré v tejto knihe zdôrazňujeme.</p> <p>Koncept značky s ukončenou podporou je nasledujúci. Ak je značka v tejto jazykovej špecifikácii vyhlásená za zastaranú, znamená to, že prehliadače by mali nateraz pokračovať v podpore takýchto značiek, ale ich používanie sa neodporúča. V nasledujúcich špecifikáciách môžu byť tieto značky zastarané. Prehliadače už nemusia podporovať značky s ukončenou podporou. V špecifikácii HTML 4.0 sú zastarané iba tri značky:<ХМР>, <PLAINTEXT>A <LISTING>... Informácie o tom, ktoré značky sú zahrnuté v špecifikácii, možno získať z tabuľky v prílohe A1.</p> <p>Oficiálne informácie o špecifikácii HTML môžete vždy získať z webovej stránky W3C na adrese <b>http://www.w3.org/TR/</b>... Špecifikácia 4.0 je na <b>http://www.w3.org/TR/REC-htmI40-971218</b>. </p> <p>Všimnite si, že logicky by oficiálna špecifikácia mala zohrávať úlohu usmerňujúcej a riadiacej sily, ktorá zabezpečuje rovnakú formu prezentácie informácií rôznymi prehliadačmi. Toto je ideálna možnosť, o ktorú sa treba snažiť. V skutočnosti veci nie sú také dobré. Neustále sa objavujú nové nápady, implementované vývojárskymi spoločnosťami do svojich prehliadačov a nimi propagované. Úspešné nápady sa zakorenia a potom ich prevezmú ďalší vývojári. Niektoré funkcie zostávajú špecifické pre konkrétny prehliadač. Úspešné návrhy skončia v špecifikácii a stávajú sa všeobecne akceptovanými. Proces zlepšovania možností prehliadačov a spresňovania špecifikácií je teda neustály proces, ktorý sa navzájom ovplyvňuje.</p> <p>Štruktúra dokumentu</p> <p>Prvou značkou, ktorá začína popisovať dokumenty HTML, je značka <HTML>... Vždy musí začať <a href="https://rzdoro.ru/sk/windows-xp/1s-8-3-predpriyatie-reestr-bankovskih-dokumentov-opisanie-formy.html">popis dokumentu</a> a na konci popisu dokumentu by mala byť značka</HTML>... Títo <a href="https://rzdoro.ru/sk/scan/prikolnyi-nikneim-dlya-tvittera-na-angliiskom-kak-vybrat-imya.html">značky označujú</a>že čiary medzi nimi predstavujú jeden HTML dokument. Samotný dokument je obyčajný textový súbor ASCII. Bez týchto značiek nemusí byť prehliadač alebo iný prehliadač schopný identifikovať formát dokumentu a správne ho interpretovať.</p> <p>Najčastejšie tag <HTML>používa sa bez parametrov. V <a href="https://rzdoro.ru/sk/beginners/kak-vernut-predydushchuyu-versiyu-android-otkat-do-predydushchei-versii-android.html">predchádzajúce verzie</a> bola použitá možnosť VERSION, ktorú špecifikácia HTML 4.0 zavrhla. Tento parameter bol nahradený značkou<! DOCTYPE>. </p> <p>Väčšina <a href="https://rzdoro.ru/sk/entertainment/skachat-samyi-luchshii-brauzer-vse-reshayut-sovremennye-tehnologii-kakoi.html">moderné prehliadače</a> dokáže rozpoznať dokument a neobsahuje značky <HTML>a</HTML> ich použitie je však veľmi žiaduce.</p> <p>Medzi párom značiek <HTML>a</HTML> nachádza sa samotný dokument. Dokument môže pozostávať z dvoch sekcií – sekcie nadpisu (začínajúc značkou <HEAD>) a sekciu obsahovej časti dokumentu (začínajúc značkou <BODY>). Pre dokumenty popisujúce rámové štruktúry sa namiesto sekcie BODY používa sekcia FRAMESET (s tagom <FRAMESET>). Ďalej zvážime pravidlá pre zostavovanie častí dokumentu HLAVA a TELO. Konštrukcia dokumentov obsahujúcich rámce je popísaná v kapitole 5.</p> <p><b> <span>Časť dokumentu HEAD</span> </b></p> <p>Časť HEAD dokumentu definuje jeho nadpis a nie je povinný tag, avšak dobre napísaný nadpis môže byť celkom užitočný. Účelom hlavičky je reprezentovať <a href="https://rzdoro.ru/sk/network/teh-harakteristiki-iphone-8-akkumulyatory-mobilnyh-ustroistv-otlichayutsya.html">potrebné informácie</a> pre program, ktorý interpretuje dokument. Značky, ktoré sa nachádzajú v sekcii HEAD (okrem názvu dokumentu opísaného pomocou značky <TITLE>) sa nezobrazujú na obrazovke.</p> <p>Sekcia názvu sa otvorí so štítkom <HEAD>... Zvyčajne táto značka nasleduje hneď za značkou <HTML>... Koncová značka</HEAD> ukazuje koniec tejto časti. Medzi uvedenými značkami sú ostatné značky sekcie nadpisu.</p> <p><b> <span>Názov dokumentu</span> </b></p> <p>Kontajner značky <TITLE>je jediná požadovaná značka názvu a používa sa na pridelenie názvu dokumentu. Zvyčajne sa zobrazuje v hlavičke okna prehliadača. Tag <TITLE>nezamieňať s názvom súboru dokumentu; naopak, je <a href="https://rzdoro.ru/sk/entertainment/kak-bystro-opredelit-kodirovku-tekstovoi-stroki-opredelenie-kodirovki.html">textový reťazec</a>, úplne nezávislý od názvu súboru a umiestnenia, vďaka čomu je celkom užitočný. Názov súboru je pevne zakódovaný <a href="https://rzdoro.ru/sk/network/osnovnye-operacionnye-sistemy-tipy-operacionnyh-sistem-ponyatie-operacionnoi.html">operačný systém</a> počítač, na ktorom je uložený. Mali by ste tiež rozlíšiť názov dokumentu (s tagom <TITLE>) z nadpisov v dokumente, zvyčajne označených <Hx>. </p> <p><i> <b>Poznámka</b> </i></p> <p><i> <span>Vo všeobecnosti má povinný názov dokumentu charakter urgentného odporúčania. Neoznačený dokument <TITLE>zobrazia aj prehliadače. V čom <a href="https://rzdoro.ru/sk/network/glavnaya-startovaya-stranica-yandeksa-kak-sdelat-yandeks.html">rôzne prehliadače</a> ako bude uvedený názov okna <a href="https://rzdoro.ru/sk/audio-video/chto-nahoditsya-v-menyu-pusk-knopka-pusk-v-razlichnyh-versiyah-windows.html">rôzne informácie</a>... Takže <a href="https://rzdoro.ru/sk/linux/kak-otkryt-fail-xlsx-ispolzovanie-excel-s-bolee-rannimi-versiyami.html">skoré verzie</a> prehliadač Netscape zobrazil reťazec „No title“. Iné prehliadače buď nič nezobrazujú, alebo zobrazujú adresu URL prevzatého súboru, pričom odzrkadľujú informácie v paneli Umiestnenie prehliadača.</span> </i></p> <p>Názov dokumentu sa píše medzi značky <TITLE>a</TITLE> a je to riadok textu. Názov môže mať v zásade neobmedzenú dĺžku a môže obsahovať ľubovoľné znaky, okrem niektorých vyhradených. V praxi by ste sa mali obmedziť na jeden riadok, pričom majte na pamäti, že názov sa zobrazuje v záhlaví okna prehliadača. Pri minimalizácii okna prehliadača by ste mali pamätať aj na to, čo zostáva z názvu dokumentu. Odporúča sa obmedziť dĺžku názvu dokumentu na 60 znakov. Môžete vidieť, ako sa názov zobrazuje v okne prehliadača na ktoromkoľvek obrázku v <a href="https://rzdoro.ru/sk/1c-enterprise/gps-navigator-eksplei-opisanie-modeli-nastroika-i-obnovleniya.html">táto kniha</a>, ktorý ukazuje príklad zobrazenia dokumentu.</p> <p>V predvolenom nastavení je text obsiahnutý v <a href="https://rzdoro.ru/sk/scan/nazvanie-programmy-dlya-razarhivacii-dokumentov-skachat-besplatnye.html">názov dokumentu</a>, ktorý sa používa pri vytváraní záložky pre dokument. Ak chcete získať viac informácií, vyhnite sa menám bez tváre (Domovská stránka, Index atď.). Takéto slová použité ako názov záložky sú väčšinou úplne zbytočné. Názov dokumentu by mal stručne popisovať jeho obsah. Všimnite si, že keď sa na obrazovke zobrazia dokumenty s rámovou štruktúrou, keď sa do každého z rámov načíta samostatný dokument s vlastným názvom, na obrazovke bude viditeľný iba názov hlavného dokumentu. Dôrazne sa však odporúča aj pomenovanie jednotlivých dokumentov, ktoré sa majú načítať do rámcov. Kapitola 5 rozoberá tento problém podrobnejšie.</p> <p>Dôležitosť názvu dokumentu určuje nasledujúca skutočnosť. Od značky <TITLE>sa nachádza takmer na úplnom začiatku súboru HTML, potom po spustení načítavania dokumentu sa tento súbor zobrazí ako prvý. Ďalej sa načíta hlavný obsah dokumentu, zatiaľ čo prehliadač začne formátovať dokument v okne. Tento proces sa môže vo všeobecnosti v závislosti od obsahu a štruktúry dokumentu, ako aj od rýchlosti pripojenia oneskoriť. Používateľ bude pomerne dlho uvažovať nad prázdnou obrazovkou, ktorej jediným informatívnym riadkom bude názov dokumentu. Pomerne často (pri prerušení spojenia alebo ak používateľ nechce čakať na dokončenie načítania dokumentu) tam všetky informácie o dokumente končia.</p> <p><b><span>Vzťah k iným dokumentom</span> </b></p> <p>Dokumenty HTML sú často prepojené, to znamená, že majú vzájomné prepojenia. Odkazy môžu byť absolútne alebo relatívne. Obe majú nevýhody. <a href="https://rzdoro.ru/sk/security/v-chem-raznica-mezhdu-absolyutnoi-i-otnositelnoi-prigodnostyu-v.html">Absolútne odkazy</a> môže byť príliš ťažkopádny a prestane fungovať, ak sa presunie najnižší dokument v hierarchii. Relatívne odkazy sa zadávajú a aktualizujú jednoduchšie, ale toto prepojenie sa tiež preruší, ak sa presunie najvyšší dokument v hierarchii. Pri prenose dokumentu z jedného počítača do druhého možno prerušiť oba typy prepojení.</p> <p>Často sa stáva, že používateľ stiahol do svojho počítača veľký dokument a odpojil sa od siete, aby si ho podrobne preštudoval. Všetky odkazy v <a href="https://rzdoro.ru/sk/windows-10/kak-ochistit-kesh-na-makbuke-v-safari-dobro-pozhalovat-v-seriyu-statei.html">lokálna kópia</a> dokumenty prestanú fungovať. Ak ich chcete „oživiť“, budete sa musieť znova odvolať na pôvodný dokument umiestnený na vzdialenom počítači.</p> <p>Našťastie vývojári HTML tento problém predvídali a pridali dve značky, <BASE>a <LINK>, ktoré sú zahrnuté v nadpise, aby sa neprerušila väzba medzi dokumentmi.</p> <p><b>Tag <BASE> </b> </p> <p>Tag <BASE>slúži na zadanie úplnej základnej adresy URL dokumentu. S jeho pomocou <a href="https://rzdoro.ru/sk/security/kak-sdelat-tablicu-v-open-dokument-otnositelnye-absolyutnye-i.html">relatívny odkaz</a> pokračuje v práci, ak je dokument prenesený do iného adresára alebo dokonca do iného počítača. Tag <BASE>funguje podobným spôsobom ako príkaz cesty systému MS-DOS, ktorý umožňuje divákovi určiť odkaz na dokument, ktorý hľadá, aj keď sa nachádza v staršom dokumente umiestnenom na inom počítači.</p> <p>Tag <BASE>má jeden povinný parameter HREF, za ktorým nasleduje úplná adresa URL dokumentu. Nižšie je uvedený príklad použitia značky <BASE>. </p> <p><HTML> </p> <p><HEAD> </p> <p><TITLE>Indikácia <a href="https://rzdoro.ru/sk/different/vyshki-sotovoi-svyazi-adresa-bazovyh-stancii-megafon-karta-bazovyh.html">základná adresa</a></TITLE> </p> <p><BASE HREF="http://www.my_host.ru/~sergeev"> </p> <p></HEAD> </p> <p><BODY> </p> <p><img src='/beginners/pravila-postroeniya-html-dokumentov-logicheskoe-formatirovanie.html' loading=lazy loading=lazy> </p> <p></BODY> </p> <p></HTML> </p> <p>Tag <BASE>povie prehliadaču, kde má hľadať súbor. Ak používateľ pracuje s lokálnou kópiou súboru a jeho počítač nie je odpojený od siete, v okne prehliadača sa nájde a zobrazí obrázok ikony Novinky.</p> <p><b>Tag <LINK> </b></p> <p>Aj keď tag <BASE>umožňuje nájsť súbor, otázka vzťahov medzi dokumentmi zostáva otvorená. Dôležitosť týchto vzťahov rastie úmerne so zložitosťou vašich dokumentov. Aby sa medzi nimi zachovalo logické spojenie, HTML zaviedlo značku <LINK>. </p> <p>Tag <LINK>označuje vzťah medzi dokumentom obsahujúcim túto značku a iným dokumentom alebo objektom. Pozostáva z URL a parametrov, ktoré konkretizujú vzťahy medzi dokumentmi. Názov dokumentu môže obsahovať ľubovoľný počet značiek <LINK>... Tab. 1.1 popisuje parametre tagu <LINK>a ich funkcie.</p> <p><i> <span><b>Tabuľka 1.1.</b> Parametre značky <LINK> </span> </i></p> <p>Tu je niekoľko príkladov značky <LINK>s parametrami:</p> <p><LINK REL="contents" HREF ="../toc.html"> </p> <p><LINK HREF="mailto:sergeev@mail.ifmo.ru" REV="made"> </p> <p>Prvý riadok označuje prepojenie na súbor obsahu dokumentu (toc.html - obsah) s priamym vzťahom k obsahu. Druhý riadok popisuje vzťah k adrese URL autora dokumentu (s inverzným vzťahom).</p> <p>Medzi dokumentmi môže existovať veľa rôznych vzťahov. Príklady ďalších hodnôt pre parameter REL: záložka, autorské práva, slovník, pomoc, domov, index, obsah, ďalší, predchádzajúci. Parameter REV môže nadobúdať aj tieto hodnoty: autor, editor, vydavateľ, vlastník.</p> <p><b>Tag <META> </b></p> <p>Vývoj nových špecifikácií pre hypertextový značkovací jazyk trvá dlho a za tento čas spoločnosti vyrábajúce prehliadače stihnú vydať niekoľko verzií svojich produktov. Preto by sa do sekcie nadpisu mohla pridať ďalšia značka <META>ktorý umožňuje autorom dokumentov definovať informácie, ktoré nie sú HTML.</p> <p>Tieto informácie používa prehliadač na akcie, na ktoré sa nevzťahuje aktuálna špecifikácia HTML. Tag <META>Nebudete ho potrebovať na vytvorenie vašich prvých HTML dokumentov, ale určite ho budete potrebovať, keď budú vaše stránky zložitejšie.</p> <p>Príklad:</p> <p><МЕТА HTTP-EQUIV="refresh" CONTENT="60" RL="www.my_host.ru/homepage.html"> </p> <p>Prehliadače Netscape Navigator a <a href="https://rzdoro.ru/sk/network/skachat-obnovlenie-internet-explorer-10-obnovlyaem-brauzer-internet-explorer-do.html">internet Explorer</a> bude tento záznam interpretovať ako pokyn počkať 60 sekúnd a potom načítať nový dokument. Tento pokyn sa často používa pri zmene umiestnenia dokumentov. Malý dokument s daným reťazcom možno ponechať na starom umiestnení dokumentu, aby sa automaticky prepojil s novým umiestnením.</p> <p>Ďalší riadok:</p> <p><МЕТА HTTP-EQUIV="refresh" CONTENT="60"> </p> <p>prikáže prehliadaču znova načítať stránku každých 60 sekúnd. To môže byť užitočné, ak sa údaje na stránke často aktualizujú, napríklad v prípade sledovania cien akcií.</p> <p>Použitie prvku sa stalo veľmi populárnym <META>pre niektoré typické úlohy. Príkladom je uvádzanie kľúčových slov používaných vyhľadávačmi. Táto metóda umožňuje zahrnúť do indexu dokumentu ďalšie slová, ktoré nemusia byť explicitne zahrnuté v jeho obsahu. Ak to chcete urobiť, v značke <META>názov nejakej vlastnosti je zadaný ako hodnota parametra NAME. A pomocou parametra CONTENT je hodnota tejto vlastnosti označená, napríklad:</p> <p><МЕТА NAME="author" CONTENT="Александр Сергеев"> </p> <p>Špecifikácia HTML nedefinuje žiadne konkrétne názvy vlastností zapísané v značke <META>... Existuje však niekoľko bežne používaných vlastností, napríklad popis, kľúčové slová, autor, roboty a iné:</p> <p><МЕТА NAME="description" CONTENT="Описание возможностей <a href="https://rzdoro.ru/sk/laptops/chto-takoe-yazyk-html-i-dlya-chego-on-nuzhen-referat-yazyk-html-sistemy-programmirovaniya-html-osobenno.html">jazyk HTML</a> 4.0"> </p> <p><МЕТА NAME="keywords" CONTENT ="тэг, гипертекст, HTML, браузер"> </p> <p>Dané značky <META>mohli byť uvedené napríklad pre elektronickú verziu tejto knihy.</p> <p>Tag <META>môže mať parametre uvedené v tabuľke. 1.2.</p> <p><i> <span><b>Tabuľka 1.2.</b> Parametre značky <META> </span> </i></p> <p>Ďalšie dôležité použitie značky <META>je označenie kódovania textu. Takže pre text v ruštine v kódovaní Windows musíte napísať nasledujúci riadok:</p> <p><МЕТА HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8"> </p> <p><b><span>Ďalšie prvky hlavičky</span> </b></p> <p>V sekcii názvu dokumentu môžu byť prítomné ďalšie dve značky -<STYLE> и <SCRIPT>. Их назначение связано с использованием таблиц стилей в документе и записью скриптов. Эти вопросы подробно рассматриваются во второй части книги. </p> <p><b> <span> Раздел документа </span> <span>BODY </span> </b></p> <p>В этом разделе документа располагается его содержательная часть. Большинство тэгов, рассматриваемых далее в этой главе и последующих, должно располагаться в данном разделе документа. Здесь мы рассмотрим лишь некоторые общие вопросы. </p> <p>Раздел документа BODY должен начинаться тэгом <BODY> и завершаться тэгом </BODY>, между которыми располагается все содержимое данного раздела. Строго говоря, наличие этих тегов не является обязательным, поскольку браузеры могут определить начало содержательной части документа по контексту. Однако их употребление рекомендуется. </p> <p>Тэг <BODY> имеет ряд параметров, ни один из которых не является обязательным. Перечень параметров приведен в табл. 1.3. </p> <p><i> <span><b>Таблица 1.3. </b> Перечень параметров тега <BODY> </span> </i></p> <table border="1" width="550" height="427"><tr><td width="140" height="33"> <p><b>Параметр </b></p> </td> <td width="400" height="33"> <p><b>Назначение </b></p> </td> </tr><tr><td width="140" height="18" valign="top"> <p>ALINK </p> </td> <td width="400" height="18" valign="top"> </td> </tr><tr><td width="140" height="36" valign="top"> <p>BACKGROUND </p> </td> <td width="400" height="36" valign="top"> <p>Указывает на URL-адрес изображения, которое используется в качестве фонового </p> </td> </tr><tr><td width="140" height="36" valign="top"> <p>BOTTOMMARGIN </p> </td> <td width="400" height="36" valign="top"> <p>Устанавливает границу нижнего поля документа в пикселах </p> </td> </tr><tr><td width="140" height="18" valign="top"> <p>BGCOLOR </p> </td> <td width="400" height="18" valign="top"> <p>Определяет цвет фона документа </p> </td> </tr><tr><td width="140" height="36" valign="top"> <p>BGPROPERTIES </p> </td> <td width="400" height="36" valign="top"> <p>Если установлено значение FIXED, фоновое изображение не прокручивается </p> </td> </tr><tr><td width="140" height="36" valign="top"> <p>LEFTMARGIN </p> </td> <td width="400" height="36" valign="top"> <p>Устанавливает границу левого поля документа в пикселах </p> </td> </tr><tr><td width="140" height="18" valign="top"> <p>LINK </p> </td> <td width="400" height="18" valign="top"> <p>Определяет цвет еще не просмотренной ссылки </p> </td> </tr><tr><td width="140" height="36" valign="top"> <p>RIGHTMARGIN </p> </td> <td width="400" height="36" valign="top"> <p>Устанавливает границу правого поля документа в пикселах </p> </td> </tr><tr><td width="140" height="36" valign="top"> <p>SCROLL </p> </td> <td width="400" height="36" valign="top"> <p>Устанавливает наличие или отсутствие полос прокрутки окна браузера </p> </td> </tr><tr><td width="140" height="18" valign="top"> <p>TEXT </p> </td> <td width="400" height="18" valign="top"> <p>Определяет цвет текста </p> </td> </tr><tr><td width="140" height="36" valign="top"> <p>TOPMARGIN </p> </td> <td width="400" height="36" valign="top"> <p>Устанавливает границу верхнего поля документа в пикселах </p> </td> </tr><tr><td width="140" height="18" valign="top"> <p>VLINK </p> </td> <td width="400" height="18" valign="top"> <p>Определяет цвет уже просмотренной ссылки </p> </td> </tr></table><p>Использование параметров BACKGROUND и BGCOLOR, определяющих фон документа, подробно рассмотрено в . </p> <p>Параметр BGPROPERTIES, принимающий единственное значение FIXED, поддерживается только браузером <a href="https://rzdoro.ru/sk/audio-video/chto-takoe-cookie-faily-i-kak-ochistit-kuki-v-sovremennyh-brauzerah-sredstva.html">Microsoft Internet</a> Explorer. </p> <p>Параметры BOTTOMMARGIN, LEFTMARGIN, RIGHTMARGIN и TOPMARGIN, задающие расстояния в пикселах между краями текста и соответствующими краями окна, а также параметр SCROLL, распознаются только браузером Microsoft Internet Explorer, начиная с версии 4.0. </p> <p>Параметры ALINK, LINK, TEXT и VLINK определяют цвета ссылок и текста документа. </p> <p>В языке HTML цвета определяются цифрами в шестнадцатеричном коде. Цветовая система базируется на трех основных цветах - красном, зеленом и синем - и обозначается RGB. Для каждого цвета задается шестнадцатеричное значение в пределах от 00 до FF, что соответствует диапазону 0-255 в десятичном исчислении. Затем эти значения объединяются в одно число, перед которым ставится символ #. Например, число #800080 обозначает фиолетовый цвет. Чтобы не запоминать совокупности цифр, вместо них можно пользоваться названиями цветов, которые приводятся в приложении П2 . Ранние версии браузеров распознавали только названия 16 стандартных цветов, отмеченных в приложении звездочками. Современные версии браузеров распознают все 140 названий цветов. </p> <p><b><span> Форматирование текста </span> </b></p> <p>В данном разделе будут рассмотрены возможности форматирования отдельных символов текста документа. </p> <p><b> <span> Тэги уровня блока и последовательные тэги </span> </b></p> <p>Некоторые HTML-тэги, которые могут появляться в разделе BODY, называют тэгами уровня блока (block level), в то время как другие последовательными (inline) тэгами или, называя по-другому, тэгами уровня текста (text level), хотя такое разделение тегов по уровням в известной степени условно. </p> <p>Различие уровней HTML-тэгов заключается в следующем: теги уровня блока могут содержать последовательные теги и другие теги уровня блока, тогда как последовательные теги содержат только данные и другие последовательные тэги. Блоковые теги описывают более крупные структуры документов, по сравнению с последовательными тэгами. </p> <p>По умолчанию теги этих видов размещаются в тексте описания различным образом: теги уровня блока начинаются с <a href="https://rzdoro.ru/sk/laptops/kak-pereiti-na-novuyu-stroku-v-html-razryv-stroki-v-html-ispolzuem-teg-br.html">новой строки</a>, в то время как последовательные - нет. </p> <p><b> <span> Логическое и физическое форматирование </span> </b></p> <p>Для форматирования текста HTML-документов предусмотрена целая группа тэгов, которую можно условно разделить на теги логического и физического форматирования. </p> <p>Тэги логического форматирования обозначают (своими именами) структурные типы своих текстовых фрагментов, такие, например, как программный код (тэг <CODE>), цитата (тэг <CITE>), аббревиатура (тэг <ABBR>) и т. д. (см. описания этих и других подобных тегов в следующем разделе). С помощью тегов <EM> и <STRONG> можно, например, отметить отдельные фрагменты как выделенные, или сильно выделенные. Заметим, что речь идет о структурной разметке, которая не влияет на конкретное экранное представление фрагмента браузером. Поэтому такая разметка и называется логической. Фрагменты с логическим форматированием браузеры отображают на экране определенным образом, заданным по умолчанию. Вид отображения никак не связан со структурным типом фрагмента (т. е. именем тега логического форматирования), но может быть легко переопределен. </p> <p>Тэги физического форматирования определяют формат отображения указанного в них фрагмента текста в окне браузера (согласно предпочтениям автора документа). Например, для отображения фрагмента курсивом можно использовать тег курсива <I>. Этот и другие, часто используемые теги физического форматирования описаны ниже в разделе "Тэги физического форматирования текста"этой главы. </p> <p>Между разработчиками HTML-документов долгое время шли споры о преимуществах и недостатках того или иного подхода. С выходом спецификации HTML 4.0 эти споры завершились в пользу применения логического форматирования, поскольку был провозглашен принцип отделения структуры документа от его представления. Действительно, только на базе логического форматирования можно гибко управлять представлением документа, используя современные методы (основанные на таблицах стилей, динамически изменяющихся документах и т. д.). </p> <p>Тем не менее, на настоящий момент может свободно использоваться и физическое форматирование. В спецификации HTML 4.0 некоторые теги физического форматирования не рекомендуются для применения, однако, пока они все еще поддерживаются всеми браузерами. Заметим, что некоторые теги логического форматирования, призванные заменить отдельные теги физического форматирования, распознаются не всеми браузерами, что делает их применение крайне неудобным. Примером может служить логический тег <DEL>, который рекомендуется использовать вместо физического тега <STRIKE>. </p> <p>Рассматриваемые ниже теги относятся к тэгам уровня текста, т. е. призваны, в основном, размечать небольшие группы символов. Некоторые теги могут задавать разметку и на уровне блока. </p> <p><b> <span> Тэги логического форматирования текста </span> </b></p> <p><b>Тэг <ABBR> </b> </p> <p>Тэг <ABBR> отмечает свой текст как аббревиатуру (ABBReviation). Несмотря на то, что этот тег включен в спецификацию HTML 4.0, он до настоящего времени не поддерживается ни одним браузером. </p> <p><b>Тэг <ACRONYM> </b> </p> <p>Тэг <ACRONYM>. Так же, как и тег <ABBR>, используется для отметки аббревиатур. Этим тэгом рекомендуется отмечать так называемые акронимы, т. е. произносимые слова, состоящие из аббревиатур. Тег <ACRONYM> возможно в будущем станет использоваться для невизуального отображения элементов, например при речевом синтезе. </p> <p>Данный тег удобно использовать в сочетании с параметром TITLE, в качестве значения которого можно указать полную форму записи аббревиатуры. Тогда визуальные браузеры при наведении курсора на текст, размеченный тэгом <ACRONYM>, будут выдавать полное наименование в виде появляющейся подсказки. </p> <p>Заметим, что тег <ACRONYM> распознается только браузером Microsoft Internet Explorer. Пример: </p> <p><ACRONYM TITLE="Санкт-Петербургский государственный институт точной механики и оптики"> СПбГИТМО</ACRONYM> </span><span> - один из ведущих технических вузов Санкт-Петербурга </p> <p><b>Тэг <CITE> </b> </p> <p>Тэг <CITE> используется для отметки цитат или названий книг и статей, ссылок на другие источники и т. д. Браузерами такой текст обычно выводится курсивом. Пример: </p> <p><CITE>Невское время</CITE> является одной из наиболее популярных городских газет Санкт-Петербурга </p> <p><b>Тэг <CODE> </b> </p> <p>Тэг <CODE> отмечает свой текст как небольшой фрагмент программного кода. Как правило, отображается моноширинным шрифтом. Этот тег не следует путать с тэгом <PRE>Являющимся элементом уровня блока, который следует использовать для отметки больших фрагментов (листингов) кода. </p> <p>Например: </p> <p>Пример простейшего оператора языка программирования C:<BR> </p> <p><CODE>puts("Hello, World!");</CODE> </p> <p>Есть еще одно различие в использовании тегов <CODE> и <PRE>В коде программ часто бывает важно наличие нескольких идущих подряд пробелов. Их отображение будет сохранено только при использовании тега <PRE>. </p> <p><b> Тэг <DEL> </b></p> <p>Тэг <DEL> отмечает свой текст как удаленный. Этот элемент полезно использовать для отметки изменений, вносимых в документ от версии к версии. Тег <DEL> может использоваться как элемент уровня текста и как элемент уровня блока. </p> <p>Тэг имеет два необязательных параметра: CITE и DATETIME. Значение параметра CITE должно представлять собой URL-адрес документа, поясняющего причины удаления данного фрагмента. </p> <p>Параметр DATETIME указывает дату удаления в формате: YYYY-MM-DDThh:mm:ssTZD, определяющем год, месяц, число, часы, минуты и секунды удаления, а также часовой пояс (Time Zone). Например: </p> <p>Последней принятой спецификацией языка разметки HTML является версия <DEL DATETIME=1999-10-29T16:12:53+0.00>3.2</DEL> 4.0 </p> <p>Текст, помеченный тэгом <DEL> обычно отображается перечеркнутым текстом. В спецификации HTML 4.0 этому тэгу отдается предпочтение перед тэгом физического форматирования <STRIKE> или <S>, обозначающих перечеркнутый текст. Однако тег <DEL> </p> <p><b>Тэг <DFN> </b> </p> <p>Тэг <DFN> отмечает свой текстовый фрагмент как определение (DeFinitioN). Например, этим тэгом можно отметить какой-либо термин, когда он встречается в тексте в первый раз. Пример: </p> <p><DFN>Internet Explorer</DFN> - это популярный Web-браузер </p> <p>Тэг <DFN> поддерживается только браузером Microsoft Internet Explorer. Отображается по умолчанию курсивом. </p> <p><b> Тэг <INS> </b></p> <p>Тэг <INS> отмечает свой текст как вставку (INSertion). Этот элемент полезно использовать для отметки изменений, вносимых в документ от версии к версии. Тег <INS> может использоваться как элемент уровня текста и как элемент уровня блока. </p> <p>Тэг имеет два необязательных параметра: CITE и DATETIME. Значение параметра CITE должно представлять собой URL-адрес документа, поясняющего подробности внесенных дополнений. </p> <p>Параметр DATETIME указывает дату вставки в формате: YYYY-MM-DDThh:mm:ssTZD, определяющем год, месяц, число, часы, минуты и секунды вставки, а также часовой пояс (Time Zone). </p> <p>Текст, помеченный тэгом <INS>, обычно отображается подчеркнутым текстом. Тег <INS> в настоящее время распознается только браузером Microsoft Internet Explorer. </p> <p><b> Тэг <EM> </b></p> <p>Тэг <EM> (EMphasis - выделение, подчеркивание) используется для выделения важных фрагментов текста. Браузеры обычно отображают такой текст курсивом. Пример: </p> <p>Пример выделения <EM>отдельных слов</EM> текста </p> <p> <I>. </p> <p><b> Тэг <KBD> </b></p> <p>Тэг <KBD> отмечает текст как вводимый пользователем с клавиатуры. Обычно отображается моноширинным шрифтом, например: </p> <p>Чтобы запустить текстовый редактор, напечатайте: <KBD>notepad</KBD> </p> <p>Применение данного тега предпочтительнее применения тега физического форматирования <TT>. </p> <p><b> Тэг <Q> </b></p> <p>Тэг <Q> отмечает короткие цитаты в строке текста. В отличие от тега уровня блока <BLOCKQUOTE> при отображении не выполняется отделение размеченного текста пустыми строками. Обычно отображается курсивом. Тег <Q> (в отличие от <BLOCKQUOTE>) в настоящее время распознается только браузером Microsoft Internet Explorer. </p> <p>Тэг имеет параметр CITE, в качестве значения которого можно указать источник цитаты. </p> <p><b> Тэг <SAMP> </b></p> <p>Тэг <SAMP> отмечает текст как образец (SAMPle). Обычное использование этого тега - отметка текста, выдаваемого программами (sample output). Используется также для выделения нескольких символов моноширинным шрифтом. </p> <p>Применение данного тега предпочтительнее применения тега физического форматирования <TT>. Например: </p> <p>В результате работы программы будет напечатано: <SAMP>Hello, World!</SAMP> </span>. </p> <p><b> Тэг <STRONG> </b></p> <p>Тэг <STRONG>, как правило, используется для выделения важных фрагментов текста. Браузеры обычно отображают такой текст полужирным шрифтом. Пример: </p> <p>Санкт-Петербург расположен в самой восточной оконечности <STRONG>Финского залива</STRONG> в устье реки <STRONG>Невы< /STRONG> </p> <p>Применение данного тега предпочтительнее применения тега физического форматирования <B>. Тегом <STRONG> обычно размечают более важные фрагменты текста, чем те, что размечены тэгом <EM>. </p> <p><b> Тэг <VAR> </b></p> <p>Тэг <VAR> отмечает имена переменных программ. Обычно такой текст отображается курсивом. Пример: </p> <p>Задайте значение переменной <VAR>N</VAR> </p> <p>Отображение некоторых из примеров, приведенных при описании тегов логического форматирования текста, показано на рис. 1.1. На рисунке видно, как при наведении указателя мыши на текст, отмеченный тэгом <ACRONYM>, выдается подсказка. </p> <p><i><b>Рис. 1.1. </b> </i> <i>Примеры форматирования текста </i> </p> <p>Вы, наверное, обратили внимание на то, что некоторые элементы дают одинаковый результат. Более того, часть элементов может никак не изменять представление фрагмента текста на экране. Может возникнуть законный вопрос: для чего создано такое разнообразие элементов форматирования? </p> <p>Ответ - в названии этой группы элементов. Они предназначены для расстановки логических ударений, выделения логических частей и подчеркивания сути высказываний. Их использование весьма актуально, поскольку, вероятно, в ближайшем будущем возможности браузеров возрастут, например, станет возможен поиск цитат на Web-пространстве, а может быть следующее поколение браузеров научится читать документы вслух. Кроме того, авторам документов ничто не мешает уже сегодня, применяя таблицы стилей, задать желаемое отображение для любого из тэгов, переопределив значения по умолчанию. </p> <p> <b> <span>Тэги физического форматирования текста </span> </b></p> <p>Приведем описание тегов физического форматирования. Часть из них не рекомендуется к использованию спецификацией HTML 4.0 по приведенным выше причинам. Некоторые теги отменены (deprecate) спецификацией HTML 4.0, однако они продолжают поддерживаться браузерами. </p> <p><b> Тэг </p> <p>Тэг <B> отображает текст полужирным шрифтом. В большинстве случаев рекомендуется вместо тега <B> использовать тег логического форматирования <STRONG>. Например: </p> <p>Это <B>полужирный</B> шрифт. </p> <span> <img src='https://i2.wp.com/webnav.ru/books/html4/html_rules/02.gif' height="435" width="401" loading=lazy loading=lazy></span> <p><i><b>Рис. 1.2. </b> Примеры физического форматирования текста (браузером Netscape) </i> </p> <p><b> Тэг <<span>I > </span> </b></p> <p>Тэг <I> отображает текст курсивом. Для большинства случаев вместо этого тега рекомендуется использовать теги <EM>, <DFN>, <VAR> или <CITE>, поскольку последние лучше отражают назначение выделяемого текста. Например: </p> <p>Выделение <I>курсивом</I> </p> <p><b> Тэг <TT> </b></p> <p>Тэг <TT> отображает текст моноширинным шрифтом. Для большинства случаев вместо этого тега лучше использовать теги <CODE>, <SAMP> или <KBD>. Пример: </p> <p>Это <TT>моноширинный</TT> шрифт </span>. </p> <p><b> Тэг <U> </b></p> <p>Тэг <U> отображает текст подчеркнутым. Отмененный тэг. Вместо него рекомендуется использовать теги <STRONG> или <CITE>. Например: </p> <p>Пример <U>подчеркивания</U> текста </span>. </p> <p><b>Тэги <STRIKE> и <S> </b> </p> <p>Тэги <STRIKE> и <S> отображают текст, перечеркнутый горизонтальной линией. Отмененный тэг. Вместо него следует использовать тег <DEL>. Например: </p> <p>Пример <STRIKE>зачеркнутого</STRIKE> текста </span>. </p> <p>В настоящее время тег <DEL> поддерживается не всеми браузерами, поэтому пока рекомендуется использовать <DEL> в сочетании с тэгом <STRIKE>. А именно, внутрь тэга-контейнера <DEL> можно вложить пару тегов </p> <p><STRIKE>...</STRIKE> . </p> <p><b>Тэг <BIG> </b> </p> <p>Тэг <BIG> выводит текст шрифтом большего (чем непомеченная часть текста) размера. Вместо данного элемента лучше использовать <STRONG> или теги заголовков, например, <H3> <BIG></p> <p>Шрифт <BIG>большего</BIG> размера </span>. </p> <p><b> Тэг <SMALL> </b></p> <p>Тэг <SMALL> выводит текст шрифтом меньшего размера. Поскольку в HTML нет тэга, противоположного по действию тэгу <EM>, то для этих целей можно применять тег <SMALL>. Большинство браузеров поддерживают вложенные теги <SMALL>, однако использовать такой подход не рекомендуется. Например: </p> <p>Шрифт <SMALL>меньшего</SMALL> размера </span>. </p> <p><b>Тэг <SUB> </b> </p> <p>Тэг <SUB> сдвигает текст ниже уровня строки и выводит его (если возможно) шрифтом меньшего размера. Удобно использовать для математических индексов. Например: </p> <p>Пример шрифта для <SUB>нижнего</SUB> индекса </span>. </p> <p><b> Тэг <SUP> </b></p> <p>Тэг <SUP> сдвигает текст выше уровня строки и выводит его (если возможно) шрифтом меньшего размера. Удобно использовать для задания степеней чисел в математике. Например: </p> <p>Пример шрифта для <SUP>верхнего</SUP> индекса </span>. </p> <p><b> Тэг <BLINK> </b></p> <p>Тэг <BLINK> отображает мигающий текст. Этот тег не входит в спецификацию HTML и поддерживается только браузером Netscape. Опытные разработчики крайне редко прибегают к использованию этого тэга, поскольку наличие на странице мигающих символов раздражает многих пользователей. </p> <p><b> <span>Тэг </b></p> <p>Тэг-контейнер <SPAN> является аналогом тега уровня блока <DIV>. Может использоваться в тех случаях, когда требуется отметить фрагмент текста для задания его свойств, и при этом не удается использовать никакой другой структурный тег форматирования. </p> <p>Браузер Microsoft Internet Explorer дополнительно разрешает использование следующих параметров тэга: DIR, DATAFLD, DATAFORMATAS, DATASRC. Описание параметров можно найти во второй части книги. </p> <span> <img src='https://i2.wp.com/webnav.ru/books/html4/html_rules/03.gif' height="240" width="353" loading=lazy loading=lazy></span> <p><i><b>Рис. 1.3. </b> Использование вложенных тегов форматирования текста </i> </p> <p>Тэги форматирования могут быть вложенными друг в друга. При этом нужно внимательно следить, чтобы один контейнер находился целиком в другом контейнере. На рис. 1.3 показан пример использования вложения элемента курсива в элемент полужирного шрифта. Использован следующий фрагмент HTML-кода: </p> <p>Это <B>полужирный</B> шрифт. </p> <p> <p>Это <I>курсив</I>. </p> <p> <p>А здесь текст <B><I>полужирный и курсивный</I></В> </p> <p><b> Тэг <FONT> </b></p> <p>Тэг <FONT> указывает параметры шрифта. Он относится к тэгам физического форматирования уровня текста. </p> <p>Назначение параметров шрифта непосредственно в тексте документа нарушает основную идею разделения содержательной части документа и описания формы представления документа. Поэтому в спецификации HTML 4.0 данный тэг, а также тег <BASEFONT> отнесены к отмененным. Их дальнейшее применение не рекомендуется. </p> <p>Несмотря на эти грозные предупреждения, видимо, для самых простых документов физическое форматирование можно считать допустимым. Кроме того, начинать обучение основам форматирования проще всего именно с правил непосредственного указания форматов элементов. До стилевого оформления начинающий разработчик должен еще дорасти. </p> <p>Тэг <FONT> относится к последовательным элементам, поэтому не может включать в себя элементы уровня блока, например, <P>Или <TABLE>. </p> <p>Для тега могут задаваться следующие параметры: FACE, SIZE и COLOR. Заметим, что браузер Netscape допускает также использование двух дополнительных параметров: POINT-SIZE и WEIGHT, описание которых опускаем. </p> <ul><p>FACE </p> <p>Параметр FACE служит для указания типа шрифта, которым программа просмотра пользователя будет выводить текст (если такой шрифт имеется на компьютере). Значением данного параметра служит название шрифта, которое должно в точности совпадать с названием шрифта, имеющего у пользователя. Если такого шрифта не будет найдено, то данное указание будет проигнорировано и будет использован шрифт, установленный по умолчанию. </p> <p>Можно указать как один, так и несколько названий шрифтов, разделяя их запятыми. Это весьма полезное свойство, так как в разных системах могут быть почти идентичные шрифты, называющиеся по-разному. Другим важным качеством является задание предпочтения использования шрифтов. Список шрифтов просматривается слева направо. Если на компьютере пользователя нет шрифта, указанного в списке первым, то делается попытка найти следующий шрифт и т. д. </p> <p>Приведем пример использования параметра FACE: </p> <p><HTML> <HEAD> </p> <p><TITLE>Назначение шрифтов</TITLE> </p> <p></HEAD> </p> <p><BODY> </p> <p><BR> </p> <p><FONT FACE="Verdana", "Arial", "Helvetica"> </p> <p>Пример задания названия шрифта. </p> <p></FONT> </p> <p></BODY> </p> <p></HTML> </p> <p>На рис. 1.4 показано отображение примера браузером Netscape. В примере в качестве предпочитаемого указывается шрифт Verdana, при его отсутствии будет использован шрифт Arial и т. д. </p> </ul><p><img src='https://i1.wp.com/webnav.ru/books/html4/html_rules/04.gif' height="222" width="369" loading=lazy loading=lazy></p> <p><i><b>Рис. 1.4. </b> Отображение примера браузером Netscape </i> </p> <ul><p>SIZE </p> <p>Этот параметр служит для указания размеров шрифта в условных единицах от 1 до 7. Конкретный размер шрифта зависит от используемой программы просмотра. Принято считать, что размер "нормального" шрифта соответствует значению 3. </p> </ul><p>Настройки размеров шрифта, используемых по умолчанию, а также величины абсолютного изменения размеров шрифта, зависят от браузеров. На рис. 1.5 показано окно настройки браузера Netscape, в котором задаются шрифты, используемые по умолчанию. </p> <p>Размер шрифта указывается как абсолютной величиной (SIZE=2), так и относительной (SIZE=+1). Последний способ часто используется в сочетании с заданием базового размера шрифта с помощью тега <BASEFONT>. </p> <p><i><b> Примечание </b> </i></p> <p><i> <span>При указании размеров шрифтов записи типа "2" и "+2" (в отличие от большинства языков программирования, в которых унарный знак "+" можно опускать) дают принципиально разный результат. </span> </i></p> <p>Приведем пример, в котором использованы различные способы назначения размеров шрифтов. Отображение примера показано на рис. 1.6. </p> <p><br><img src='https://i1.wp.com/webnav.ru/books/html4/html_rules/05.gif' width="100%" loading=lazy loading=lazy></p> <p><i><b>Рис. 1.5. </b> Окно настройки параметров шрифтов браузера Netscape </i> </p> <p><br><img src='https://i1.wp.com/webnav.ru/books/html4/html_rules/06.gif' width="100%" loading=lazy loading=lazy></p> <p><i><b>Рис. 1.6. </b> Назначение размеров шрифтов </i> </p> <blockquote> <p><HTML> </p> <p><HEAD> </p> <p><TITLE>Назначение размеров шрифтов</TITLE> </p> <p></HEAD> </p> <p><BODY> </p> <p><FONT SIZE=1>Шрифт размера 1</FONT><BR> </p> <p><FONT SIZE=-1>Шрифт размера 2</FONT><BR> </p> <p><FONT SIZE=3>Шрифт размера 3</FONT><BR> </p> <p><FONT SIZE=4>Шрифт размера 4</FONT><BR> </p> <p><FONT SIZE=5>Шрифт размера 5</FONT><BR> </p> <p><FONT SIZE=+3>Шрифт размера 6</FONT><BR> </p> <p><FONT SIZE=7>Шрифт размера 7</FONT><BR> </p> <p></BODY> </p> <p></HTML> </p> </blockquote> <ul><p>COLOR </p> <p>Этот параметр устанавливает цвет шрифта, который может задаваться с помощью стандартных имен или в формате #RRGGBB. Приведем пример документа с разноцветным текстом. </p> <p><HTML> </p> <p><HEAD> </p> <p><TITLE>Выбор цвета шрифта</TITLE> </p> <p></HEAD> </p> <p><BODY> </p> <p><FONT COLOR=green>Текст зеленого цвета</FONT><BR> </p> <p><FONT COLOR=#FF0000>Текст красного цвета</FONT><BR> </p> <p></BODY> </p> <p></HTML> </p> </ul><p><b> Тэг <BASEFONT> </b></p> <p>Тэг <BASEFONT> используется для указания размера, типа и цвета шрифта, используемого в документе по умолчанию. Эти значения обязательны для всего документа, однако могут в нужных местах переопределяться с помощью тега <FONT>. После закрывающего тега </FONT> действие тега <BASEFONT> восстанавливается. Значения параметров шрифтов, используемых по умолчанию, могут неоднократно переопределяться в документе, т. е. тег <BASEFONT> может появляться в документе любое количество раз. </p> <p><i><b> Примечание </b> </i></p> <p><i> <span>Тэг <BASEFONT> может появляться также и в разделе <HEAD> документа. </span> </i></p> <p>Заметим, что для тега <BASEFONT> не существует закрывающего тэга. </p> <p>В качестве параметров могут использоваться точно такие же параметры, что и для тега <FONT>, а именно: FACE, SIZE и COLOR. Назначение и правила записи параметров аналогичны. </p> <p><i> <b><span>Примечание </b> </span> </i></p> <p><i> <span>Браузер Netscape не допускает применение параметра FACE тега <BASEFONT>. </span> </i></p> <p>Приведем пример использования тега <BASEFONT>. </p> <p><HTML> </p> <p><HEAD> </p> <p><TITLE>Назначение размеров шрифтов</TITLE> </p> <p></HEAD> </p> <p><BODY> </p> <p>Текст, записанный шрифтом по умолчанию. </p> <p><BASEFONT SIZE=2> <p>Шрифт размера 2. </p> <p><BASEFONT SIZE=4> </p> <p> <p>Шрифт размера 4. </p> <p> <p> <TABLE BORDER=1> </p> <p> <TR> </p> <p> <TD>Текст внутри ячейки таблицы</TD> </p> <p> </TR> </p> <p> </TABLE> </p> <p><P>Текст после таблицы </p> <p></BODY> </p> <p></HTML> </p> <p>В приведенном примере дважды переопределяется размер шрифта, используемого по умолчанию. Изначально он равен 3 (по умолчанию). Затем устанавливается равным 2, далее - 4. Обратите внимание на отображение данного примера (рис. 1.7). Видно, что для таблиц назначение тега <BASEFONT> не действует. Это характерно для многих браузеров, хотя формально нарушает идею применения тэга. </p> <span> <br><img src='https://i0.wp.com/webnav.ru/books/html4/html_rules/07.gif' width="100%" loading=lazy loading=lazy></span> <p><i><b>Рис. 1.7. </b> Отображение примера С ТЭГОМ <BASEFONT> (браузером Netscape) </i> </p> <p><b> <span> Форматирование HTML-документа </span> </b></p> <p><b> <span> Разделение на абзацы </span> </b></p> <p>Любые тексты, будь то школьное сочинение, заметка в газете или техническое описание устройства имеют определенную структуру. Элементами такой структуры являются заголовки, подзаголовки, таблицы, абзацы и др. </p> <p>Одним из первых правил составления практически любых документов является разбиение его текста на отдельные абзацы, выражающие законченную мысль. HTML-документы не являются исключением из этого правила. При создании документов с помощью текстовых редакторов разбиение на абзацы выполняется вводом символа перевода строки. Большинство редакторов реализует это при нажатии клавиши <Enter>. В HTML-документах символы перевода строки не приводят к образованию нового абзаца. </p> <p>Язык HTML предполагает, что автор документа ничего не знает о компьютере своего читателя. Читатель вправе установить любой размер окна и пользоваться любым из имеющихся у него шрифтов. Это означает, что место переноса в строке определяется только программой просмотра и установками конечного пользователя. Поскольку символы перевода строки оригинального документа игнорируются, то текст, отлично смотревшийся в окне редактора автора документа, может превратиться в сплошной неудобочитаемый текст в окне программы просмотра. </p> <p>Избежать этой неприятности позволяет применение специального тега разделения на абзацы <P>Перед началом каждого абзаца текста следует поместить тег <P>Закрывающий тег </P> не обязателен. Браузеры обычно отделяют абзацы друг от друга пустой строкой. </p> <p><i><b> Примечание </b> </i></p> <p><i> <span>Браузеры обычно интерпретируют несколько стоящих подряд тегов абзаца <P>Как один. То же самое относится и к тэгу перевода строки <BR>. Поэтому создать несколько пустых строк при помощи этих тегов не удается. </span> </i></p> <p>Тэг <P>Может задаваться с параметром горизонтального выравнивания ALIGN. Возможные значения параметра приведены в табл. 1.4. По умолчанию выполняется выравнивание по левому краю. </p> <p><i> <span><b>Таблица 1.4. </b>Значения параметра ALIGN </span> </i></p> <table border="1" width="550"><tr><td width="185"> <p><b><span>Значение параметра ALIGN </span> </b></p> </td> <td width="355"> <p><b>Действие </b></p> </td> </tr><tr><td width="185" valign="top"> <p>LEFT </p> </td> <td width="355" valign="top"> <p>Выравнивание текста по левой границе окна браузера </p> </td> </tr><tr><td width="185" valign="top"> <p>CENTER </p> </td> <td width="355" valign="top"> <p>Выравнивание по центру окна браузера </p> </td> </tr><tr><td width="185" valign="top"> <p>RIGHT </p> </td> <td width="355" valign="top"> <p>Выравнивание по правой границе окна браузера </p> </td> </tr><tr><td width="185" valign="top"> <p>JUSTIFY </p> </td> <td width="355" valign="top"> <p>Выравнивание по ширине (по двум сторонам) </p> </td> </tr></table><p>Заметим, что выравнивание по ширине (ALIGN = JUSTIFY) долгое время не поддерживалось браузерами. Во многих описаниях языка HTML для значений параметра выравнивания указывается только три варианта (LEFT, CENTER и RIGHT). В настоящее время все популярные браузеры умеют выполнять выравнивание по ширине. Некоторые проблемы создания документов с выравниванием по ширине рассмотрены также в главе 8. </p> <p><i><b> Примечание </b> </i></p> <p><i> <span>Отсутствие выравнивания по ширине в настоящее время кажется удивительным. Этот режим применяется очень часто для печатных изданий. Достаточно взять в руки любую газету или внимательно присмотреться к абзацам данной книги - все они выровнены по ширине. Однако для HTML-документов до последнего времени выравнивание по ширине не допускалось. Всего лишь пару лет назад ни один браузер не имел такого режима. Так, читатели, до сих пор использующие браузер Netscape версии 3.x, не смогут увидеть ровные строчки в документе. Можно попытаться предугадать, какие же еще возможности появятся в будущем у браузеров, сравнив возможности мощных текстовых редакторов и современных браузеров. Примером не реализованных пока возможностей может являться автоматическая расстановка переносов и пр. </span> </i></p> <p><b> Перевод строки </b></p> <p>При отображении текстовых документов в браузере место переноса строки в пределах абзаца определяется автоматически в зависимости от размера шрифтов и размера окна просмотра. Перенос строки может осуществляться только по символам-разделителям слов (например, пробелам). Иногда в документах требуется задать принудительный перевод строки, реализующийся независимо от параметров настроек браузера. Для этого служит тег принудительного перевода строки <BR>, который не имеет соответствующего закрывающего тэга. Включение тега <BR> в текст документа обеспечит размещение последующего текста с начала новой строки. Например, такой подход может использоваться для создания структур типа списков без использования специальных тегов разметки списка. Или, например, без данного тега не обойтись для отображения стихотворений и т. п. </p> <p>Приведем пример использования принудительного перевода строки (рис. 1.8): </p> <p><HTML> </p> <p><HEAD> </p> <p><TITLE>Использование принудительного перевода строки</TITLE> </p> <p></HEAD> </p> <p><BODY> </p> <p>Над омраченным Петроградом<BR> </p> <p>Дышал ноябрь осенним хладом.<BR> </p> <p>Плеская шумною волной<BR> </p> <p>В края своей ограды стройной,<BR> </p> <p>Нева металась, как больной<BR> </p> <p>В своей постеле беспокойной. </p> <p> <p><CITE>А.С.Пушкин. Медный всадник</CITE> </p> <p></BODY> </p> <p></HTML> </p> <span> <br><img src='https://i0.wp.com/webnav.ru/books/html4/html_rules/08.gif' width="100%" loading=lazy loading=lazy></span> <p><i><b>Рис. 1.8. </b> Тег <BR> можно использовать для принудительного перевода строки </i> </p> <p>В отличие от тега абзаца <P>При использовании тега <BR> не будет образована пустая строка. </p> <p>Использование тега <BR> требует осторожности - возможна ситуация, когда браузер уже сделал перевод строки за одно-два слова до того, как встретил ваш тег <BR>. Это бывает в случае, если ширина окна программы просмотра читателя меньше, чем тот же параметр программы, с помощью которой вы тестировали ваш документ. При этом может получиться, что в строке посреди абзаца останется только одно слово, нарушая тем самым красоту компоновки документа. </p> <p><i><b> Примечание </b> </i></p> <p><i> <span>При использовании тега <BR> для разбивки текста, обтекающего изображения или таблицы, можно задавать параметр CLEAR, прекращающий обтекание текста. Об этом можно прочитать в главах 3 и 4. </span> </i></p> <p><b> Тэги <NOBR>u <WBR> </b></p> <p>Бывают ситуации, когда требуется выполнить операцию противоположного назначения - запретить перевод строки. Для этого существует тэг-контейнер <NOBR>. Текст, размеченный этим тэгом, будет гарантированно располагаться в одной строке, независимо от ее длины. Если при этом получающаяся строка будет выходить за пределы окна просмотра браузера, то появится горизонтальная полоса прокрутки. </p> <p><i><b> Примечание </b> </i></p> <p><i> <span>Для обеспечения неразрывности текста, располагаемого в ячейках таблиц, существует специальный параметр NOWRAP тега <TD>. Об этом можно узнать в главе 4. </span> </i></p> <p>Размечая текст с помощью тега неразрывной строки <NOBR> можно получить очень длинные строки. Чтобы этого избежать, можно указать браузеру читателя место возможного перевода строки, что будет выполнено только при необходимости (так называемый "мягкий" перевод строки). Это можно осуществить, поставив в нужном месте текста тег <WBR> (Word BReak), который так же, как и тег <BR>, не нуждается в закрывающем тэге. </p> <p><i><b> Примечание </b> </i></p> <p><i> <span>Тэг <WBR> вообще не поддерживается браузером Netscape. Браузер Microsoft Internet Explorer распознает этот тег только в тексте, размеченном тэгами <NOBR>. </span> </i></p> <p><b> <span> Заголовки внутри HTML-документа </span> </b></p> <p>Наряду с названием всего документа, на Web-странице могут использоваться заголовки для отдельных частей документа. Эти заголовки могут иметь шесть различных уровней (размеров) и представляют собой фрагменты текста, которые выделяются на экране при отображении страницы браузером. </p> <p>Для разметки заголовков используются теги <HI>, <H2>, <H3>, <H4>, <H5> и <H6>. Эти теги требуют соответствующего закрывающего тэга. Заголовок с номером 1 является самым крупным (заголовок верхнего уровня), а с номером 6 - самым мелким. Теги заголовка являются элементами уровня блока, поэтому с помощью них нельзя размечать отдельные слова текста для увеличения их размера. При использовании тегов заголовков осуществляется вставка пустой строки до и после заголовка, поэтому тегов абзаца или перевода строки здесь не требуется. </p> <p>Тэги заголовков могут задаваться с параметром горизонтального выравнивания ALIGN. Возможные значения параметра совпадают с параметрами выравнивания тега абзаца <P> (см. табл. 1.4). </p> <p>Пример использования заголовков разного уровня с различным выравниванием (рис. 1.9): </p> <p><HTML> </p> <p><HEAD> </p> <p><TITLE>Примеры заголовков</TITLE> </p> <p></HEAD> </p> <p><BODY> </p> <p><H1>Заголовок размера 1</H1> </p> <p><H2>Заголовок размера 2</H2> </p> <p><H3 ALIGN=CENTER>Заголовок размера 3</H3> </p> <p><H4 ALIGN=RIGHT>Заголовок размера 4</H4> </p> <p><H5>Заголовок размера 5</H5> </p> <p><H6>Заголовок размера 6</H6> </p> <p>Основной текст документа </p> <p></BODY> </p> <p></HTML> </p> <span> <br><img src='https://i1.wp.com/webnav.ru/books/html4/html_rules/09.gif' width="100%" loading=lazy loading=lazy></span> <p><i><b>Рис. 1.9. </b> Отображение заголовков различного размера </i> </p> <p><b> <span> Горизонтальные линии </span> </b></p> <p>Другим методом разделения документа на части является проведение горизонтальных линий. Они визуально подчеркивают законченность той или иной области страницы. Сейчас часто используют рельефную, вдавленную линию, чтобы обозначить "объемность" документа. </p> <p>Тэг <HR> позволяет провести рельефную горизонтальную линию в окне большинства программ просмотра. Этот тег не является контейнером, поэтому не требует закрывающего тэга. До и после линии автоматически вставляется пустая строка. Параметры тега <HR> представлены в табл. 1.5. </p> <p><i> <span><b>Таблица 1.5. </b> Параметры тега <HR> </span> </i></p> <p>Пример: </p> <p><HR ALIGN=CENTER WIDTH=50% NOSHADE> </p> <p>В этом примере задается горизонтальная линия, которая занимает половину ширину окна просмотра и располагается посередине окна. Заметим, что параметры выравнивания имеют смысл только тогда, когда линия занимает не всю ширину окна. </p> <p><i><b> Примечание </b> </i></p> <p><i> <span>Браузер Netscape не позволяет использовать параметр COLOR тега <HR>. </span> </i></p> <p>Использование предварительно отформатированного текста </p> <p>Как видно в приведенных выше разделах, для разбивки текста по абзацам и обеспечения принудительного перевода строки следует пользоваться специальными тэгами. Однако бывают случаи, когда в HTML-документ необходимо включить текст, уже имеющий форматирование, выполненное традиционным способом при помощи символов перевода строки, необходимого количества пробелов, символов табуляции и т. д. Для решения таких задач предусмотрен специальный тэг-контейнер <PRE>Определяющий предварительно форматированный (п реформатированный) текст. </p> <p>Текст, размеченный тэгом <PRE>Будет отображаться в таком виде, как он выглядит в обычном текстовом редакторе. Для отображения всегда будет использоваться моноширинный шрифт. При этом вы сможете в большей степени контролировать вывод документа программой просмотра, правда, за счет некоторой потери в гибкости. </p> <p>Одним из вариантов использования этого тега являются таблицы, построенные без применения специальных тегов разметки таблиц. Другим важным </p> <p>применением является вывод на экран больших блоков программного кода (Java, C++ и т. п.), не позволяющий браузеру переформатировать их. </p> <p>Текст внутри контейнера <PRE>Может содержать элементы форматирования уровня текста, кроме следующих: <IMG>, <OBJECT>, <APPLET>, <BIG>, <SMALL>, <SUB>, <SUP>, <FONT>, <BASEFONT>. Недопустимо внутри преформатированного текста задавать элементы форматирования уровня блока, например, теги заголовков. Тег абзаца по логике вещей также не должен встречаться внутри преформатированного текста, однако если встречается, то будет реализовывать переход на новую строку (без образования пустой). </p> <p><i> <b> Примечание </b> </i></p> <p><i> <span>Тэг <PRE>Имеет необязательный параметр WIDTH, назначение которого - указывать браузеру максимальную длину строки преформатированного текста. В зависимости от этого значения браузер мог бы подобрать нужный шрифт и/или отступ для оптимального отображения преформатированного текста. В качестве значения по умолчанию предлагалось использовать 80. Другими рекомендованными значениями являются 40 и 132. Заметим, что читателям, имеющим значительный опыт работы со средствами вычислительной техники, эти числа говорят о многом. На деле же современные браузеры игнорируют значение параметра WIDTH. </span> </i></p> <p>Существуют еще несколько тэгов, решающих близкую по смыслу задачу. К ним относятся теги <ХМР>, <PLAINTEXT>И <LISTING>.Все три упомянутых тега в спецификации HTML 4.0 отмечены как устаревшие. Это означает, что в будущих версиях браузеры прекратят их поддержку. Вместо этих тегов рекомендуется использовать тег <PRE>. </p> <p><b> Тэг<<span>DIV > </span> </b></p> <p>Тэг-контейнер <DIV> является элементом уровня блока, служащим для выделения фрагмента документа. Целью этого выделения является управление параметрами данного фрагмента, которое обычно выполняется с помощью назначения стилей. Приведем пример: </p> <p><DIV STYLE="color: green"> </p> <p>(Фрагмент документа) </p> <p></DIV> </p> <p>В этом примере фрагмент HTML-документа обрамляется тэгами <DIV> и </DIV> для задания некоторых его свойств. В данном случае все текстовые элементы выделенного фрагмента будут отображаться зеленым (green) цветом. Аналогом тега <DIV> уровня текста является элемент . </p> <p>Заметим, что непосредственное назначение стилевых свойств отдельного фрагмента так, как это сделано в примере, использовать не желательно в соответствии с концепцией разделения структуры документа и его представления. Следует использовать таблицы стилей, речь о которых пойдет во второй части книги. </p> <p><b> Тэг <CENTER> </b></p> <p>Тэг-контейнер <CENTER> предназначен для горизонтального выравнивания всех элементов посередине окна просмотра браузера. Он имеет уровень блока и его полезно использовать для центрирования таких элементов, как, например, таблиц, так как они не могут быть центрированы назначением </p> <p>ALIGN=CENTER тега <TABLE>. </p> <p>По существу тег <CENTER> является краткой формой следующей записи: <DIV ALIGN=CENTER>. Дальнейшее использование тега <CENTER> по причинам, отмеченным в предыдущем разделе, также нежелательно. </p> <p><b> <span> Включение комментариев в документ </span> </b></p> <p>В HTML-документ можно включать комментарии, которые не будут видны читателю. Они могут состоять из произвольного числа строк и должны начинаться тэгом <!-- и заканчиваться тэгом -->. Все, что заключено внутри этих тэгов, при просмотре страницы не будет отображаться на экране. </p> <p>Прежде всего, определим, что такое логическое форматирование документа. Под логическим форматированием подразумевается использование специальных тегов HTML для слов и групп слов в соответствии с их значением. Например, цитаты оформляются с помощью тега CITE , выделение с помощью тега EM и т.д. Зачем это нужно? Почему нельзя обойтись только тегами физического форматирования? Все очень просто, теги логического форматирования можно переопределить с использованием CSS . При этом достигается высокая гибкость в оформлении сайта и простота в его написании.</p> <p>В следующей таблице рассмотрим теги логического форматирования документа с параметрами оформления по умолчанию:</p> <table class="e"><tr><th class="eh">Тег </th><th class="eh">Описание </th> </tr><tr><td class="ed0">ABBR </td> <td class="ed0">Используется для описания аббревиатуры (сокращенное название, которое читается по буквам). Закрывающийся тег обязателен. Пример: HTML </td> </tr><tr><td class="ed1">ACRONYM </td> <td class="ed1">Используется для описания акронима (сокращенное название, которое читается как слово). Закрывающийся тег обязателен. Пример: ВУЗ </td> </tr><tr><td class="ed0">CITE </td> <td class="ed0">Используется для цитат (по умолчанию наклонный текст). Необязательное свойство TITLE задает текст всплывающей подсказки. Закрывающийся тег обязателен. Пример: И это пройдет... </td> </tr><tr><td class="ed1">CODE </td> <td class="ed1">Используется для отображения фрагментов <a href="https://rzdoro.ru/sk/laptops/14-chto-takoe-programmnyi-kod-chto-takoe-programmnyi-kod.html">программного кода</a> (по умолчанию моноширинной шрифт). Необязательное свойство TITLE задает текст всплывающей подсказки. Закрывающийся тег обязателен. Пример: var a = new Array(); . </td> </tr><tr><td class="ed0">DFN </td> <td class="ed0">Используется для определений, например для термина, встречающегося в тексте впервые (по умолчанию наклонный шрифт для первой строки, и обычный для остальных). Необязательное свойство TITLE задает текст всплывающей подсказки. Закрывающийся тег обязателен. Пример: HTML is a hypertext markup language. </td> </tr><tr><td class="ed1">EM </td> <td class="ed1">Используется для выделения текста (по умолчанию наклонный шрифт, происходит от английского emphasis - ударение). Необязательное свойство TITLE задает текст всплывающей подсказки. Закрывающийся тег обязателен. Пример: EM используется для <i>выделения </i> текста. </td> </tr><tr><td class="ed0">KBD </td> <td class="ed0">Выделения текста, вводимого пользователем с клавиатуры (по умолчанию моноширинной шрифт). Закрывающийся тег обязателен. Пример: введено: have a nice day:) . </td> </tr><tr><td class="ed1">SAMP </td> <td class="ed1">Используется для выделения примеров (по умолчанию моноширинной шрифт). Закрывающийся тег обязателен. Пример: Пример. </td> </tr><tr><td class="ed0">STRONG </td> <td class="ed0">Используется для выделения текста (по умолчанию жирный шрифт). Закрывающийся тег обязателен. Является альтернативой тега физического форматирования B . Пример: Текст выделен <b>жирным </b>. </td> </tr><tr><td class="ed1">VAR </td> <td class="ed1">Используется для выделения переменных в фрагменте кода программы (по умолчанию курсив). Закрывающийся тег обязателен. Пример: double precision delta . </td> </tr></table> <p><b>Тег < </b><b>code </b><b>> </b></p><p>Данный тег рекомендуется использовать для выделения фрагментов программных кодов в HTML-документе. Как правило, такой текст отображается моноширинным шрифтом. Следует отметить, что в отличие от тега <pre>Данный тег не является тегом уровня блока и может включаться в строки обычного текста. Пример:</p><p><p>Задание целочисленной переменной на языке C++: <code>int a = 0;</code></p><p><b>Теги < </b><b>del </b><b>> и < </b><b>ins </b><b>> </b></p><p>С помощью тега-контейнера <del> рекомендуется отмечать текст как удаленный. Здесь предполагается, что по каким-либо причинам разработчику документа необходимо оставить удаленный текст на экране браузера, но пометить его как удаленный. Обычно такой текст браузеры отображают как перечеркнутый. Данный тег имеет два необязательных параметра:</p><p>cite – URL-адрес документа, поясняющего причину удаления текста; <br>datetime – дата редактирования в формате YYYY-MM-DDThh:mm:ssTZD.</p><p><del cite="http://mysite.ru" datetime="2014-05-22T17:54:05+0.00">Это текст помечен как удаленный</del></p><p>Аналогично используется тег-контейнер <ins>, который отмечает текст как добавленный (вставленный). Обычно такой текст помечается браузерами как подчеркнутый. Данный тег имеет те же необязательные параметры, что и тег <del>:</p><p><ins cite="http://mysite.ru" datetime="2014-05-22T17:54:05+0.00">Это добавленный текст</ins></p><p><b>Тег < </b><b>em </b><b>> </b></p><p>Данный тег используется для выделения важных фрагментов текста. Браузеры обычно отображают такой текст курсивом:</p><p><em>Выделенный</em> фрагмент текста</p><p><b>Тег < </b><b>kbd </b><b>> </b></p><p>Тег-контейнер <kbd> служит для выделения текста, введенного с клавиатуры. Такой текст обычно отображается моноширинным шрифтом:</p><p>Для загрузки яндекс-поиска введите <kbd>yandex.ru</kbd></p><p><b>Тег < </b><b>samp </b><b>> </b></p><p>Тег-контейнер <samp> отмечает текст как образец и обычно выводит моноширинным шрифтом и используется для форматирования текста, содержащих результаты действия программ, например:</p><p>Моя первая программа на C++ выводит текст <samp>Hello World!</samp></p><p><b>Тег < </b><b>strong </b><b>> </b></p><p>Тег-контейнер <strong> служит для выделения важных фрагментов текста. Текст, выделенный данным тегом считается более важным, чем текст выделенный тегом <em>. При выводе браузеры обычно выделяют такой текст жирным шрифтом:</p><p><strong>Пример текста, помеченный как важный</strong></p><p><b>Тег < </b><b>var </b><b>> </b></p><p>Данный тег предназначен для выделения переменных программ и, как правило, отображается браузерами курсивом:</p><p>Переменная <var>a</var> имеет значение 5</p><p>Рассматривая описанные выше теги, можно заметить, что результат действия некоторых тегов совпадает и дает один и тот же результат в окне браузера при отображении. Напрашивается вопрос: для чего необходимо такое разнообразие тегов, если они по результатам работы дублируют друг друга? Дело в том, что разработчики языка HTML дали возможность составителям HTML-документов корректно выделить те или иные информационные части в расчете на то, что будущее поколение браузеров и поисковых систем будут анализировать их и предоставлять большие возможности «конечным» пользователям для восприятия корректно отформатированного текста. Поэтому уже сейчас рекомендуется применять эти и другие теги логического форматирования текста для улучшения конкурентноспособности таких HTML-документов в будущем.</p> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> <br clear="all"> </div> <div class="related" style="background:none;"> <p class="h1"><span>Статьи по теме</span></p> <style> </style> <style> #perelink-horizontal{ vertical-align: top; margin: 0 -5px; text-align: left; } #perelink-horizontal .perelink-horizontal-item { vertical-align: top; display: inline-block; width: 220px; margin: 0 5px 10px; } #perelink-horizontal .perelink-horizontal-item a span { display: block; margin-top: 10px; } #perelink-horizontal img{ width:220px; height:138px; margin-bottom:10px; } </style> <div id="perelink-horizontal"> <div class="perelink-horizontal-item"> <a href="https://rzdoro.ru/sk/different/dobavlenie-punkta-v-nastroiki-lg-g3-kak-popast-v-servisnoe.html"> <img src="/uploads/4f24e7e92e883aa0e298b0b37f50da99.jpg" height="138" width="220" loading=lazy loading=lazy> <span>Ako sa dostať do servisnej ponuky na LG G2</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://rzdoro.ru/sk/program/proshivka-android-dlya-samsung-s5660-proshivka-samsung-galaxy-gio-s5660-dlya-nachala-opredelimsya.html"> <img src="/uploads/058237a79976f8122cb69f65461096d6.jpg" height="138" width="220" loading=lazy loading=lazy> <span>Firmvér Samsung Galaxy Gio S5660</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://rzdoro.ru/sk/different/samsung-galaxy-a8-4pda-proshivka-pokazat-soderzhimoe-po-tegu-proshivka.html"> <img src="/uploads/ab55243218ee740f3ac87468569ba360.jpg" height="138" width="220" loading=lazy loading=lazy> <span>Zobrazovanie položiek podľa štítku: firmvér samsung galaxy a8</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://rzdoro.ru/sk/linux/rukovodstvo-po-ekspluatacii-sony-ericsson-xperia-arc-smartphone-arc.html"> <img src="/uploads/66300068561847ab5d393b99253efadd.jpg" height="138" width="220" loading=lazy loading=lazy> <span>Sony Ericsson Xperia Arc Smartphone Arc užívateľská príručka</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://rzdoro.ru/sk/windows-7/1440x900-sootnoshenie-storon-razreshenie-televizora-chem-rukovodstvovatsya-pri.html"> <img src="/uploads/4f80872ffe7852cd95e62202e285cdf7.jpg" height="138" width="220" loading=lazy loading=lazy> <span>Pomer strán 1440 x 900</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://rzdoro.ru/sk/windows-xp/razresheniya-ekrana-5-4-razresheniya-ekranov-monitorov-optimalnoe.html"> <img src="/uploads/0fcb17c0113d5fad5eb8f89d921fa3e2.jpg" height="138" width="220" loading=lazy loading=lazy> <span>Rozlíšenia obrazovky monitora</span> </a> </div> </div> </div> </div> <div class="sidebar"> <div class="aside last_articles"> <div class="h2">Najnovšie články</div> <ul> <li> <div class="article_info"> <div class="replace post_4385"> <div class="top"> <div class="img_border"> <span></span> <img src="/uploads/1d73d1fcb011203a9c996ce2c6c24366.jpg" alt="Kedy potrebujem aktualizovať firmvér" title="Kedy potrebujem aktualizovať firmvér" loading=lazy loading=lazy> </div> <div class="right_info"> <div class="date">2021-11-16 12:29:16</div> <a href="https://rzdoro.ru/sk/scan/proshivka-telefona-htc-820-v-kakih-sluchayah-nado-obnovit-proshivku.html" class="replace post_4385">Kedy potrebujem aktualizovať firmvér</a> </div> </div> </div> <div class="clear"></div> </div> </li> <li> <div class="article_info"> <div class="replace post_4385"> <div class="top"> <div class="img_border"> <span></span> <img src="/uploads/5a1edb454d093238cbab055b9c4949c4.jpg" alt="Ako premeniť smartfón s Androidom na bezpečnostnú kameru" title="Ako premeniť smartfón s Androidom na bezpečnostnú kameru" loading=lazy loading=lazy> </div> <div class="right_info"> <div class="date">2021-11-11 12:38:28</div> <a href="https://rzdoro.ru/sk/entertainment/sdelat-smartfon-veb-kameroi-dlya-kompyutera-kak-prevratit.html" class="replace post_4385">Ako premeniť smartfón s Androidom na bezpečnostnú kameru</a> </div> </div> </div> <div class="clear"></div> </div> </li> <li> <div class="article_info"> <div class="replace post_4385"> <div class="top"> <div class="img_border"> <span></span> <img src="/uploads/2e30815e398c34ede7f5c2befd3d2589.jpg" alt="Ako vyzerá čínska klávesnica (história a fotografie)" title="Ako vyzerá čínska klávesnica (história a fotografie)" loading=lazy loading=lazy> </div> <div class="right_info"> <div class="date">2021-11-11 12:38:28</div> <a href="https://rzdoro.ru/sk/windows-10/kak-vyglyadit-klaviatura-na-kitaiskom-kak-vyglyadit-kitaiskaya.html" class="replace post_4385">Ako vyzerá čínska klávesnica (história a fotografie)</a> </div> </div> </div> <div class="clear"></div> </div> </li> </ul> </div> <div class="aside" style="display:none;"> <span class="related-link" data-href="/author/dergachev"><img src="https://rzdoro.ru/wp-content/themes/ostroymaterialah/img/banner.jpg" loading=lazy loading=lazy> </div> <div class="aside" > <div class="top_comment"> <div class="h2">Populárne články</div> <ul> <li> <a href="https://rzdoro.ru/sk/iron/chto-oznachaet-bukva-s-v-avatarke-znachenie-avatarok-v-psihologii.html"> <div class="pull-left"> <div class="img_container"> <div class="img_border"> <img src="/uploads/0408907a6aaedc46d4b9810da5d17d83.jpg" alt="Hodnota avatarov v psychológii" / loading=lazy loading=lazy> </div> </div> </div> <div class="title_text"> <p>Hodnota avatarov v psychológii</p> </div> </a> </li> <li> <a href="https://rzdoro.ru/sk/windows-10/samaya-chastaya-avatarka-znachenie-avatarok-v-psihologii.html"> <div class="pull-left"> <div class="img_container"> <div class="img_border"> <img src="/uploads/6c324cf01f12debdae0104ad4903be06.jpg" alt="Hodnota avatarov v psychológii" / loading=lazy loading=lazy> </div> </div> </div> <div class="title_text"> <p>Hodnota avatarov v psychológii</p> </div> </a> </li> <li> <a href="https://rzdoro.ru/sk/windows-xp/kak-postavit-udarenie-na-kompyutere-kak-postavit-udarenie-nad-bukvoi-v.html"> <div class="pull-left"> <div class="img_container"> <div class="img_border"> <img src="/uploads/28e8daea46a39f81f682ab6f05e79237.jpg" alt="Ako zdôrazniť písmeno v MS Word" / loading=lazy loading=lazy> </div> </div> </div> <div class="title_text"> <p>Ako zdôrazniť písmeno v MS Word</p> </div> </a> </li> <li> <a href="https://rzdoro.ru/sk/internet/chto-znachit-esli-avatar-cheloveka-chto-znachit-tvoya-avatarka.html"> <div class="pull-left"> <div class="img_container"> <div class="img_border"> <img src="/uploads/a931ca255d3e46f6c41a3be9a61b4d4d.jpg" alt="Čo to znamená, ak je avatar osoby" / loading=lazy loading=lazy> </div> </div> </div> <div class="title_text"> <p>Čo to znamená, ak je avatar osoby</p> </div> </a> </li> <li> <a href="https://rzdoro.ru/sk/internet/kak-sozdat-svoi-sobstvennyi-tvitter-moment-chto-takoe.html"> <div class="pull-left"> <div class="img_container"> <div class="img_border"> <img src="/uploads/c73ea6f0aab52aa088a667508652ea7e.jpg" alt="Ako si vytvoriť svoj vlastný Twitter moment" / loading=lazy loading=lazy> </div> </div> </div> <div class="title_text"> <p>Ako si vytvoriť svoj vlastný Twitter moment</p> </div> </a> </li> </ul> </div> </div> <div class="aside"> <div class="most_commented"> <div class="h2">Voľba redaktora</div> <ul> <li> <div class="full_date">2021-11-11 12:38:28</div> <div class="clear"></div> <a href="https://rzdoro.ru/sk/network/lisa-na-avatarke-chto-znachit-chto-mozhet-rasskazat-avatarka-v.html" class="title">Čo môže povedať avatar na sociálnej sieti o svojom majiteľovi</a> <p class="desc">Viac podrobností! 1. Farba. Farba je dôležitý detail na obrázku a často si avatara vyberáme práve pre jeho farebnú schému, ktorá je pre nás najvhodnejšia ...</p> </li> <li> <div class="full_date">2021-11-11 12:38:28</div> <div class="clear"></div> <a href="https://rzdoro.ru/sk/different/kak-sozdat-svoi-sobstvennyi-tvitter-moment.html" class="title">Ako si vytvoriť svoj vlastný Twitter moment</a> <p class="desc">Navigácia Sociálne siete dnes zohrávajú dôležitú úlohu v živote používateľov internetu. Vďaka takýmto zdrojom majú ľudia možnosť komunikovať s ...</p> </li> <li> <div class="full_date">2021-11-06 10:20:40</div> <div class="clear"></div> <a href="https://rzdoro.ru/sk/program/pervyi-skaniruyushchii-zondovyi-mikroskop-skaniruyushchii.html" class="title">Skenovací mikroskop s atómovou silou Laboratórna správa by mala obsahovať</a> <p class="desc">Mikroskop atómovej sily vytvorili v roku 1982 Gerd Binnig, Calvin Quait a Christopher Gerber v USA ako modifikáciu predtým vynájdeného ...</p> </li> <li> <div class="full_date">2021-11-06 10:20:40</div> <div class="clear"></div> <a href="https://rzdoro.ru/sk/entertainment/detali-i-razmery-kontaktnoi-seti-podbor-stoek-opor-kontaktnoi-seti.html" class="title">Výber nosných stojanov kontaktnej siete</a> <p class="desc">Metodická príručka K realizácii praktického vyučovania v disciplíne „Kontaktná sieť“. 1. Výber dielov a materiálov pre kontaktné zostavy ...</p> </li> <li> <div class="full_date">2021-11-06 10:20:40</div> <div class="clear"></div> <a href="https://rzdoro.ru/sk/audio-video/podbor-oborudovaniya-kontaktnoi-seti-proektirovanie-i-raschet-kontaktnoi-seti.html" class="title">Návrh a výpočet AC trolejového vedenia</a> <p class="desc">VYSVETLIVKA. Metodické pokyny sú určené pre študentov denného a externého štúdia Vysokej školy železničnej Saratov ...</p> </li> </ul> </div> </div> <div class="aside"> </div> </div> </div> </div> <div class="push"></div></div> <footer> <div class="colomn-first"> <p><span class="related-link" data-href="/"><img src="/uploads/logo.png" alt="Stránky pomocníka pre počítače" / loading=lazy loading=lazy></span></p> <p><span style="color:#27a98c;">©</span> Copyright 2021, <br>rzdoro.ru – stránka počítačovej pomoci</p> <div class="colomn"> <ul> <li>Kategórie</li> <li><span class="related-link" data-href="/category/iron/">železo</span></li> <li><span class="related-link" data-href="/category/windows-10/">Windows 10</span></li> <li><span class="related-link" data-href="/category/scan/">Skenovanie</span></li> <li><span class="related-link" data-href="/category/windows-7/">Windows 7</span></li> </ul> <ul style="margin-top: 23px;"> <li><span class="related-link" data-href="/category/iron/">železo</span></li> <li><span class="related-link" data-href="/category/windows-10/">Windows 10</span></li> <li><span class="related-link" data-href="/category/scan/">Skenovanie</span></li> <li><span class="related-link" data-href="/category/windows-7/">Windows 7</span></li> </ul> <ul> <li>Iné</li> <li><span class="related-link" data-href="">O stránke</span></li> <li><a href="https://rzdoro.ru/sk/sitemap.xml">mapa lokality</a></li> <li><span class="related-link" data-href="">Kontakty</span></li> <li><span class="related-link" data-href="">Reklama</span></li> </ul> </div> </div> </footer> <script type="text/javascript" src="https://rzdoro.ru/wp-content/plugins/service_binet/ajax.js"></script> <script> jQuery(document).ready(function() { // Get all thumbs containers jQuery( ".thumbs-rating-container" ).each(function( index ) { // Get data attribute var content_id = jQuery(this).data('content-id'); var itemName = "thumbsrating"+content_id; // Check if this content has localstorage if (localStorage.getItem(itemName)){ // Check if it's Up or Down vote if ( localStorage.getItem("thumbsrating" + content_id + "-1") ){ jQuery(this).find('.thumbs-rating-up').addClass('thumbs-rating-voted'); } if ( localStorage.getItem("thumbsrating" + content_id + "-0") ){ jQuery(this).find('.thumbs-rating-down').addClass('thumbs-rating-voted'); } } } ); } ); </script> <div id="wprmenu_bar" class="wprmenu_bar left"> <div class="hamburger hamburger--slider"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </div> <div class="menu_title"> <a href="https://rzdoro.ru/sk/">rzdoro.ru</a> </div> </div> <div class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left " id="mg-wprm-wrap"> <ul id="wprmenu_menu_ul"> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/sk/category/iron/">železo</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/sk/category/windows-10/">Windows 10</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/sk/category/scan/">Skenovanie</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/sk/category/windows-7/">Windows 7</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/sk/category/windows-xp/">Windows XP</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/sk/category/printers-driver/">Ovládače tlačiarní</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/sk/category/laptops/">Prenosné počítače</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/sk/category/windows-8/">Windows 8</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/sk/category/audio-video/">Audio Video</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/sk/category/gadgets/">Moduly gadget</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/sk/category/different/">Zmiešaný</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/sk/category/linux/">Linux</a></li> </ul> </div> <script type="text/javascript"> jQuery(document).ready(function($){ $("a[rel*=lightbox]").colorbox({ width:false,height:false,innerWidth:false,innerHeight:false,initialWidth:"30%",initialHeight:"30%",maxWidth:"90%",maxHeight:"90%",current:"Фото { current} из { total} ",previous:"назад",next:"далее",close:"закрыть",top:false,right:false,bottom:false,left:false} ); } ); </script> <script type='text/javascript' src='https://rzdoro.ru/wp-content/plugins/wp-polls/polls-js.js?ver=2.73.8'></script> <script type='text/javascript' src='https://rzdoro.ru/wp-content/plugins/lightbox-plus/js/jquery.colorbox.1.5.9.js?ver=1.5.9'></script> <script type='text/javascript' src='https://rzdoro.ru/wp-content/plugins/lightbox-plus/css/fancypants/helper.js?ver=2.7'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.1'></script> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html>