Teraz môžeme na našu webovú stránku umiestniť nejaký text s rôznym zarovnaním:

Moje osobné stránky budú tu!

Na nich nájdete: - príbeh o mne a mojich záľubách; - moje fotky.

Z jednej z mojich stránok to bude možné
Pošli mi email.

3. Sada nástrojov na vytváranie webových stránok

3.1 HTML editory

Každý si vyberie svoj vlastný nástroj na tvorbu webových stránok. Môže to byť MS FrontPage alebo Macromedia DreamWeaver, Allaire HomeSite alebo 1st Page. Iní používajú jednoduchý textový editor, akým je napríklad Poznámkový blok.

Textové editory sa dajú použiť iba na vytváranie malých stránok, pretože majú veľa nevýhod: projekty nie sú podporované, neexistuje žiadne zvýrazňovanie textu Vo všeobecnosti je práca veľmi nepohodlná.

Hlavnou nevýhodou MS FrontPage je, že generuje veľmi veľký HTML kód (príliš veľa zbytočného), takže stránky sú veľké, čo ovplyvňuje rýchlosť načítania. Navyše, keď vytvárate webové stránky v tomto editore, vidíte jednu vec, ale v okne prehliadača vidíte niečo úplne iné. Ukázalo sa, že stránky sú trochu krivé, preto sa odporúča použiť balíky, o ktorých sa bude diskutovať nižšie, na vytvorenie vysokokvalitných webových stránok.

Začneme populárnym Macromedia DreamWeaver. Macromedia je považovaná za lídra v softvéri na vývoj webových stránok a za lídra v tejto oblasti.

Štruktúra HTML dokumentu

Dokument HTML 4 má tri časti:

• reťazec obsahujúci informácie o verzii HTML,
• deklarovanie hlavičky / sekcie hlavičky (oddelenej prvkom HEAD),
• telo obsahujúce samotný skutočný dokument.

Telo môže byť obsiahnuté v prvkoch BODY alebo FRAMESET. Medzery(medzery, znaky nového riadku, karty a komentáre) sa môžu zobraziť pred alebo za touto sekciou.

Ahoj svet!

Dokument začína prvkom typu dokument alebo typ dokumentu. Popisuje, aký typ HTML sa použije – aby klientska aplikácia používateľa mohla určiť, ako má dokument interpretovať, a rozhodnúť, či sa riadi pravidlami, ktoré zamýšľal dodržiavať vo svojom vyhlásení.

Potom môžete vidieť úvodnú značku prvku html. Je to obal okolo celého dokumentu. Záverečná značka html je posledným objektom v akomkoľvek dokumente HTML.

Vo vnútri prvku html sa nachádza prvok head. Obsahuje informácie o dokumente (metaúdaje). V hlavičke je prvok title, ktorý definuje nadpis „Jednoduchá stránka“ na paneli s ponukami.

Po prvku head nasleduje prvok tela, čo je obal obsahujúci skutočný obsah stránky – v tomto prípade iba prvok nadpisu prvej úrovne (h1), ktorý obsahuje text „Ahoj svet!“ ...

Položky často obsahujú ďalšie položky. Telo dokumentu bude vždy obsahovať veľa vnorených prvkov.

Sekcie na stránke vytvárajú celkovú štruktúru dokumentu a môžu obsahovať podsekcie. Môžu obsahovať aj nadpisy, odseky, zoznamy atď. Odseky môžu obsahovať prvky, ktoré vytvárajú odkazy na iné prvky, úvodzovky, zvýraznenia atď.

Syntax prvku HTML

Základný prvok v HTML pozostáva z dvoch značiek okolo bloku textu. Existujú prvky, ktoré nezalamujú text a takmer v každom prípade môžu prvky obsahovať vedľajšie prvky (ako html obsahuje hlavu a telo v príklade vyššie).

Položky môžu mať tiež atribúty ktorý môže upraviť správanie prvku a vniesť dodatočnú hodnotu.

