Keď hovoríme o kóde HTML, mnohí z vás si určite predstavia jazyk, ktorý sa používa na štruktúrovanie informácií, ktoré sa nám poskytujú, keď vstúpime do prehliadača alebo webovej stránky. Ale tu to nekončí, aby sme lepšie pochopili, čo HTML je a na čo slúži, musíme sa do tejto témy ponoriť oveľa ďalej.
Tento kód, o ktorom budeme hovoriť, je základným základom vývoja webu. Zakaždým, keď si prezeráme rôzne stránky, HTML je viac než prítomné na všetkých z nich, či už ide o módnu stránku alebo osobný blog. Ak máte záujem dozvedieť sa viac o tejto téme, vezmite si pero a papier a začneme.
Čo je HTML kód a na čo sa používa?
Ako sme uviedli na začiatku tejto publikácie, HTML je jazyk, pomocou ktorého môžeme definovať obsah našej webovej stránky. V španielčine akronym zodpovedá definícii Hypertext Markup Language. Teda sériu označení, ktoré je náš prehliadač schopný interpretovať a pomocou ktorých môžeme definovať naše texty a ďalšie typy aspektov, ktoré budú súčasťou webovej stránky, obrázkov, grafiky atď.
Tento jazyk, ktorým hovoríme Má funkciu popísať štruktúru, ktorú stránka sleduje, a tiež nám pomáha organizovať spôsob, akým sa budú zobrazovať.. Okrem toho všetkého vám HTML umožní zahrnúť rôzne presmerované odkazy na iné typy stránok alebo dokonca dokumentov.
Nie je to programovací jazyk, pretože nespĺňa určité aritmetické funkcie. Môžeme teda poukázať na to, že jeho hlavnou funkciou je schopnosť vytvárať statické webové stránky. Je veľmi užitočný, pretože jeho kombináciou s iným typom programovacieho jazyka môžete získať najdynamickejšie stránky, ako mnohé z tých, ktoré denne navštevujeme.
Trochu histórie HTML
graffica.info
Tento jazyk sa zrodil v roku 1980, keď vedec Tim Berners-Lee predstavil myšlienku nového hypertextového systému.. Vychádzal z potreby mať možnosť zdieľať dokumenty a súbory. V tejto publikácii, ktorá hovorí o HTML, je popísaných celkom 22 značiek, ktoré naučili počiatočný a jednoduchý návrh toho, čo tento jazyk bol.
V súčasnosti je niekoľko z týchto označení, ktoré boli spomenuté pred rokmi, stále zachovaných, v porovnaní s ostatnými, ktoré zostali bokom, a ďalšími, ktoré boli časom pridané. Z toho, čo môžeme poukázať na to, že počas jeho histórie existovali rôzne verzie HTML.
Nezabúdajme, že tento typ jazyka je možné spracovať iba prostredníctvom prehliadača ako tie, ktoré momentálne používame na tejto webovej stránke na čítanie uvedenej publikácie.
Druhy štítkov
Jedna z vecí, na ktoré sme poukázali v predchádzajúcej časti, je, že jazyk HTML sa skladá z rôznych značiek. Tieto štítky pre tých, ktorí nevedia, sú to akési časti textu chránené zátvorkami alebo zloženými zátvorkami, ktorých cieľom je napísať uvedený kód.
tieto štítky, Zvyčajne sú ohraničené tým, čo poznáme v zátvorke v tipe <>, teda;. Používajú sa na popis toho, čo chcete, aby sa zobrazovalo na webe, pokiaľ ide o vzhľad.
V HTML azistíme, že je definovaných veľké množstvo rôznych označení. V závislosti od použitia, ktoré sa jej bude venovať, uvidíme niektoré z nich nižšie.
- otvárací štítok: sú tie, ktoré sa používajú na začiatku stránok. Hovorí nám, kde začína alebo končí určitý prvok. Názov prvku musí ísť medzi špicaté zátvorky.
- uzatváracie značky: to isté ako v predchádzajúcom prípade, ale tieto označujú koniec prvku. Líšia sa hlavne spôsobom písania, keďže sa objavuje diagonálna čiara.
- titulné značky: Označia, že to, čo sa umiestni ďalej, je názov našej stránky.
- štítky na tele: v tomto prípade hovoríme o značkách, ktoré označujú časť tela textu, teda bloky textu, ktoré nasledujú.
- hlavička tag: ako už názov prezrádza, ide o štítok, ktorý označuje nadpis alebo hlavičku našej stránky.
- titulková značka: v tomto prípade hovoríme o titulkoch úrovne 2.
- značka odseku: sú tie, ktoré sa používajú na to, aby sa náš text zobrazil v riadku zoskupeným spôsobom.
- Štítok spodnej časti: Ukazuje na spodok textu. Dá sa stotožniť so záverom alebo so záverečnou časťou stránky, kde sa nachádzajú kontaktné informácie alebo sociálne siete.
- Štítok v hornej časti: označujeme hornú časť textu alebo hlavičku na stránke.
- tučný štítok: ako všetci vieme, majú na starosti zvýraznenie nejakého prvku, ktorý uzatvára náš text.
- kurzívou: podobne ako v predchádzajúcom prípade, ale tu sa objavuje to, čo je naznačené kurzívou.
- image tag: je ten, ktorý používame, keď chceme na našu stránku vložiť obrázok.
- značky odkazov: ak chceme pridať odkazy kdekoľvek na našej webovej stránke, musíme pridať túto značku.
Toto sú niektoré z hlavných značiek používaných v jazyku HTML. Pre každý tag, ktorý otvoríme, musíme pamätať na to, že ho musíme zavrieť, v opačnom prípade nebudeme mať uvedený tag správne zaradený. Ak to urobíte správnym spôsobom, dosiahnete dobre štruktúrovaný jazyk HTML. Zle napísaný kód môže generovať chyby pri vytváraní stránky. Prehliadač to navyše nerozpozná a zobrazí sa nám prázdna obrazovka alebo sa stránka priamo zobrazí tak, ako je.
Teraz, keď viete, čo je HTML, na čo slúži a niektoré z jeho najzákladnejších značiek, rozumiete základnej štruktúre tohto jazyka, o ktorom hovoríme. Keď to budete vedieť, odporúčame vám použiť rôzne označenia, ktoré sme pomenovali, a pridať nové, aby ste vytvorili a precvičili to, čo ste sa naučili.