Jak Vytvořit Web Pomocí Html

Obsah:

Jak Vytvořit Web Pomocí Html
Jak Vytvořit Web Pomocí Html

Video: Jak Vytvořit Web Pomocí Html

Video: Jak Vytvořit Web Pomocí Html
Video: Jak si vytvořit vlastní web s HTML a CSS #1 Základy HTML5 2024, Listopad
Anonim

Dnes, s prudkým růstem internetu, se stále více používají webové technologie, zejména HTML a standardní webové prohlížeče. HTML (HyperText Markup Language) je hypertextový značkovací jazyk. Tento formát určuje vzhled dokumentu, vzájemné uspořádání textových, grafických a multimediálních informací. Kampaně se zabývají tvorbou webů za velmi velké peníze. Ale pomocí "html-tagů" můžete vytvořit docela zajímavý web vlastníma rukama.

Jak vytvořit web pomocí html
Jak vytvořit web pomocí html

Je to nutné

  • - prohlížeč;
  • - textový editor.

Instrukce

Krok 1

Formát souboru HTML je poměrně jednoduchý. Skládání a provádění změn v souboru provádí libovolný textový editor. K prohlížení výsledků se používá webový prohlížeč. Hlavní výhodou dokumentů HTML je jejich schopnost vzájemného odkazu. Křížové odkazy vám pomohou rychle odkázat na dokument s dalšími informacemi o tématu, které vás zajímá, a poté pokračovat v práci se zdrojovým textem. Jakýkoli dokument napsaný pomocí jazyka HTML se skládá z obsahu stránky, tj. text a kontrolní znaky - značky. Všechny značky HTML musí být uzavřeny v lomených závorkách. Obvykle se používá počáteční značka a koncová značka. Koncová značka se liší od počáteční značky lomítkem.

Krok 2

Chcete-li začít vytvářet web, přejděte do textového editoru (poznámkového bloku).

Poté zadejte značky:

HTML - / HTML - první a poslední značka jakéhokoli dokumentu HTML.

HLAVA - / HLAVA - začátek a konec hlavy dokumentu.

TITLE - / TITLE - nastavuje název dokumentu (název okna prohlížeče).

BODY - / BODY - začátek a konec těla dokumentu HTML, který definuje obsah dokumentu.

Krok 3

Dále musíte upravit styl textu. To vyžaduje následující značky:

Hx - / Hx - (x je číslo od 1 do 6) popisuje nadpisy na šesti různých úrovních. Nadpis první úrovně je největší, šestá úroveň je nejmenší.

P - / P - popíše odstavec (značka / P může chybět).

ALIGN je parametr, který určuje zarovnání odstavce:

ALIGN = CENTER - zarovnání na střed;

ALIGN = VPRAVO - zarovnání doprava;

ALIGN = LEFT - zarovnání doleva.

BR - přejít na nový řádek bez porušení odstavce.

B - / B - zobrazí text tučně.

I - / I - zobrazuje text kurzívou.

U - / U - podtržený text.

STRIKE - / STRIKE - přeškrtnutý text.

BLOCKQUOTE - / BLOCKQUOTE - zobrazuje uvozovky.

SUB - / SUB - zobrazuje dolní indexy.

SUP - / SUP - zobrazení horních indexů.

TT - / TT - použijte písmo s pevnou šířkou znaků.

VELKÉ - / VELKÉ - zvětší velikost aktuálního písma.

SMALL - / SMALL - zmenší velikost aktuálního písma.

BASEFONT SIZE = n - (n je číslo od 1 do 7) - základní hodnota velikosti písma.

FONT SIZE = + / - n - / FONT - změna velikosti písma.

FONT COLOR = # xxxxxx - FONT - nastavení barvy písma: Aqua - mořská vlna; Černá - černá; atd.

TĚLO - změňte barvu pozadí.

HR - vodorovná čára, tato značka může používat atributy:

BARVA - barva čáry;

SIZE - šířka čáry v pixelech;

WIDTH - šířka čáry v pixelech nebo jako procento šířky okna;

ALIGN - zarovnání řádku;

NOSHADE - malba bez stínu;

SHADE - kresba se stínem.

Krok 4

Pokud potřebujete na svůj web vložit jakýkoli seznam, musíte zadat značky:

UL - / UL - neuspořádaný seznam (výčet, žádné řazení):

LI - definice položky seznamu;

TYPE je parametr, který definuje značku seznamu:

TYP = KRUH - kruh se používá jako značka;

TYP = DISK - bod se používá jako značka;

TYP + NÁMĚSTÍ - jako značka se používá čtverec.

OL - / OL - číslovaný seznam:

TYPE je parametr, který určuje typ seznamu:

TYPE = A - velká písmena latinky budou použita jako čísla seznamu;

TYPE = a - malá písmena latinky budou použita jako výčty seznamů;

TYP = I - velké římské číslice budou použity jako čísla seznamu;

TYP = i - malé římské číslice budou použity jako čísla seznamu;

START je parametr definující počáteční číslo seznamu.

DL - / DL - seznam s vysvětlením:

DT - označení položky seznamu;

DD je vysvětlení položky seznamu.

Krok 5

Aby váš web nebyl omezen na jednu stránku, vytvořte několik. K navigaci potřebujete hypertextové odkazy, které jsou definovány následujícími značkami:

A HREF = URL - / A - vloží odkaz do dokumentu (mezi tagy musíte zadat text odkazu).

HREF - adresa stránky nebo zdroje;

URL - jednotná adresa zdroje: servis: // server [: port] [/cesta]:

služba - název protokolu (HTTP - přístup k dokumentu HTML, požadavek FTP na soubor ze serveru FTP, přístup k SOUBORU

soubor na místním počítači);

server - zadání názvu zdroje;

port - číslo portu, na kterém běží webový server;

cesta je adresář, kde je umístěn zdroj.

A HREF = # název záložky - / A - vložte místní odkaz (mezi tagy musíte zadat text odkazu).

A NAME = název záložky - / A - nastaví záložku, na kterou bude odkaz vytvořen.

Krok 6

Aby web nebyl nudný, je nutný grafický design. K tomu použijte značky:

BODY BACKGRAOUND = "název_souboru" - nastaví obrázek použitý jako pozadí.

IMG SRC = "název_souboru" - vloží grafický soubor do dokumentu HTML, tato značka používá parametry:

ALT = "textový řetězec" - definuje textový řetězec, který se zobrazí místo grafického obrázku, pokud prohlížeč zakázal možnost automatického načítání grafiky;

VÝŠKA, ŠÍŘKA - výška a šířka obrázku v pixelech;

HPACE, VSPACE - šířka volného prostoru, který odděluje grafiku od textu vodorovně a svisle;

ALIGN - zarovnání textu vzhledem ke grafice.

Krok 7

A poslední věcí, kterou musíte udělat, je uložit textový soubor ve formátu *.html a poté jej spustit pomocí prohlížeče. Stránka je připravena.

Doporučuje: