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

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 webovým tvůrcům už se nikdo nemusí potýkat s kódováním 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ě spojují 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 titulek 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:

Pojďme také analyzovat tuto značku. Skutečná značka je opět a požadované atributy jsou src = a alt =. První odkazuje 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.

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 HTML 5 kroků k pochopení základního kódu HTML HTML je páteří každé webové stránky. Pokud jste začátečník, projdeme vás základními kroky k pochopení HTML.
  • 5 HTML tipů pro vytvoření rychlého načítání webové stránky zdarma 5 HTML tipů pro vytvoření rychlého načítání webové stránky zdarma 5 HTML tipy pro vytvoření rychlé načítání webové stránky zdarma
  • 7 skvělých efektů HTML, které může kdokoli přidat na své webové stránky 7 skvělých efektů HTML, které může kdokoli přidat na své webové stránky 7 skvělých efektů HTML, které může kdokoli přidat na své webové stránky Nezoufejte! Nemusíte znát CSS nebo PHP, abyste si vytvořili fantastický web. Některé dobré staré HTML a vědět, jak zkopírovat a vložit, to udělá.

  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