HTML kód. HTML barevné kódy

Jistě jste se setkal s takovou věcí, jako je HTML kód. Slyšel jsem od přátel, viděl v menu svého prohlížeče atd. Ale co to je? Pokusíme se zjistit, jaký kód je a jakými prvky tvoří.

Základní informace

Začněme definicí. HTML kód je značka jakékoli webové stránky, která je spuštěna pomocí HTML.

Tento kód se skládá z značek, pomocí kterých prohlížeč určuje, jak vypadá konkrétní stránka. Jeho struktura je rozdělena na dvě části: hlavička - název dokumentu, ve kterém je předepsán název stránky, stejně jako informace o samotném dokumentu a těle - těle dokumentu, ve kterém jsou nastaveny parametry stránky.

Abyste vytvořili víceméně slušnou webovou stránku napsanou od nuly, měli byste se naučit značky používané tímto jazykem, jejich parametry a také znát barevné kódy HTML.

Tagy

Značka je prvek jazyka HTML. Pomocí něj můžete určit písmo, barvu, velikost textu, vložit tabulky a obrázky do něj, formátovat, vytvářet nadpisy, odkazy a malovat stránku.

Značky jsou vždy uzavřeny v úhlových závorách - <>, a to je to, co je odlišuje od hlavního textu, který se zobrazuje na stránce při prohlížení. Existují dva typy - párové a jednotlivé.

Spárované se skládají z otvíracího štítku a uzavíracího štítku, zatímco v druhém se nachází pravá spona po levém rohovém držáku. Například: lt-bgt-textlt- / bgt-.

Mezi těmito dvěma značkami je text, tabulka, obrázek nebo jiný prvek, který je zobrazen na webové stránce.

Jediné se skládají z jedné značky a neobsahují přímý lomítko. Například: lt-hrgt-.

Tagy mohou obsahovat parametry, které lze zadat pomocí speciálních kódů pro HTML.

Všimněte si také, že pro většinu znaků: západky, ochranné známky, značky větší nebo rovna, menší nebo rovna mnoha jiným, je zvláštní tabulka, ve které jsou předepsány kódy těchto znaků. Tento kód začíná znakem ampersand, po němž může jít buď abecední mnemotechnické označení, nebo znak mřížky s třímístným kódem symbolu. Nakonec musíte umístit středník.

Základní značky

Co je kód HTML, jsme na to přišli, nyní se snažíme seznam hlavních značek, které mohou být užitečné, pokud ne při vytváření vlastních webových stránek, pak alespoň při psaní textů.

Spárováno:

• lt-bodygt- - obsahuje základní parametry dokumentu, jako je pozadí, barva odkazy, pole a další;
• lt- pgt- - označuje odstavec;
• - bgt - zvýrazní text tučně;
• lt-igt- - kurzíva;
• - zdůrazňuje text;
• lt-sgt- - překročit text;
• lt-supgt- - nastaví text jako horní index;
• lt- subgt- - nižší index;
• lt- fontgt- - nastavení atributů písma: velikost, písmo, barva;
• lt-divgt- - s jeho pomocí můžete upravit svůj text;
• značka hlavičky;
• - s jeho pomocí jsou uvedeny odkazy;
• lt-tablegt- - pomáhá vkládat tabulky do dokumentu, značky jsou přiřazeny k němu lt-trgt- (řetězec) a (buňka).

Jeden:

• lt-brgt- - jednotný, nese text po ní na novou stránku;
• lt-hrgt- - s jeho pomocí můžete do textu vložit vodorovnou čáru.

Za zmínku stojí, že značky jsou obvykle psány z nového řádku. To je děláno pro pohodlí nejen samotného programátora, ale i těch, kteří budou zobrazovat kódy ve formátu HTML.

Parametry značek

Již jsme s vámi přezkoumali hlavní značky, které potřebujete vědět. Samozřejmě jsme neuvedli všechny, ale i toto minimum může stačit k vytvoření prvních webových stránek.

Ale nestačí znát některé tagy, ale stále potřebujete studovat parametry, které můžete specifikovat. V tomto článku uvádíme pouze stručný přehled o nich, popíšeme nejčastěji používané. Můžete je vidět otevřením libovolného kódu HTML.

Nechceme také popsat, pro který tag je tento parametr vhodný, protože mnoho z nich se používá ve většině příkazů webového značení:

• face - určuje typ písma;
• velikost - určuje velikost;
• barva určuje barvu;
• zarovnání - zarovnání;
• jméno - jméno;
• href - tento parametr určuje adresu odkazu;
• alt - alternativní text;
• šířka - šířka;
• výška - výška;
• pozadí - obrázek na pozadí;
• bgcolor - pozadí.

To nejsou všechny parametry, uvádíme pouze ty nejpoužívanější a známé.

Po parametru je umístěn rovný znak a jeho hodnota je zapsána v uvozovkách. Při vývoji webových stránek a stránek doporučujeme používat speciální učebnice nebo příručky, abychom nejen poznali základní parametry, ale také je správně nastavili.

Tabulka barev

Takže s hlavními značkami a jejich parametry jsme si uvědomili, teď se podíváme na barevné kódy HTML. S jejich pomocí můžete určit barvu textu, stránky nebo některé její jednotlivé prvky.

Webmasteři začátečníků by měli vědět, že existují speciální barevné tabulky, ve kterých jsou uvedeny kódy jednotlivých odstínů. Existuje pouze 16 základních barev, které lze nastavit nejen pomocí tabulky, ale také jednoduchým uvedením jejich názvu v angličtině. Můžete také přidat lehké a tmavé slovo zadáním požadovaného odstínu.

K dispozici je také tabulka bezpečné barvy, což zahrnuje 216 všech druhů odlivů.

Všimněte si, že je mnohem pohodlnější používat tabulky. Dávají jim šestnáctkový barevný kód. V tomto případě můžete okamžitě vidět tento odstín. Každý kód začíná znakem mřížky, následovaným třemi páry znaků charakterizujících intenzitu primární barvy: červená, zelená a modrá.

Tento kód stačí kopírovat a nahradit parametry požadované značky.

Jak zobrazit kód stránky

Pokud máte zájem o vytváření webových stránek, pravděpodobně budete mít zájem vidět HTML kód stránek, které se vám líbí, nebo stránky, kterou často navštěvujete.

Ale jak to lze udělat? Existují dva způsoby, poměrně jednoduché a srozumitelné. První je otevřít stránku, kterou potřebujete, a stiskněte klávesy Ctrl + U. V novém okně se objeví zdrojový kód stránky, který můžete vidět a studovat.

Druhým způsobem je stisknout levé tlačítko myši a vybrat seznamu položka "Zdrojový kód". Ale přesto doporučujeme použít první metodu, protože používání horkých kláves je mnohem jednodušší a pohodlnější.

Všimněte si, že při čtení kódu budete moci také zobrazit komentáře k němu, napsané v tagu "Komentář", který vypadá takto: že! gt; V tomto případě je samotná poznámka napsána za vykřičníkem. V prohlížeči se nezobrazuje. A to je napsáno v podstatě tak, aby ostatní programátoři a weboví designéři pochopili, co je za blokem informací níže, proč byl tento nebo ten kód specifikován.

Závěry

Psaní kódů na HTML není tak obtížné, jak by se mohlo na první pohled zdát. Zvláště pokud jste nenároční a chtějí vytvořit nenáročné webové stránky, elektronické knihy založené HTML atd. Učení základních značek a principu značkování netrvá dlouho. Budete mít ještě pár dní, než začnete vytvářet vlastní projekty.

Všimněte si, že pokud se rozhodnete studovat tento značkovací jazyk, pak buďte opatrní. Většina problémů vzniká právě z důvodu nepozornosti: neuzavřené spárované značky, nesprávně napsané parametry, překlepy - to všechno hrozí, že se stane chybou, kterou můžete hledat dostatečně dlouho. Ale obecně, studovat HTML-značení stránek je docela zajímavé.