Co je jazyk HTML? html tutoriál. Jaký je HTML kód stránky

Nebudeme se pouštět do podrobností a historie toho, co HTML je, ale rovnou přejdeme k hlavním bodům. HTML je základem pro vytvoření jakékoli webové stránky! Při studiu tématu stavby stránek je nutné začít právě jím. Není zde nic těžkého. mistr tuto technologii Zvládne to KAŽDÝ!

Chci hned poznamenat, že se nejedná o programovací jazyk, ale o značkovací jazyk.

Proč je učení HTML snadné?

Mluvit plynule anglický jazyk Nemusíte znát všechna slova, která jsou v angličtině. Zde se tedy stačí naučit některé ze základních značek a naučit se s nimi pracovat. A pak už stačí jen cvičit a rozvíjet dovednosti.

Pojďme se začít učit tuto fascinující a zároveň jednoduchou technologii.

Trocha teorie...

Každá stránka se skládá ze značek. To znamená, že stránka ve skutečnosti nevypadá tak, jak jsme na ni zvyklí, ale skládá se z mnoha značek, z nichž každá hraje určitou roli.

Vypadá to jako velká cihlová zeď. Pokud jsou všechny cihly na něm úhledně položeny, vypadá celá zeď krásně. Při psaní struktury stránky je tedy potřeba věnovat pozornost každému tagu, protože je to „cihla“ pro naši budoucí stránku.

Ale co je tag v HMTL?

Tento HTML prvek stránku, která tak či onak ovlivňuje zobrazení a rozvržení stránky. Slovy, je to docela těžké pochopit, takže je třeba se na vše okamžitě podívat v praxi a zvyknout si na kód. Podívejte se na obrázek níže:

Toto je struktura nejjednodušší stránky. Ale tato opakovaná slova v trojúhelníkových závorkách jsou značky. Pokud otevřete svůj textový editor a piš daný kód a poté uložit jako HTML, budete mít stránku HTML. Zatím není jasné, co je HTML? 🙂

Z této struktury můžete vidět ty značky, které musí být přítomny. Toto jsou značky:

• a zavírání
• a zavírání
• a zavírání

Aby to bylo jasnější, zvýraznil jsem je. oranžový na obrázku níže:

Vše, co napíšeme mezi značky A na naší stránce neuvidíme. Tyto značky mohou prohlížeči sdělit o kódování, o názvu naší stránky, lze zde připojit různé styly, skripty a tak dále. To vše uvidíte v dalších lekcích.

A zde jsou všechny značky, které napíšeme mezi značky A, v závislosti na jeho účelu, ovlivní přesně strukturu našeho HTML stránky.

No, bylo jasnější, co je HTML? 😉 Ale nezastavujeme a jedeme dál...

Některé značky mohou mít uzavírací značku a některé ne. Například tag je tam uzavírací značka. Jak jste možná uhodli, štítky jsou uzavřeny lomítkem.

Je velmi důležité respektovat otevírací a uzavírací štítky. Aby nedošlo k chybám. Prohlížeč nemusí ukazovat chybu, ale struktura vašich stránek bude nesprávná a další práce se styly (kde budeme dělat vzhled) vůle velké problémy. Pokud má tedy tag uzavírací tag, pak musí být přítomen na správném místě.

Vezměme si příklad, jak NEZAVÍRAT značky a v jakém pořadí to udělat. Příklad dvou značek:

Správný HTML KÓD

To, co vidíte nahoře - Tento správné pořadí psaní uzavíracích značek. Ale taková situace může nastat

CHYBA V KÓDU HTML

Takže zavřete značky striktně zakázáno!

Procvičte si, abyste pochopili, co je HTML...

Chcete-li se dozvědět více o tom, co je HTML, můžete si to pouze procvičit. K tomu můžete použít jakýkoli textový editor. Dokonce i poznámkový blok. Doporučuji ale používat Notepad++, protože funkcí pro práci s HTML je mnohem více. Můžete si jej stáhnout z odkazu Download Notepad++. Tento editor má všechny funkce pro vytváření a HTML editace stránky.

Začněme. Po otevření programu se zobrazí následující okno:

Chcete-li vytvořit stránku HTML, musíte do tohoto pole zadat „tělo“ stránky. Níže uvedený text můžete zkopírovat a jednoduše vložit. Lepší je ale vše zadávat ručně. Takže si můžete rychle zapamatovat a zvyknout si na značky.

Měli byste tedy získat následující:

Dále je třeba uložit tato stránka ve formátu HTML. Chcete-li to provést, klikněte na nabídku "Soubor", zde klikněte na "Uložit jako ...". Zadejte název stránky HTML. Pojmenoval jsem to index.html. Poté jej stačí uložit na vhodné místo v počítači. Poté se objeví zvýraznění HTML tagu, protože editor poznámkového bloku++ pochopí, co to je HTML dokument. A mnohem příjemnější je práce s podsvícením.

Ahoj všichni!

Pokud jsme začali studovat, musíte to vědět základy HTML a CSS, které pomohou zlepšit a zatraktivnit naše stránky vyhledávače. Celý tento týden vám budu vyprávět o práci s kódem webu a zde je to, co vás čeká:

• . Naučíme se upravovat kód webu pomocí těchto editorů;
• . Pomůžeme vyhledávacímu robotu pochopit strukturu stránky;
• . Zjistíme, jak správně je složen kód webu a najdeme chyby;

Jak můžete vidět, tento týden budeme mít hodně práce, takže se přihlaste k odběru aktualizací blogu Context-UP a získejte všechny lekce na váš e-mail, pokud ještě nejste přihlášeni.

Základy HTML

HTML (Hyper Text Markup Language) je značkovací jazyk pro dokumenty na webu. To znamená, že jakákoli stránka vašeho webu je dokument a prohlížeč je prostředkem k prohlížení takových dokumentů.

Úkolem HTML je ukázat prohlížeči, kde se nachází ten či onen prvek dokumentu. S pomocí daný jazyk, jsou na stránce rozmístěny prvky, které zaujímají určité místo, které se následně zobrazují na monitoru návštěvníka webu.

Značkovací jazyk se skládá ze speciálních značek, které prohlížeči pomáhají určit:

• Struktura dokumentu;
• Umístění prvku;
• Účel prvku;
• Připojené soubory třetích stran;
• A mnoho, mnoho dalších.

Tomu rozumí i vyhledávací roboti, takže je třeba věnovat zvláštní pozornost tomu, jak dobře je dokument napsán z hlediska SEO a jakou má strukturu.

Struktura HTML

Jakýkoli dokument HTML má počáteční strukturu, která musí být v povinném pořadí respektována. Vypadá to takto: