Top 11 značek HTML, které musí znát každý majitel blogu a webu

reklama

Celosvětový web zná mnoho jazyků a je kódován v několika různých jazycích. Jediným jazykem, který lze najít všude a existuje již od vynálezu webových stránek, je značkovací jazyk HyperText, lépe známý jako HTML. Jak název napovídá, HTML není programovací, ale značkovací jazyk. Prohlížeče interpretují značky za účelem vizualizace obsahu na webových stránkách. Ve své nejjednodušší podobě se HTML používá k formátování textu, vkládání mediálních souborů a organizování obsahu na webové stránce. Jinými slovy, HTML popisuje webové stránky a na základě tohoto popisu prohlížeč vytvoří „obrázek“.

Díky bezplatným tvůrcům webových stránek si už nikdo nemusí kódovat HTML. Občas se však mohou hodit značky HTML, například k rychlým změnám na webu, přidání hypertextu do komentáře nebo formátování textu pro příspěvek na fóru. V tomto článku vám chci ukázat několik, možná náhodných, ale rozhodně užitečných a jednoduchých značek pro každodenní použití.

Než začneme, dovolte mi představit vám některá základní pravidla, která snad usnadní pochopení značek HTML:

• HTML používá značkovací značky, které jsou uzavřeny v hranatých závorkách, například:
• Značky, které vypadají jako ty ve výše uvedeném příkladu, se nazývají počáteční značky. Po každé počáteční značce musí v určitém okamžiku následovat koncová značka, například:
• Některé značky nepopisují obsah. Aby však byly v souladu se současnými standardy, musí ještě skončit. Následně spojí počáteční a koncovou značku, jako je tato:
  

Formátování textu

HTML značky jsou obvykle jednoduché. Značky pro vytváření tučného, ​​kurzívního nebo podtrženého textu jsou odvozeny od příslušného slova.

Vstup:tučně
Výstup: tučně

Vstup:kurzíva
Výstup:kurzíva

Vstup:podtrženo
Výstup:podtrženo

Vstup:proškrtněte text
Výstup:proškrtněte text

Vytváření hypertextů

Obyčejné adresy URL mohou vypadat docela ošklivě. Přidání hypertextového odkazu do textu, tj. Vytvoření hypertextu, je mnohem stylovější a ušetří místo, zejména pokud je odkaz velmi dlouhý.

Vstup:MakeUseOf
Výstup:MakeUseOf

Jak vidíte, tato značka HTML je o něco složitější, takže se na ni podívejme podrobně. Skutečná značka je a další prvky jsou atributy, které specifikují další vlastnosti. Atribut href = určuje odkaz a title = definuje popis kurzoru myši. Nezapomeňte použít odkaz a nadpis k uzavření odkazu a názvu, jinak byste mohli skončit přerušeným odkazem.

Vkládání obrázků

Obrázek může říci více než tisíc slov. Měli bychom je používat častěji. A takto můžete ručně vložit jeden pomocí HTML:

Vstup:
Výstup:

Pojďme také analyzovat tuto značku. Skutečná značka je opět a požadované atributy jsou src = a alt =. První z nich ukazuje na umístění obrázku, tj. Jeho URL, a druhý poskytuje alternativní text, který se zobrazí v případě, že je zobrazení obrázků blokováno nebo je odkaz přerušen. Znovu použijte uvozovky, abyste se vyhnuli přerušeným odkazům.

značka je také příkladem značky, která nemusí být „zakončena“, a proto se uzavírá dopřednou pomlčkou v počáteční značce, tj. spíše než .

Přestávky a odstavce

Chcete-li vytvořit strukturovaný text, musíte použít konce řádků a odstavce. A to jsou značky, které potřebujete znát:

Vstup:

Výstup: Tato značka vytvoří konec řádku. Toto je další značka, která spojuje počáteční a koncovou značku do jedné.

Vstup:

Text uvnitř odstavce.

Výstup: Na rozdíl od předchozí značky má značka odstavce standardní počáteční a koncovou značku. Text mezi těmito dvěma značkami je zalomen do odstavce, což znamená, že před a za je prázdný řádek.

Seznamy

V zásadě existují dva typy seznamů: uspořádané a neuspořádané seznamy, lépe známé jako číslované a odrážkové seznamy. Chcete-li vytvořit jeden, musíte znát dvě různé značky, ale celkem pouze tři. Podívejme se nejprve na příklady:

Vstup:

1. Bod jedna


2. Bod dva

Výstup:

1. Bod jedna
2. Bod dva

Vstup:

• Bod jedna


• Bod dva

Výstup:

• Bod jedna
• Bod dva

Chcete-li vytvořit uspořádaný seznam, použijte značku a v případě neuspořádaného seznamu vložte štítek. V obou případech

tag se používá k definování položky v seznamu.

Nyní, když jste viděli, jak jednoduchý a logický HTML je, možná budete chtít jít nad rámec samotných základů a naučit se trochu víc. Další tipy týkající se HTML naleznete v těchto článcích:

• 5 kroků k pochopení základního kódu HTML 5 kroků k pochopení základního kódu HTMLHTML je páteří každé webové stránky. Pokud jste začátečník, projdeme vás základními kroky k porozumění HTML. Přečtěte si více
• 5 HTML tipů pro vytvoření rychlého načítání webových stránek zdarma 5 HTML tipů pro vytvoření rychlého načítání webových stránek zdarma Přečtěte si více
• 7 skvělých efektů HTML, které může kdokoli přidat na své webové stránky 8 skvělých efektů HTML, které může kdokoli přidat na své webové stránkyNemusíte znát CSS nebo PHP, abyste si vytvořili fantastický web. Pomocí těchto skvělých triků HTML můžete vytvářet úžasné efekty. Přečtěte si více

Cítíte se teď trochu jistější ohledně používání značek HTML nyní? Pokud jste dříve kódovali ručně, jaké značky podle vás chybí?

Obrazové kredity: kentoh