Jak vytvořit statickou webovou stránku

...

Internet: to je místo.

Jestliže jeden vynález během našeho života zcela změnil svět, je to internet. Stále více lidí chce přítomnost na webu nad rámec toho, co nabízejí sociální sítě: chtějí webový prostor, který by mohli nazývat svým vlastním. Hlavní webové stránky jsou stále složitější a používají žargon, který zastrašuje nováčky, jako je Flash, CSS, perl a JavaScript, ale nebojte se. Čtyři jednoduchá písmena mohou umožnit komukoli získat přítomnost na webu během okamžiku: HTML. Písmena znamenají hypertextový značkovací jazyk, programovací jazyk, který používá řadu značek k vytvoření statické webové stránky. Čím více značek znáte, tím více můžete udělat se statickou webovou stránkou.

Krok 1

Vytvořte základní kostru statické webové stránky zkopírováním následujícího kódu do jednoduchého textového editoru, jako je Poznámkový blok:

Video dne

Poté soubor uložte jako index.html (výchozí název hlavní stránky) a otevřete jej ve svém prohlížeči. Neměli byste vidět nic, protože jste vytvořili prázdnou webovou stránku.

Všechny tyto značky mají svůj význam. Značka informuje prohlížeč, že se otevře webová stránka. je místo, kde mohou vyhledávače získat nejrůznější informace. znamená, že část, kterou lidé uvidí, právě začíná.

Krok 2

Představte si HTML jako dva hlavní typy značek (bity kódu v závorkách). Jeden říká prohlížeči, aby začal něco dělat, a druhý mu říká, aby přestal.

Udělejte tento text tučným písmem

Vše po -- úvodní značka -- bude tučně, dokud nedosáhne -- závěrečná značka. "/" říká prohlížeči, aby se zastavil.

Krok 3

Přidejte text na svou webovou stránku. Do těla webové stránky mezi a zadejte „Toto je moje webová stránka“. Uložte stránku a podívejte se na ni v prohlížeči. Výsledek je pěkný, ale ne příliš vzrušující. Vyzkoušejte několik dalších značek, abyste to okořenili. Například udělá text tučným; dělá text kurzívou; umožňuje změnit velikost písma od 1 (nejmenší) po 6 (největší); změní text na červený (nebo jakoukoli jinou barvu, kterou zadáte);

vycentruje text (nebo obrázek) na stránce.

Zkuste použít několik těchto značek na stejný blok textu. Můžete udělat libovolnou kombinaci, kterou chcete.

Mezi prvky na stránce můžete také přidat mezeru tak, že mezi ně vložíte následující:

pro zalomení odstavce;
pro zalomení řádku;


vytvořit zalomení s čárou přes webovou stránku.

Krok 4

Přidejte obrázky na svou stránku. Udělejte to pomocí značky a nahraďte webovou adresu v tomto příkladu umístěním obrázku, který chcete použít. Toto je jeden z mála tagů, který nemá koncový tag. Obrázky lze také vycentrovat, stejně jako text.

Krok 5

Vytvořte odkaz na jiný web. To se provádí pomocí značky Klikněte zde. Tento kód dělá ze slov „Klikněte sem“ odkaz na jinou webovou stránku. Místo textu můžete jako odkaz použít obrázek pomocí kódu .

Spropitné

Pomocí těchto kódů HTML společně můžete vytvářet statické webové stránky libovolné složitosti.

Představte si HTML tagy jako krabice v krabicích nebo ty ruské panenky. Tomu se říká vnořování a udržuje vše přehledné a snadno čitelné. Například text umístěný mezi

a
bude tučně, kurzívou a na střed. The
krabice je uvnitř krabice, která je uvnitř krabice.