Ak sa rozhodnete vytvoriť webovú stránku, potom bez jazykahtml hypertextové značenie nebudete mať ďaleko. Samozrejme, stále existujú CSS, PHP a iné skriptovacie jazyky, bez ktorých nebude fungovať plnohodnotná stránka, ako ste ju videli. Sú to však hlavné značky HTML, ktoré vám umožnia položiť základy pre váš web.
Keď otvoríte akýkoľvek html dokument alebona webovej stránke vidíte obrovské množstvo rôznych značiek. Ak sa však pozriete pozorne, väčšina z nich sa opakuje, pretože opisujú rovnaké prvky. Napríklad hlavné značky html zahŕňajú značky, ako napríklad typ dokumentu , ,
, ,Hlavná značka pre web html, pretože je to onObsahuje všetky viditeľné prvky stránky - všetok text, všetky obrázky a ďalšie informácie. V skutočnosti je rovnako ako značka kontajnerom pre ďalšie značky. Príklad:
Viditeľný obsah webovej stránky
Všetky vyššie uvedené značky sú základnéhtml jazykové značky. V jazyku označovania hypertextom však stále existuje veľké množstvo ďalších prvkov. Napríklad značky odsekov a nadpisov. Umožňujú vám usporiadať text, rozdeliť ho na samostatné odseky a zvýrazniť ho. Takže pre odseky sa používa značka
, je to párová značka, medzi otváracími a uzatváracími prvkami, ktorých text je nejaký. Príklad:
Text odseku
Okrem odsekov môže text obsahovaťhlavičky. Môžu však tiež zmeniť vzhľad textu obsiahnutého vo vnútri, zväčšiť jeho veľkosť a zvýrazniť tučným písmom. Existuje 6 typov nadpisov, ktoré sa líšia veľkosťou. Napríklad hlavička
Žiadna stránka sa nezaobíde bez obrázkov,obrázky a fotografie. Bez tohto by webové stránky boli v skutočnosti suchým textom, ktorý by nebol zaujímavý pre štúdium. Aby bolo možné vložiť akýkoľvek obrázok na web, značka sa používa v značkovacom jazyku hypertextu. Je dôležité si uvedomiť, že táto značka nie je spárovaná, takže v kóde bude napísaná ako
.
Okrem textu a rôznych obrázkov častostránky používajú odkazy. Môžu presmerovať na zdroj tretích strán alebo na inú stránku vášho webu. Na označenie prítomnosti odkazu sa používa značka .
Trochu sme prišli na niektoré základné značky.Väčšina značiek však má aj atribúty. Sú registrované v otváracom prvku a skladajú sa z dvoch častí. Prvý je názov samotného atribútu, druhý je hodnota tohto atribútu, ktorý je napísaný za znamienkom "=" a je uvedený v úvodzovkách.
У многих тегов есть атрибуты.Pre niektoré značky je však ich prítomnosť voliteľná, ak nechcete prvky nijako upravovať. V prípade ostatných značiek je prítomnosť atribútov povinná, napríklad značka (na vytváranie hypertextových odkazov) a značka (na pridávanie obrázkov na stránku). Ide o to, že ak neuvedieme atribúty a ich hodnoty v týchto základných značkách html, neuvidíme ich na stránke lokality.
Ak v kóde uvediete text, ktorý je súčasťou značky, okrem tohto textu sa na webovej stránke nič nezobrazí. Samotná značka v skutočnosti hovorí iba o úmysle vytvoriť hypertextový odkaz, a ak ho chcete skutočne vytvoriť, potrebujete atribút. Tento atribút bude href a hodnota tohto atribútu bude odkaz na konkrétny zdroj. Ak teda chceme vytvoriť odkaz na stránku fb.ru, bude to vyzerať takto:
Celý text, ktorý je medzi značkami , je teda hypertextovým odkazom a hodnota atribútu href uzavretá v dvojitých úvodzovkách bude adresa, na ktorú prejdeme kliknutím na text.
Podobná situácia je aj pri značke .Ak s týmto atribútom a jeho hodnotou neuvedieme, obrázky na webovej stránke sa nezobrazia. Podobne ako v prípade značky , prítomnosť značky
znamená, že do nášho kódu vložíme fotografiu. Aby sa však tento obrázok zobrazil, musíte zadať adresu tohto obrázka. Na tieto účely budete musieť použiť atribút src, ktorého hodnotou bude adresa obrázka umiestneného v prostriedku tretej strany alebo v počítači.
Кроме того, у тега существует еще один atribút. Nepovažuje sa za povinné, ale uznáva sa ako odporúčané na použitie. Tento atribút je alternatívnym textovým atribútom. Hodnota tohto atribútu bude text zodpovedajúci popisu fotografie alebo obrázka. Tento text sa zobrazí, ak sa obrázok z nejakého dôvodu nenačíta. Použitie tohto atribútu okrem toho pomôže ľuďom so zrakovým postihnutím, ktorí používajú čítačky obrazovky. Značka
spolu s dvoma poskytnutými atribútmi budú teda vyzerať takto:
alt = "popis obrázku" />
Existuje veľké množstvo atribútov;zoznam je rovnako veľký ako zoznam základných značiek HTML. Existuje však atribút, ktorý je súčasťou mnohých značiek. Toto je zarovnanie. Môže sa použiť so značkou , ako aj so značkou
. Jeho podstatou je, že určuje polohu obrázka alebo textu na stránke. Najzákladnejšie hodnoty pre tento atribút sú doprava a doľava, ktoré označujú zarovnanie vľavo a vpravo (v tomto poradí). Ak ho použijete na obrázok, kód bude vyzerať takto:
alt = "popis obrázku"
align = "right" />
Je však potrebné poznamenať, že to nedávnoniektoré z týchto atribútov sa nepoužívajú a namiesto toho sa používajú kaskádové štýly (CSS). Na použitie štýlov v html je predpísaná značka , ktorá je navrhnutá na prepojenie štýlov a je umiestnená v značke
.
