Top 11 značiek HTML, ktoré musí každý vlastník blogu a webových stránok vedieť

Reklama

Celosvetový web pozná veľa jazykov a je kódovaný v niekoľkých rôznych jazykoch. Jediným jazykom, ktorý sa však dá nájsť všade a existuje už od objavenia webových stránok, je značkovací jazyk HyperText, známy pod menom HTML. Ako už názov napovedá, HTML nie je programovací, ale značkovací jazyk. Prehliadače interpretujú značky tak, aby vizualizovali obsah na webových stránkach. Vo svojej najjednoduchšej podobe sa HTML používa na formátovanie textu, vkladanie mediálnych súborov a organizovanie obsahu na webovej stránke. Inými slovami, HTML popisuje webové stránky a na základe tohto popisu prehliadač vytvorí „obrázok“.

Vďaka bezplatným tvorcom webových stránok už nikto naozaj nemusí hovoriť s kódovaním HTML. Príležitostne sa však môžu hodiť značky HTML, napríklad na rýchle vykonanie zmien na webových stránkach, pridanie hypertextového textu do komentára alebo naformátovanie textu pre príspevok na fóre. V tomto článku vám chcem ukázať niekoľko, možno náhodných, ale určite užitočných a jednoduchých značiek na každodenné použitie.

Skôr ako začneme, dovoľte mi predstaviť niekoľko základných pravidiel, ktoré, dúfajme, uľahčia pochopenie značiek HTML:

• HTML používa značkovacie značky, ktoré sú uzavreté v hranatých zátvorkách, napríklad:
• Značky, ktoré vyzerajú ako v príklade vyššie, sa nazývajú počiatočné značky. Po každej počiatočnej značke musí v určitom okamihu nasledovať koncová značka, napríklad:
• Niektoré značky neopisujú obsah. Aby však boli v súlade so súčasnými normami, musia ešte skončiť. Následne zjednocujú počiatočnú a koncovú značku, napríklad:
  

Formátovanie textu

Značky HTML sú zvyčajne jednoduché. Značky na zvýraznenie textu tučným písmom, kurzívou alebo podčiarknuté sú odvodené od príslušného slova.

vstup:smelý
Výstup: tučné

vstup:kurzíva
Výkon:kurzíva

vstup:podčiarknutá
Výkon:podčiarknutá

vstup:preškrtnite text
Výkon:preškrtnite text

Vytvára sa hypertext

Obyčajné adresy URL môžu vyzerať dosť škaredo. Pridanie hypertextového odkazu do textu, t. J. Vytvorenie hypertextu, je omnoho štýlovejšie a ušetrí miesto, najmä ak je odkaz veľmi dlhý.

vstup:Použiť
Výkon:Použiť

Ako vidíte, táto značka HTML je trochu zložitejšia, preto sa na ňu pozrieme podrobne. Skutočná značka je a ďalšie prvky sú atribúty, ktoré špecifikujú ďalšie charakteristiky. Atribút href = určuje odkaz a title = definuje popis myši. Na uzavretie odkazu a názvu nezabudnite použiť úvodzovky, inak by ste mohli skončiť prerušeným odkazom.

Vkladanie obrázkov

Obrázok môže povedať viac ako tisíc slov. Mali by sme ich používať častejšie. A takto môžete ručne vložiť pomocou HTML:

vstup:
Výkon:

Poďme tiež analyzovať túto značku. Skutočná značka je opäť a požadované atribúty sú src = a alt =. Prvý z nich ukazuje na umiestnenie obrázka, t. J. Jeho URL, a druhý poskytuje alternatívny text, ktorý sa zobrazí v prípade, že je zobrazenie obrázkov zablokované alebo je odkaz prerušený. Znovu použite úvodzovky, aby ste sa vyhli prerušeným odkazom.

značka je tiež príkladom značky, ktorá nemusí byť „ukončená“, a preto sa uzatvára pomlčkou v úvodnej značke, t. radšej než .

Prestávky a odseky

Ak chcete vytvoriť štruktúrovaný text, musíte použiť zalomenie riadkov a odseky. A to sú značky, ktoré potrebujete vedieť:

vstup:

Výkon: Táto značka vytvára zalomenie riadka. Upozorňujeme, že toto je ďalšia značka, ktorá spája začiatočnú a koncovú značku do jednej.

vstup:

Text vo vašom odseku.

Výkon: Na rozdiel od predchádzajúcej značky má značka odseku štandardnú počiatočnú a koncovú značku. Text medzi týmito dvoma značkami je zalomený do odseku, čo znamená, že pred a za je prázdny riadok.

zoznamy

V zásade existujú dva typy zoznamov: usporiadané a neusporiadané zoznamy, lepšie známe ako číslované a odrážkové zoznamy. Ak chcete vytvoriť buď, musíte poznať dve rôzne značky, ale celkovo iba tri. Pozrime sa najprv na príklady:

vstup:

1. Položka jedna


2. Bod dva

Výkon:

1. Položka jedna
2. Bod dva

vstup:

• Položka jedna


• Bod dva

Výkon:

• Položka jedna
• Bod dva

Ak chcete vytvoriť usporiadaný zoznam, použite značku a pre neusporiadaný zoznam vložte tag. V obidvoch prípadoch

Značka sa používa na definovanie položky v zozname.

Teraz, keď ste videli, aké jednoduché a logické HTML je, možno budete chcieť ísť nad rámec samotných základov a naučiť sa trochu viac. Ďalšie tipy týkajúce sa HTML nájdete v týchto článkoch:

• 5 krokov na pochopenie základného kódu HTML 5 krokov na pochopenie základného kódu HTMLHTML je chrbtovou kosťou každej webovej stránky. Ak ste začiatočník, prečítajte si základné kroky k pochopeniu HTML. Čítaj viac
• 5 HTML tipov na vytvorenie rýchleho načítania webových stránok zdarma 5 HTML tipov na vytvorenie rýchleho načítania webových stránok zdarma Čítaj viac
• 7 skvelých efektov HTML, ktoré môže ktokoľvek pridať na svoju webovú stránku 8 skvelých efektov HTML, ktoré môže ktokoľvek pridať na svoju webovú stránkuNemusíte poznať CSS alebo PHP, aby ste si vytvorili fantastický web. Pomocou týchto skvelých trikov HTML vytvoríte úžasné efekty. Čítaj viac

Cítite sa teraz trochu istejšie pri používaní značiek HTML? Ak ste už predtým kódovali ručne, aké značky podľa vás chýbajú?

Obrázkové kredity: kentoh