HTML (jazyk hypertextového označení) je hlavní programovací jazyk pro vývoj webových stránek.Vytvořený jako jednoduchý a pohodlný programovací jazyk. Většina internetových stránek byla vyvinuta pomocí jednoho z forem tohoto jazyka (ColdFusion, XML, XSLT). Po přečtení tohoto článku můžete pokračovat ve školení pomocí jiných zdrojů na internetu. Zkuste hledat další články týkající se tohoto tématu na internetu.

Kroky

Metoda 1 z 1:

Psaní stránek HTML

jeden. Než začnete seznámit s jedním z následujících kroků, podívejte se na sekci "Co potřebujete".

Obrázek s názvem Napsat HTML stránku Krok 2

2. Co potřebujete vědět, než začnete pochopit tuto otázku:

3. Základy. Už jste někdy slyšeli o tagu? Tag je obklopen úhlovými závorkami, s slovo uvnitř. Závěrečná značka se zaznamenává ve stejném podobě, ale s přidáním lomítka po prvním rohovém držáku. Atribut je další slovo v značce, která se používá k přidání dílů do značky.

4. Začátek dokumentu. V libovolném textovém editoru, který používáte, vložte, co je uvedeno níže:
wikihowAhoj světe
Značka by měla být uzavřena ve stejné značce, ale s vrstvou po prvním rohovém držáku. Existují výjimky, jako jsou značky Meta nebo DOCTYPE.

Obrázek s názvem Napsat stránku HTML Krok 3

Pět. DOCTYPE

Zpravidla je většina webových stránek nastavena Doctype ". Pomáhá určit kódování, stejně jako to, jak bude vnímána webovými prohlížeči. Většina stránek bude fungovat bez ní, "ale je nutné, pokud chcete shodovat (regulují typy internetových kódování a způsobů, jak je používat). DOCTYPE PRO HTML 4.01 je níže:http: // W3.Org / tr / html4 / přísný.DTD "> To je jedna z nejčastějších Doctype používaný na stránce v celém internetu. Nejprve označuje typ stránky popisující `HTML`, pak zvýrazní typ kódování a na konci, umístění Doctype, který v důsledku toho popisuje stránku pro webový prohlížeč.

Existují různé typy HTML (různé verze navržené po mnoho let), například použití nových značek nebo specifických značek. Některé značky jsou zastaralé (jiné, použije se více užitečnějších značek).

a - to je to, co je v současné době uloženo na tagy, protože se používají k transformaci textu, ale ne specifikace, v důsledku toho je další značky nahradit. Štítekje náhrada za , a nahrazení .

Je důležité, aby předchozí tagy byly nahrazeny značkami, které jsou více než formátování. Pokud je text přeložen, pak nejen formátování, ale jeho význam zůstává stejný. Je sémanticky správný.

V XHTML verze 2.0, tagy a nepoužívá se, stejně jako v HTML verze 3+.

Obrázek s názvem Napište stránku HTML Krok 4

6. HTML "pravidlo incaptace".

Podívejme se na více důležitých právě používaných značek. Při vytváření stránky se používá jednoduchá struktura. Pokud byla tag otevřena, pak v důsledku toho, Musí být uzavřeno. To platí pro celou strukturu. Je zde uveden správný příklad struktury rozložení XHTML:

http: // W3.ORG / TR / XHTML1 / DTD / XHTML1-přísný.DTD ">

http: // W3.ORG / 1999 / XHTML ">

Ahoj světe!

Ukázkový kód, který dává zprávu Ahoj světe. To se nazývá těsto Ahoj světe.

Obrázek s názvem Napsat HTML Page Krok 5

7. Titul

Titul webové stránky - toto je obsah mezi značkou . Tento obsah nelze zobrazit uživatelem (pouze název, který se zobrazí na titulní stránce). Informace mezi značkami , Mohou učinit další značky, například:

META TAG, používaná pro informace, které jsou užitečné pro vyhledávače a další nástroje.

Odkaz značka, která vytváří spojení mezi dokumenty, například pro styly (CSS).

Script tag, obsahuje téměř všechny webové kódování, s možností vzdáleného přístupu (z jiného dokumentu).

Stylová značka, která je v podstatě styl, který lze použít na stránce.

Titulní značka, toto je název, který se zobrazí jako název stránky ve vašem webovém prohlížeči.