V tomto príklade má prvok div (časť stránky, spôsob rozdelenia dokumentov do logických blokov) pridaný atribút id, ktorý je nastavený na stožiar... Element div obsahuje prvok h1 (nadpis prvej alebo najdôležitejšej úrovne), ktorý zase obsahuje nejaký text. Časť tohto textu je zabalená do prvku skratka(ktorý sa používa na definovanie prípony skratky), ktorý má nastavený atribút title na Hypertext Markup Language.

Mnoho atribútov v HTML je spoločných pre všetky prvky, ale niektoré sú špecifické pre daný prvok alebo prvky. Všetky majú tvar:

kľúčové slovo = "hodnota"

Hodnota musí byť uzavretá do jednoduchých alebo dvojitých úvodzoviek (v niektorých situáciách môžu úvodzovky chýbať, ale to nie je veľmi dobré z hľadiska predvídateľnosti, pochopenia).

Atribúty a ich možné hodnoty sú určené hlavne špecifikáciami HTML (http://www.w3.org/TR/html401/index/attributes.html), takže si nemôžete vytvárať vlastné atribúty. Jedinými skutočnými výnimkami sú atribúty id a class, ktorých hodnoty sú výlučne určené na pridanie vlastného významu a sémantiky dokumentom.

Element vo vnútri iného elementu sa nazýva "potomok" tejto položky. V príklade vyššie skratka je potomkom h1, čo je zase potomkom div. Naopak, div je „predchodcom“ prvku h1.

Prvky na úrovni bloku a riadkové prvky

V HTML existujú dve hlavné kategórie prvkov, ktoré zodpovedajú typom obsahu a štruktúre, ktorú tieto prvky predstavujú – úroveň bloku a vložené prvky.

Úroveň bloku označuje vyššiu úroveň prvku, zvyčajne poskytuje informácie o štruktúre dokumentu. Prvky na úrovni bloku si môžete predstaviť ako začiatok na novom riadku, odtrhnutie sa od toho, čo bolo predtým. Spoločné blokové prvky sú odseky, položky zoznamu, nadpisy a tabuľky.

Strunové prvky sú obsiahnuté v štrukturálnych prvkoch na úrovni bloku a pokrývajú iba časti textu dokumentu, nie celé oblasti. Vložený prvok nespôsobí, že sa v dokumente objaví nový riadok, pretože sú to prvky, ktoré sa vyskytujú v odseku textu. Spoločné strunové prvky sú hypertextové odkazy, zvýraznené slová alebo frázy a krátke úvodzovky.

Smerovanie

Hlavička dokumentu HTML je voliteľný prvok značky. Pôvodne bola existencia titulu diktovaná potrebou pomenovanie okna prehliadača... To sa podarilo dosiahnuť prostredníctvom značkovací prvok TITLE:

... ...

Ďalšou funkciou hlavičky HTML dokumentu je ovládanie výmeny HTTP cez značkovací prvok META. Pri súčasnej praxi hostingu webových stránok spoločností na serveroch poskytovateľov nemusia byť správcovia týchto stránok schopní spravovať program servera. V tomto prípade ostáva už len jedna možnosť kontroly výmeny – cez hlavičku HTML dokumentu.

Hlavička HTML dokumentu je určená aj na popis vyhľadávacieho obrázku dokumentu, ktorý je potrebný na indexovanie dokumentu robotmi vyhľadávacích nástrojov. Element META vám umožňuje ukladať zoznamy kľúčových slov a popisov dokumentov, ktoré sa použijú na zostavenie indexu vyhľadávacieho nástroja a zobrazia sa ako popis dokumentu, ak sa počas vyhľadávania kľúčových slov vráti odkaz naň.

Základné hlavičkové značky sú HTML značkovacie prvky, ktoré sa najčastejšie nachádzajú v hlavičke HTML dokumentu, t.j. vnútri značkovací prvok HLAVA:

• TITLE (názov dokumentu);
• BASE (základná adresa URL);
• ISINDEX (vyhľadávací vzor);
• META (metainformácie);
• LINK (všeobecné odkazy);
• ŠTÝL (deskriptory štýlu);
• SCRIPT (skriptá).

Najčastejšie používané prvky sú TITLE, SCRIPT, STYLE. Použitie prvku META naznačuje, že autor pozná pravidlá indexovania dokumentov vo vyhľadávačoch a možnosť kontrolovať výmenu dát HTTP. BASE a ISINDEX sa v poslednej dobe prakticky nepoužívajú. LINK je špecifikovaný iba pri použití deskriptorov štýlov mimo tohto dokumentu.

Prvok značky HEAD obsahuje hlavičku HTML dokumentu. The značkovací prvok je voliteľná. Ak existuje počiatočná značka značkovací prvok je žiaduce použiť aj koncovú značku značkovací prvok... V predvolenom nastavení je prvok HEAD zatvorený, keď narazíte na štartovaciu značku kontajnera BODY alebo FRAMESET.

Kontajner hlavičky sa používa na to, aby obsahoval informácie týkajúce sa celého dokumentu ako celku.

Prvok značky TITLE sa používa na pomenovanie dokumentu na World Wide Web. Pri výbere textu pre obsah kontajnera TITLE majte na pamäti, že je zobrazený systémové písmo pretože je to názov okna prehliadača.

Všeobecná syntax pre kontajner TITLE je nasledovná:

Hlavička nie je potrebná ako kontajner pre dokument. Dá sa vynechať. Mnoho robotov vyhľadávacích nástrojov používa obsah prvku TITLE na vytvorenie vyhľadávacieho obrázka dokumentu. Slová z TITLE idú do indexu vyhľadávača. Z týchto dôvodov sa na stránkach lokality vždy odporúča použiť prvok TITLE.

Prvok značky BASE sa používa na určenie základnej URL pre hypertextové odkazy dokumentu, uvedené v neúplnej (čiastočnej) forme. Okrem toho vám BASE umožňuje definovať predvolené cieľové okno načítania dokumentu, keď vyberiete hypertextový odkaz aktuálneho dokumentu. BASE sa najčastejšie nachádza na stránkach lokality, ktoré majú „zrkadlá“. Z rôznych dôvodov sa niektoré dokumenty na hlavnom serveri neprenesú na „zrkadlový“ server. V tomto prípade bude dokument s vynútenou základnou URL vždy odkazovať na hlavný server.

Počiatočná značka kontajnera obsahuje jeden povinný atribút HREF a môže obsahovať jeden voliteľný atribút TARGET. Syntax pre kontajner BASE je vo všeobecnosti nasledovná:

Prvok značky ISINDEX sa používa na určenie vzoru vyhľadávania a je prevzatý zo starších verzií HTML. Tento kontajner nie je definovaný v HTML 4.0.

META značkovací prvok

META obsahuje riadiace informácie, ktoré prehliadač používa na správne zobrazenie a spracovanie obsahu tela dokumentu, napríklad pomocou atribútu Content-type môžete určiť prekódovanie dokumentu na strane klienta.

Pomocou META je možné určiť aj iných operátorov. Napríklad zakážte ukladanie dokumentu do vyrovnávacej pamäte. Ak chcete zakázať ukladanie do vyrovnávacej pamäte, stačí do hlavičky META vložiť značku formulára:

V novej verzii protokolu HTTP (HTTP 1.1) je ukladanie do vyrovnávacej pamäte riadené cez operátor Cache-Control. Aby ste dosiahli rovnaký výsledok ako s Pragma, v hlavičke HTML dokumentu stačí uviesť:

Môžete zabrániť uloženiu dokumentu po jeho odoslaní.

Hypertextové značenie sa používa na označenie, v ktorej časti obrazovky a ako sa má text zobraziť a ako spolu súvisia texty, ktoré tvoria hypertextovú databázu. Na tieto účely sa do textu vkladajú špeciálne riadiace znaky. Escaped text je uložený v obyčajnom textovom súbore v kódoch ASCII a môže byť spracovaný takmer každým textovým editorom.

Hypertextový značkovací jazyk HTML navrhol Tim Berners-Lee v roku 1989. V čase vzniku HTML existoval štandard pre značkovací jazyk pre tlačené dokumenty – SGML (Standard Generalized Markup Language), ktorý bol vzatý ako základ HTML. Predpokladalo sa, že takéto riešenie pomôže využiť existujúci softvér na interpretáciu nového jazyka.

Ako prvok hypertextovej databázy pre HTML bol vybraný obyčajný textový súbor, ktorý je uložený pomocou súborového systému operačného prostredia.

Hypertextová databáza v koncepte WWW je teda súbor textových súborov napísaných v jazyku HTML, ktorý definuje:

Formulár na prezentáciu informácií (označenie);

Štruktúra odkazov medzi súbormi (hypertextové odkazy). Tento prístup predpokladá prítomnosť ešte jedného komponentu

technológia – jazykový tlmočník. Vo WWW sú funkcie tlmočníka rozdelené medzi hypertextový databázový server a používateľské rozhranie. Server okrem prístupu k dokumentom a spracovania hypertextových odkazov vykonáva aj predspracovanie dokumentov, pričom používateľské rozhranie interpretuje jazykové konštrukcie spojené s prezentáciou informácií.

V roku 1990. existovala nulová verzia HTML 0.

Prvá verzia (HTML 1.0) bola zameraná na reprezentáciu jazyka ako takého, pričom popis jeho schopností mal skôr poradný charakter.

Prognózy sú chrbtovou kosťou každého obchodného systému, takže dobre zostavené predpovede vás môžu obohatiť.

Druhá verzia (HTML 2.0) zafixovala prax používania jazykových konštruktov a stala sa štandardom pre tvorbu WWW.

++ verzia HTML ++ priniesla nové možnosti prezentácie vedeckých informácií a tabuliek a zlepšila štýl rozloženia textu a obrázkov.

Tretia verzia (HTML 3.0) zefektívnila všetky inovácie a formalizovala používateľské rozhranie hypertextového distribuovaného systému.

V roku 1996. bola vydaná nová verzia jazyka: HTML 3.2, ktorá obsahuje nástroje na vytváranie tabuliek, konštrukcie jazyka Java, obrázkové mapy (umiestnené na klientskom počítači) a nové typy formátovania textu.

HTML je textový jazyk, v ktorom sú pokyny na formátovanie, nazývané značky, vložené do textu dokumentu.

Proces vytvárania dokumentu HTML spočíva v zahrnutí značiek do neformátovaného textu, ktorý nesie informačnú záťaž.

HTML tagy sú sekvencie znakov, ktoré začínajú znakom menej ako (<) и заканчивающиеся знаком “больше” (>).

Väčšina funkcií formátovania v HTML špecifikuje skôr logické ako fyzické štýly. Napríklad značky nadpisov, ktoré zvyčajne označujú väčšie veľkosti písmen, neuvádzajú, ktorá veľkosť sa má použiť. Prehliadač (ktorý funguje ako klientsky program) zvolí väčšiu veľkosť textu pre nadpisy. Tento prístup vám umožňuje zbaviť sa platformy – dokument vytvorený na počítači Macintosh môže používať UNIX alebo Windows. Nevýhodou je, že dokument vyzerá na rôznych platformách inak.

WWW prehliadače fungujú pri analýze HTML viet podľa nasledujúcich pravidiel:

Medzery a iné „neviditeľné“ znaky sa ignorujú;

Všetky značky možno rozdeliť do skupín: základné značky, formátovacie značky, štruktúrne značky, ukazovatele atď .;

Formátovacie značky možno písať malými a / alebo veľkými písmenami;

Väčšina formátovacích značiek je napísaná v pároch. Úvodná značka tento efekt aktivuje a záverečná značka ho vypne. Dvojica značiek sa niekedy označuje ako kontajner, pretože efekt, ktorý zapínajú a vypínajú, sa prejavuje v texte v nich. Ak chcete napríklad uviesť, že reťazec má byť vytlačený tučným písmom, napíšete:< B >Tento riadok bude vytlačený tučným písmom

Pred textom vo vnútri koncovej značky je vždy znak spätnej lomky. Medzi základné značky HTML patria výnimky z tohto pravidla:< BASE >(základné informácie),< BR >(koniec riadku),< HR >(horizontálne pravítko), a< IMG >(obrázok). Tieto značky existujú v jednej kópii.

Každý dokument HTML má značky okrajov:< HTML >a... Táto dvojica značiek zahŕňa všetky ostatné značky na webovej stránke a celý informačný obsah dokumentu. V skutočnosti deklarujú, že celý obsah kontajnera je HTML kód. Tag< HTML >musí byť na prvom riadku súboru a značka- v tom druhom.

Každý HTML dokument obsahuje názov dokumentu a jeho telo.

Názov dokumentu identifikuje dokument. Malo by ísť hneď za značku< HTML >a začať s< HEAD >... Názov sa končí štítkom.

Názov dokumentu musí obsahovať názov dokumentu a jeho základnú URL.

Názov dokumentu sa nachádza medzi značkami< TITLE >a... Používa ho prehliadač a webový server. Názov nesmie presiahnuť 40 znakov. Názov dokumentu by mal byť informatívny, mal by odrážať obsah dokumentu, aby ho bolo možné identifikovať. Názov sa zobrazí v záhlaví prehliadača Internet Explorer, v zoznamoch História a v Obľúbených.

Základná adresa URL musí byť plne kvalifikovaná (absolútna) a musí obsahovať protokol, internetovú adresu a názov súboru. Je to uvedené v značke< BASE HREF = “базовый_URL”>... Všetky ostatné adresy URL v dokumente môžu byť relatívne k základnej. Ak je základná adresa URL napríklad: http://www.microsoft.com/products/office/word/datasheets.html a musíte zadať adresu URL funkcií. html umiestnenom v adresári / products / office / excel na rovnakom serveri, môžete zadať: ../ excel / features. html namiesto zadávania celej adresy URL.

Symboly. ./ označte, že chcete prejsť o jednu úroveň adresára vyššie od základnej adresy.

Základná adresa uľahčuje prenos dokumentu na iný server, pretože ak sú všetky ostatné adresy URL v dokumente relatívne, potom je potrebné počas prenosu zmeniť iba názov servera v základnej adrese URL.

Telo dokumentu obsahuje všetok text, ktorý nesie informácie, a všetky značky HTML použité na formátovanie textu. Telo dokumentu začína hneď za nadpisom a je ohraničené značkami< BODY >a.

Príklad HTML dokumentu:

< TITLE >Názov dokumentu

< BASE HREF = “базовый_URL” >

Značky použité v tele dokumentu vám umožňujú určiť nasledujúce prvky textového označenia:

Začiatok odseku a koniec riadku

Štýly nadpisov

Fyzické štýly – logické štýly

Špeciálne symboly.

Hypertextové odkazy pozostáva z dvoch častí: ukazovateľa a adresy URL. Ukazovateľ je text, na ktorý musí používateľ kliknúť, aby sa niekam pohol. Adresa URL určuje adresu, z ktorej prehliadač stiahne dokument, keď používateľ klikne na ukazovateľ.

Textové ukazovatele v grafických prehliadačoch sú zvyčajne farebne podčiarknuté a zvýraznené. V čisto textových prehliadačoch sú zobrazené tučným písmom.

Ako index možno použiť akýkoľvek text, bez ohľadu na jeho veľkosť a funkcie formátovania. Index môže pozostávať z viacerých písmen, slov alebo dokonca riadkov textu.

Formát ukazovateľa:

< A HREF = “ URL ”>indexový text ,

kde je písmeno A v značke< A HREF >znamená kotva a HREF znamená hypertextovú referenciu. Všetko medzi značkami< A HREF = “ URL ”>aje indexový text, ktorý sa zobrazuje podčiarknutým alebo tučným písmom.

V spojení s hypertextovými ukazovateľmi možno použiť aj iné formátovacie kódy. Napríklad:

< A HREF = “ URL ”> < I > alebo

< I > < A HREF = “ URL ”>Prejdeme na podrobnejšiu prezentáciu

3. Hypertextový jazyk HTML

Hypertext musí začínať slovom a končiť slovom. Slová v lomených zátvorkách sa v HTML nazývajú tagy a v programovaní deskriptory. Takmer všetky značky HTML sú spárované – a tak ďalej.

Spárované značky zvýrazňujú určitý fragment hypertextu – „názov“, „telo“ atď. Prvá značka začína fragment a druhá ho končí. V záverečných deskriptoroch je pred názvom znak zlomku /.

Všeobecná štruktúra hypertextu napísaného v jazyku HTML:

hypertext :: = telo nadpisu

titul :: = titulok

titul :: = titulok

telo :: = text

V súlade s pravidlami HTML musí mať hypertext „nadpis“ a „telo“. Hypertext ako publikácia môže a mal by obsahovať informácie o autoroch a vlastníkoch autorských práv (stránkach).

Nadpis hypertextu by mal obsahovať „nadpis“, ktorý prehliadače zobrazujú na samom hornom riadku obrazovky počítača. Názov by mal vyjadrovať hlavnú myšlienku publikácie (stránky). Hypertext bez názvu je ako článok bez názvu.

„Telo“ hypertextu by malo obsahovať texty, tabuľky, fotografie a ilustrácie. Rozdiel medzi elektronickým hypertextom a bežnými papierovými textami je zahrnutie hypertextových odkazov, na ktoré kliknutie spôsobí načítanie nového hypertextu.

Príklad hypertextu a výsledok jeho zobrazenia prehliadačom na obrazovke počítača:

Hypertext: Výsledok:

Výsledkom prehliadača je načítanie a zobrazenie hypertextu uloženého na stránke na obrazovke počítača na adrese uvedenej v okne prehliadača. Ak je hypertext príliš veľký, prehliadač zobrazí tlačidlá hypertextu vpravo alebo dole na obrazovke.

Veľkosti počítačových obrazoviek majú nasledujúce spektrum. Minimálna veľkosť obrazovky je 640 x 480 pixelov. Ďalej sú štandardné veľkosti obrazovky 800 x 600, 1024 x 768 a 1280 x 1024 pixelov. Preto môžete na rôznych obrazovkách vyzerať inak.

Všeobecná štruktúra hypertextu a ich zobrazenie na obrazovke počítača:

Hypertext: Výsledok:

Textová časť môže pozostávať z riadkov a odstavcov s nadpismi aj bez nadpisov, so zoznamami, tabuľkami a ponukami.

telo :: - text

text :: = nadpis (text) |

zoznam (text) |

tabuľka (text) |

Nadpisy v hypertexte sú formátované nasledovne:

hlavička :: =

titul

hlavička :: =

titul

hlavička :: =

titul

kde značky H2, ..., h6 nastavujú veľkosť nadpisov vo vzťahu k hlavnému textu.

Odseky v hypertexte začínajú deskriptorom

hypertext |

Konce riadkov a odseky sú označené rukoväťou ... Koniec odseku p> je voliteľný, ale vyžaduje sa pri použití parametrov v deskriptore odseku.

Hlavný parameter odsekov - zarovnanie - zarovnanie textov na obrazovke počítača. Zarovnávanie textov vykonávajú prehliadače automaticky podľa veľkosti obrazovky počítača:

zarovnať = stred – stred obrazovky:

zarovnať = doľava- doľava;

zarovnať = vpravo - vpravo;

zarovnať = zarovnať - celá obrazovka.

Na zarovnanie odsekov je potrebné vybrať jeden všeobecný štýl, ktorý sa musí aplikovať na všetkých vo všetkých hypertextoch na stránke.

Na úpravu hypertextu má HTML bohatú škálu písiem, štýlov a zdrojov. Najjednoduchším dizajnovým nástrojom je zvýraznenie slov s cieľom upriamiť pozornosť čitateľov stránky na jednotlivé časti textu.

Na zvýraznenie slov v hypertexte môžete použiť tučné alebo podčiarknuté s nasledujúcimi značkami:

Veľké znaky

tučné písmo

kurzíva i>

zdôrazniť

prečiarknutie

malé postavy

Výber písma v hypertexte je určený tagom : fonts :: = textové písmo>

Parametre písma - ich veľkosť a typ. Veľkosť písma sa nastavuje parametrom size = size.

Veľkosť je uvedená explicitne od 1 do 6, buď vo forme rastúcich +1, +2 alebo klesajúcich - 1, - 2.

Typ písma sa nastavuje parametrom

tvár = písmo

Písmo tu je jedno zo štandardných písiem: Times, Courier atď.

Farba písma sa nastavuje parametrom color = color, kde farba je farba vybraného hypertextového fragmentu. Napríklad - zvýraznenie textu červenou farbou:

písmo textu>

Štandardné názvy farieb v jazyku НТМL:

červeno - červená, zeleno - zelená, modro - modrá, čierno - čierna,

biela - biela, zlato - zlatá, žlto-žltá atď.

Pre návrh hypertextu je najlepšie vziať si ako vzor dobrú knihu alebo časopis vydávaný odborným vydavateľstvom, prípadne niekoho profesionálne navrhnutú e-knihu, noviny či webovú stránku na internete.

Jednotný dizajnový štýl je dôležitou vlastnosťou každej publikácie v knihách, časopisoch a na webových stránkach. V budúcnosti je najlepšie dodržiavať prijatý štandard a štýl dizajnu po celú dobu tvorby a údržby stránky.

Fragmenty hypertextu môžu byť umiestnené na tej istej stránke alebo na niekoľkých stránkach alebo dokonca na niekoľkých serveroch. Externé hypertextové odkazy označujú názvy príslušných súborov na webovej stránke, serveri alebo na internete:

Všeobecná forma externých hypertextových odkazov:

kde "adresa" je adresa hypertextu v rámci stránky alebo na inom serveri na internete.

Príklady externých hypertextových odkazov:

a) adresa webovej stránky na internete:

http: // bak2.nagod.gu

b) adresa stránky na webe:

http: // bak2.nagod.gu / inrogl.html.

c) adresa stránky v priečinku lokality;

http: // bak2.nagod.gu / testy / test2.html.

testy 2 a>

Pomocou zariadenia hypertextových odkazov na stránkach je organizované umiestnenie všetkých kresieb, fotografií a iných grafických ilustrácií. Na tento účel sú na stránke vopred zaznamenané všetky súbory s grafickými ilustráciami.

Grafické súbory sa zvyčajne nachádzajú na stránkach a v samostatnom priečinku s názvom image. Načítanie ilustrácií na obrazovky používateľských počítačov vykonávajú prehliadače s pomocou operátorov :

Všeobecná forma operátorov na načítanie grafických ilustrácií:

Usporiadanie ilustrácií na obrazovke počítača je dané parametrami zarovnania: zarovnanie = vľavo- pozdĺž ľavého okraja, zarovnanie = vpravo - pozdĺž pravého okraja obrazovky. V tomto prípade text obteká ilustráciu vpravo alebo slepo.

Ilustrácie je možné pritlačiť k hornému alebo spodnému okraju obrazovky, ktorý je nastavený parametrami: zarovnať = top - k hornému okraju, zarovnať = dole - k spodnému okraju obrazovky alebo zarovnať na stred obrazovky - zarovnať = stred.

Ak chcete umiestniť ilustrácie na obrazovku počítača, ich šírku a výšku môžete uviesť v operátorovi nakladania:

výška: = výška = "výška"

šírka: = šírka = "dĺžka"

Veľkosti ilustrácií sa nastavujú počtom bodov na obrazovke (v pixeloch) alebo ako percento výšky alebo šírky obrazovky počítača. V druhom prípade budú mať ilustrácie rôzne veľkosti na rôznych obrazovkách. Výpočtom umiestnenia ilustrácií pre obrazovky minimálnych veľkostí si môžete byť istí ich umiestnením na obrazovkách akejkoľvek inej veľkosti.

Veľkosti ilustrácií sa zvyčajne volia tak, aby boli viditeľné celé aj na obrazovkách počítačov s minimálnou veľkosťou. Ak je počítačový žeriav väčší, ilustrácie zaberú len jeho časť.

Hypertextové zoznamy sú zoznamy s číslovaním alebo zvýraznením položiek zoznamu. Všetky prvky začínajú značkami

HyperTextMarkupLanguage (HTML) - Hypertext Markup Language - určený na písanie hypertextových dokumentov publikovaných na WorldWideWeb.

Hypertextový dokument je textový súbor, ktorý má špeciálne označenia nazývané tagy, ktoré prehliadač následne rozpozná a použije ich na zobrazenie obsahu súboru na obrazovke počítača.

Pomocou týchto štítkov môžete zvýrazniť nadpisy dokumentu, zmeniť farbu, veľkosť a štýl písmen, vložiť grafiku a tabuľky. Hlavnou výhodou hypertextu oproti bežnému textu je však možnosť pridať k obsahu dokumentu hypertextové odkazy – špeciálne konštrukcie jazyka HTML, ktoré vám umožňujú kliknúť na iný dokument a zobraziť iný dokument.

Štruktúra HTML dokumentu

Najdôležitejším z HTML tagov je tag s rovnakým názvom. ... Vždy otvorí dokument, rovnako ako značka musí byť určite v poslednom riadku. Tieto značky označujú, že čiary medzi nimi predstavujú jeden hypertextový dokument. Bez týchto značiek prehliadač alebo iný prehliadač nedokáže identifikovať formát dokumentu a správne ho interpretovať.

HTML dokument pozostáva z dvoch častí, hlavy a tela, v nasledujúcom poradí:

Názov dokumentu

Telo dokumentu

Názov dokumentu najčastejšie obsahuje párovú značku s uvedením názvu dokumentu. Mnoho divákov ho používa ako nadpis okna, v ktorom dokument zobrazujú. Programy, ktoré indexujú dokumenty na internete, používajú názov na identifikáciu stránky. Dobrý nadpis by mal byť dostatočne dlhý na označenie správnej strany a zároveň by sa mal zmestiť do záhlavia okna. Názov dokumentu sa zmestí medzi otváraciu a zatváraciu značku.

Telo dokumentu je povinný prvok, pretože obsahuje všetok materiál dokumentu. Telo dokumentu je umiestnené medzi tagmi a

... Všetko, čo je umiestnené medzi týmito značkami, interpretuje prehliadač v súlade s pravidlami jazyka HTML, ktoré umožňujú správne zobrazenie stránky na obrazovke monitora.

Text v HTML je rozdelený na odseky pomocou značky<р>... Umiestňuje sa na začiatok každého odseku a divák sa s ním stretne a odseky od seba oddeľuje prázdnym riadkom. Použitie koncovej značkynie je potrebné.

Ak potrebujete „prelomiť“ text zalomením zvyšku na nový riadok a bez zvýraznenia nového odseku, použite značku zalomenia riadka
... Spôsobí, že divák zobrazí znaky, ktoré za ním nasledujú, na novom riadku. Na rozdiel od značky odseku,
nepridá prázdny riadok. Táto značka nemá zodpovedajúcu koncovú značku.

HTML podporuje logické a fyzické formátovanie obsahu dokumentu. Logické formátovanie označuje účel daného textu, zatiaľ čo fyzické formátovanie určuje jeho vzhľad.

Pri použití logického formátovania textu prehliadač zvýrazňuje rôzne časti textu podľa štruktúry dokumentu. Na zobrazenie názvu sa používa jedna z značiek 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. Príklad použitia značiek hlavičky:

l. Názov kapitoly

l.l. Názov sekcie

Značky fyzického formátovania priamo riadia vzhľad textu na obrazovke prehliadača, napríklad pár robí text tučným, nastavuje podčiarknutie textu, ovláda typ písma textu.

Tag vloží obrázok do dokumentu, ako keby to bol len jeden veľký znak. Príklad použitia značky:

Na vytvorenie hypertextového odkazu sa používa niekoľko značiek<а>... ... Kúsok textu, obrázok alebo akýkoľvek iný objekt nachádzajúci sa medzi týmito značkami sa zobrazí v okne prehliadača ako hypertextový odkaz. Aktivácia takéhoto objektu spôsobí načítanie nového dokumentu do okna prehliadača alebo na zobrazenie inej časti aktuálnej webovej stránky. Hypertextový odkaz sa vytvorí pomocou výrazu:

Href je povinný atribút, ktorého hodnota je URL požadovaného zdroja. Úvodzovky sú voliteľné pri zadávaní hodnoty atribútu href. Ak je odkaz nastavený na dokument na inom serveri, typ hypertextového odkazu je nasledujúci:

<а href = "http://www.school.donetsk.ua/11.jpg">Fotografia 11-A

Pomocou rôznych značiek môžete do dokumentu kresliť tabuľky, formátovať text, vkladať obrázky, video-zvukové súbory a ďalšie.