Skip to main content

Naučte se základy HTML pro vaše webové stránky

Hana Ondrušková – Naučte se říkat NE (Červen 2026)

Hana Ondrušková – Naučte se říkat NE (Červen 2026)
Anonim

Zjistěte základní HTML pro vytvoření vašeho webu. Základní HTML není těžké se naučit. Learning HTML je pravděpodobně jedna z nejdůležitějších věcí, jaké kdy budete dělat, pokud chcete vytvořit vlastní osobní web. Musíte se naučit HTML navrhnout dobré stránky, protože to je jazyk, na kterém jsou založeny webové stránky na internetu.

Webové stránky jsou skvělým způsobem, jak předvést něco ve vašem životě. Základní HTML vám umožní ukázat světu, jaký chcete, aby se zobrazoval na vašem webu. Přidání barev, změna velikosti textu a včetně obrázků na vašem webu jsou jen některé z věcí, které můžete udělat, když se učíte základní HTML.

Chcete-li se naučit základní HTML, musíte mít na paměti, že je to jen série dopisů, které jsou zkratkami toho, co vlastně stojí. Například H1 znamená nadpis pro odstavce, která je první z pěti velikostí a BR je přerušení řádku.

Důležitá věc, kterou je třeba pamatovat, když se naučíte základní HTML, je to, že na webové stránce musí tagy HTML pocházet z určitého pořadí a většina značek HTML musí mít značku začátku a konce, aby prohlížeč rozpoznal příkaz. Koncová značka je jednoduše stejná jako značka start, kromě toho, že začíná znakem / symbol. Nadpis by vypadal takto

Nadpis zde

. K dispozici je startovní značka, H1, nadpis a koncovou značku, / H1.

Naučte základní HTML správným způsobem a nezapomeňte, že značky musí přijít v určitém pořadí. Základní struktura webové stránky je následující:

Zde můžete zadat důležité informace o dokumentech, jako jsou rámce, jazyk a speciální pokyny.

Název vaší stránky.

Dej svůj příběh, fotky, odkazy a vše ostatní.

Nadpis vašeho odstavce.

Zde zadáváte text dokumentu.

Takto napište odkaz:Název nebo co chcete říct.

Můžete také zadat odkaz do poloviny věty. Pokud jste chtěli říct "Microsoft má nějaké úžasné demo." Bude to vypadat takto:

Microsoft má nějaké úžasné ukázky, které vám pomohou naučit se základní HTML.

Můžete nejen vytvořit odkazy na jiné stránky, ale můžete také vytvořit odkazy na jiné místo na stejné stránce. Pokud bych chtěl, abyste se vrátili na začátek tohoto článku, řekl bych něco jako "Jdi zpět" a kliknutím na hypertextový odkaz se vrátíte zpátky na začátek. Tenhle je trochu obtížnější, protože tam jsou dvě části. Nejprve vytvořte svůj odkaz:

Vraťte se zpět

Slovo "Tam" je slovo, které vás chci vzít zpět, takže teď musím jít na toto slovo a vytvořit a ukotvit tak, aby odkaz, který jsem právě vytvořil, ví, kam jít:

Tam

Když se naučíte základní HTML, můžete napsat svůj web do textového editoru, který je dodáván se systémem Windows, programy jako NoteTab a Arachnophilia nebo programy dodávané s webovým prohlížečem. Ať tak či onak, pokud se budete řídit pravidly od doby, kdy jste se naučili základní HTML, všechno se vám bude líbit.

Základní HTML značky

- Komentáře autora, které prohlížeč neuvidí.

- Stránku vždy spusťte a ukončete pomocí této značky.

- Záhlaví dokumentu.

- Tělo dokumentu.

- Název dokumentu.

- Nejmenší velikost titulku.

- Velikost malého čísla.

- Středně malá velikost čísla.

- Velikost středního a velkého čísla.

- Velká velikost titulku.

- Největší velikost titulku.

- Spustí hypertextový odkaz.

- Informace o autorech.

- Dlouhé uvozovky.

- Předformátovaný text.

- formulářový blok.

- Vytvoří pole pro zadání textu.

- Vytvoří rolovací nabídku.

- Vytvoří položky, které chcete vybrat.

- Seznam adresářů.

- Objednaný seznam.Příklad uspořádaného seznamu:

  1. Červené
  2. modrý
  3. zelená

- Neřízený seznam.Příklad neřízeného seznamu:
  • Červené
  • modrý
  • zelená

- Seznam nabídek.

- Seznam slovníků.

- Citace.

- písmo kódu.

- Definovaný termín.

- Důraz.Příklad důrazu na červenou: Červené, modrá zelená

- Kurzíva.Příklad kurzívy: červená, modrá, zelená

- Text na klávesnici.

- Ukázkový text.

- Silný důraz.Příklad silného důrazu:červená, modrá, zelená

- text psacího stroje.

- Proměnná.

- Tučně.

- Odkaz na umístění pro jiné adresy URL.

- Umožňuje propojení dokumentů.

- Popisuje dokument.


- Přerušení řádku.

- Vodorovná čára.

- Obraz.

- Odstavec.

- Seznam položky.

- Označuje termín v seznamu.

- Označuje definici v seznamu.