Podívejme se na ukázku některých z nich v příkladu názvu, převzatého z této webové stránky (to bylo sníženo):

...

Pokud jste si nevšimli, byly jednotlivé značky přiděleny, s odstraněním reálných informací. Příklad je spíše krátký, s výstavou, téměř každou značku, která může být v , S výjimkou komentáře HTML (budeme mluvit o tom v jednoduchých tagech).

osm. Jednoduché značky všude

Pojďme se pohybovat a uvidíme další značky. Buďte opatrní pomocí značek a zapamatujte si pravidlo velkého prstu, "zapouzdření."

Přiděluje důležitý text.

Dělá menší velikost textu. Velikost písma se měří ve standardních jednotkách od 1 do 7, 3 - Toto je výchozí velikost textu. .

 Určuje blok formátovaného textu. Jak správně je takový text rekrutován písma stejné velikosti a všech prostor mezi slovy.

Ukazuje text ve formě fráze.

~~Crosses Text.~~

Určuje text, který byl vložen do dokumentu.

Jeden z mnoha štítků na hlavu. Tagy tohoto druhu začínají "h", s rozdílem na obrázku. Ujistěte se, že značku zavřete stejnou číslici.

Definuje odstavec.

Na rozdíl od jiných značek musí být komentář uvnitř samotné značky. Tyto informace jsou viditelné pouze v případě zobrazení kódu.

Zobrazuje citaci, lze použít se značkou .

Několik příkladů uvedených výše nejsou úplným seznamem stávajících značek. Chcete-li se dozvědět o ostatních, navštivte .

Obrázek s názvem Napsat HTML stránku Krok 7

devět. Vytvoření jasné struktury

Stránky jsou určeny k zadržení dat v jednoduchých sadách značek, abychom mohli demontáže informace v odstavcích. Počítač rozpozná data, neví o kontextu nebo ideologickém spojení. Musíme vytvořit stránku přátelskou stránkou HTML. Toho je dosaženo při použití značky DIV. Pomáhá vytvářet obrovské množství stránek. Může být stylizován s CSS, a to je jednodušší než vytváření velkých kódových tabulek pro rozvržení.

Tato značka je zvláštní, protože může být stylizovaný a používat jednotlivé bloky informací, které budou chápány a uživatelem a počítač.

Podívejme se na jednoduché rozložení HTML, které Div tag používá.

http: // W3.ORG / TR / XHTML1 / DTD / XHTML1-přísný.DTD ">

http: // W3.ORG / 1999 / XHTML ">

Ahoj světe!

Toto je nějaký text v DIV # CONTENTONE.

Odstavec v pododítce DIV # Obsah

Použijte tag

Pomáhá při hledání a měnících se stylům při práci s CSS a jаvascriptem. HTML bude používat různé kódování pracovat s CSS styly a jаvascript pro vytvoření nejlepší a citlivé interakce s uživatelem.

Tipy

Po přečtení tohoto článku nezastavujte a nemyslete si, že jste se naučili vše, co potřebujete. Tam je vždy něco, co se můžete naučit, zejména v této technologii.
Učit se, obchodovat a napsat kód.
Upozorňujeme, že některé značky používají pouze <>. Odstavec a Br - některé z příkladů. Další značky otevřené pomocí <>, potřebují další uzavření. Například, "".
Lidé čekají na nové objevy, takže vymyslet, vytvořit design nebo kód.
Jakmile se naučíte hodně, zkuste se naučit programování serveru.
Naučte se pracovat s CSS, stejně jako jаvascript.

Varování

Nezapomeňte, že HTML je úpravy obsahu. To znamená, že HTML se používá pouze pro ukládání obsahu v rozpoznaném formátu. Další změny by měly být prováděny pomocí jiných technologií, například CSS. To také znamená dělat "sémanticky správné, I když jiní nerozpoznávají. Ostatní programovací jazyky pomáhají budovat webové stránky (CSS, jаvascript a XML). Html je návrhář obsahu.

Co potřebuješ

Textový editor, který podporuje kódování ANSI
Webový prohlížeč, jako je například aplikace Internet Explorer nebo Mozilla Firefox
(Volitelné) WYSIWYG nebo WYKIWYG HTML Editor, například Adobe Dreamweaver, Aptana Studio nebo Microsoft Expression Web