Jak se naučit HTML (s ilustrace) -

Html je snížení z angličtiny Hyper Text Markup Language (Jazyk hypertextového označování). Tento kód nebo jazyk, na kterém je vytvořen základní značka stránek. Pokud jste nikdy naprogramovali, může se učení být obtížné, ale ve skutečnosti vše, co potřebujete ke startování učení, je nejjednodušší textový editor a internetový prohlížeč. Můžete se dokonce naučit některé příklady HTML Markupů, které se nacházely přes vás na online fórech, přizpůsobených vlastních stránkách nebo v článcích WikiHow. HTML - Užitečný nástroj pro každého uživatele internetu a studium jeho základen bude trvat méně času, než si myslíte.

Kroky

Část 1 z 2:

Studium základů HTML

jeden. Otevřete dokument HTML. Většina textových editorů (notebook nebo poznámkový blok ++ pro Windows, textedit for Mac, GEDIT pro GNU / Linux) lze použít k vytvoření souborů HTML. Vytvořte nový dokument a uložte jej pomocí souboru → Uložit oba ve formátu webové stránky nebo změnit příponu souboru .Html or .Htm místo .Doc, .RTF nebo jiné expanze.

Varování se může zobrazit, že soubor bude uložen jako "jednoduchý text" namísto formátu RTF nebo že formátování a obraz nebude uložen. To je normální - pro HTML Tyto možnosti nejsou potřeba.

2. Otevřete vytvořený soubor v prohlížeči. Uložte prázdný soubor, vyhledejte jej v počítači a otevřete dvojité kliknutí myši. V prohlížeči by měla být otevřena prázdná stránka. Pokud k tomu dojde, přetáhněte soubor do adresního řádku prohlížeče. V procesu úpravy souboru HTML můžete aktualizovat tuto stránku pro zobrazení změn.

Všimněte si, že tímto způsobem nevytvoříte webovou stránku na internetu. Jiní lidé nemají přístup k této stránce a nepotřebujete připojení k Internetu pro testování místní stránky. Prohlížeč jednoduše interpretuje kód HTML, "Čtení", jako by se jedná o webové stránky.

3. Pochopit, co jsou označovací značky. Na rozdíl od běžného textu se na stránce nezobrazují značky. Místo toho označují prohlížeč, jak zobrazit stránku a její obsah. Tag "Otevření" obsahuje pokyny. Může například informovat prohlížeč, že text by měl být zobrazen jako tučně. Také potřebujete "zavírání" tag zobrazující prohlížeč, kde instrukce končí. V tomto příkladu se text mezi otevíráním a zavíráním zobrazí tučně. Tagy jsou zaznamenány uvnitř známek nerovnosti, ale uzavírací značka začíná sklonem.

Úvodní značka je zaznamenána mezi znaky nerovnosti: <Otevření značky>

V závěrečné značce před deskriptorem (název) je značka provedena šikmá funkce: uzavírací značka>

Přečtěte si dozvědět o použití různých značek. Pro tento krok stačí zapamatovat si formát záznamu. Tagy jsou zaznamenány mezi znaky nerovnosti: < > a

V některých konzultacích, HTML tagy volací prvky a text mezi otevíráním a zavíracími značkami se nazývá obsah prvku.

4. Vytočte značku editoru . Každý soubor HTML musí začít značkou A konec tagem . Tyto značky označují prohlížeč, který obsahuje všechny obsahy mezi značkami v HTML. Přidejte tyto značky do dokumentu:

Často soubory HTML začínají z řetězce , což znamená, že prohlížeče musí rozpoznat celý soubor ashtml. Tento řádek však nemůže pomoci vyřešit problémy s kompatibilitou.

Vytáčení v horní části dokumentu.

Stiskněte klávesu Enter nebo Vraťte několikrát pro vytvoření více prázdných řetězců, pak zadejte

Pamatuj si to Všechno Kód, který vytvoříte podle následujícího článku, bude muset psát mezi těmito dvěma značkami.

Pět. Vytvořte sekci v souboru . Mezi značkami a Vytvořte otevírací značku a zavírání značky . Přidejte mezi nimi několik prázdných řádků. Obsah zaznamenaný mezi značkami a , na stránce se nezobrazí. Postupujte podle těchto kroků a uvidíte, co je potřeba tato značka:

Mezi značkami a Napsat a

Mezi značkami a Napsat Jak se naučit HTML - .

Uložte změny a otevřete soubor v prohlížeči (nebo aktualizujte stránku, pokud je soubor již otevřen). Viz text, který se zobrazí v názvu stránky nad řetězcem adresy?

6. Vytvořit sekci . Všechny ostatní značky a text v tomto příkladu jsou zaznamenány v části těla, jehož obsah se zobrazí na stránce. Po zavírání tagu před Tegging tag tag a . Na konci tohoto článku pracujte s oddělením těla. Váš soubor by měl vypadat něco takového:



Jak se naučit HTML -

7. Přidat text pomocí různých stylů. Je čas přidat současnou stránku obsahu! Všechny, které píšete mezi značkami těla, zobrazí se na stránce po aktualizaci v prohlížeči. Nepoužívat Symboly < nebo >, Vzhledem k tomu, že prohlížeč se pokusí interpretovat obsah jako značku namísto textu. Napsat Ahoj! (nebo co chcete), zkuste tyto značky přidávat do textu a zjistit, co se stane:

Ahoj! Alokuje text "kurzíva": Ahoj!

Ahoj! Přiděluje text "Bold": Ahoj!

Ahoj! Zahráčí text: ~~Ahoj!~~

Zobrazí písmo jako horní index:

_Ahoj! Zobrazí písmo ve formě nižšího indexu: _Ahoj!

Vyzkoušejte různé značky dohromady. Co bude vypadat Ahoj!?

osm. Rozdělte text na odstavce. Pokud se pokusíte napsat několik řádků textu v souboru HTML, všimněte si, že řádky řádků nejsou zobrazeny v prohlížeči. Chcete-li rozdělit text na odstavce, musíte přidat značky:

Jedná se o samostatný odstavec.

Po této větě by mělo být řádek mezery 
 Před zahájením tohoto řádku.

Toto je první značka, která nevyžaduje závěrečnou značku. Takové tagy se nazývají "prázdné".

Vytvořit titulky pro zobrazení názvů oddílů:
Textová hlavička: Největší záhlaví
Textová hlavička (záhlaví druhé úrovně)
Textová hlavička (záhlaví třetí úrovně)
Textová hlavička (čtvrtá záhlaví)
Textová hlavička (nejmenší záhlaví)

devět. Naučte se vytvářet seznamy. Existuje několik způsobů, jak vytvořit seznamy na webové stránce. Vyzkoušejte následující možnosti a rozhodněte se, který se vám líbí nejlépe. Všimněte si, že pro seznam jako celek je zapotřebí jeden pár značek (například

a Pro označený seznam) a každý prvek seznamu je například zvýrazněn jiným páru značek, například

Seznam označených:

První řada
Druhý řetězec
Atd

Číslovaný seznam:

Jeden

Dva

Tři

Seznam definic:

Káva
- horký nápoj
Limonáda
- Studený nápoj

10. Přijměte stránku pomocí RAP ROWS, horizontální linie a Obrázky. Je čas přidat něco kromě textu na stránku. Vyzkoušejte následující značky nebo postupujte podle odkazů na další informace. Použijte online hostování Chcete-li vytvořit odkaz na obrázek, který chcete příspěvek:

Vodorovná čára:

Vložte obrázek:

jedenáct. Přidat odkazy. Tyto značky můžete použít k vytvoření hypertextových odkazů na jiné stránky a stránky, ale protože ještě nemáte žádnou webovou stránku, nyní se naučíte, jak vytvořit "ukotvící" odkazy, tj. Odkazy na konkrétní místa na stránce:

Vytvořit kotevní značku V místě stránky, na které chcete odkazovat. Přijít s pochopitelným a nezapomenutelným názvem:

Text, který odkazujete.

Použijte tag , Chcete-li vytvořit relativní odkaz nebo odkaz na externí zdroj:

Text nebo obrázek, který bude sloužit jako odkaz.

Chcete-li odkazovat na relativní odkaz jiné stránky, přidejte znak # po hlavním odkazu a název kotvy. Například, https: // che.panoutx.info / učit-html # tipy odkazuje na sekci tipů této stránky.

Část 2 z 2:

Pokročilá úroveň HTML

jeden. Seznámit se s atributy. Atributy jsou zaznamenány uvnitř značky, které označují další informace. Formát atributu Takový: Název = "hodnota", kde titul Určuje atribut (například, Barva Pro atribut barev) a hodnota označuje svou hodnotu (například, Červené pro červenou).

Atributy byly ve skutečnosti používány v předchozí části základů HTML. Štítek Používá atribut SRC, Kotvy relativních odkazů používají atribut Název, A odkazy použít atribut href. Jak jste si již všimli, všechny atributy jsou napsány ve formátu ___ = "___".

2. Experimentovat s tabulkami HTML. Vytvoření tabulky zahrnuje použití různých značek. Můžete experimentovat, nebo Čtěte podrobnější pokyny.

Vytvořit tagy tabulky:

Obsah každého řádku tabulky vstupuje do značek:

Záhlaví sloupce je určen značkou:

Buňky v následujících linkách:

Příklad použití těchto značek:

Sloupec 1: měsíc Sloupec 2: Úspora
leden 5000 rublů

Sloupec 1: měsíc	Sloupec 2: Úspora
leden	5000 rublů

3. Naučte se další značky hlavy. Už jste se naučili značku , Jít na začátku každého souboru HTML. Kromě značky , Pro tuto sekci existují i další značky:

Meta Tags, ve kterém jsou obsaženy Metadata, používá vyhledávače pro indexaci stránek. Chcete-li usnadnit vaše stránky ve vyhledávačích, použijte jeden nebo více objevovacích značek (Závěrečné štítky nejsou vyžadovány). Použijte jeden atribut a hodnotu na značce: - nebo

Tagy , Vedení na soubory třetích stran, například na stylových listů (CSS), které jsou vytvořeny pomocí jiného typu kódování a umožňují změnit stránku HTML pomocí barvy, zarovnání textu a mnoha dalších funkcí.

Tagy

4. Experiment s HTML kódem jiných stránek. Vynikající způsob, jak prozkoumat HTML, bude zobrazovat zdrojový kód jiných webových stránek. Klikněte pravým tlačítkem myši na stránku a vyberte možnost Zobrazit zdrojový kód "nebo něco podobného v horní nabídce prohlížeče. Snažte se zjistit, co neznámý tag dělá, nebo hledat informace o tom na internetu.

Ačkoli nemůžete upravovat stránky jiných lidí, můžete kopírovat zdrojový kód do souboru, abyste experimentovali se značkami později. Vezměte prosím na vědomí, že značka CSS nemusí být dostupná a barva a formátování mohou vypadat jinak.

Pět. Studujte podrobnější vodítka. Na internetu je například mnoho stránek věnovaných značkám HTML W3SCHOOLS nebo Htmlbook. Na prodej jsou papírové knihy, ale snaží se najít aktuální publikaci, protože se standardy změní a rozvíjí. Je ještě lepší zvládnout CSS k ovládání značek a vzhledu webu. Po studiu CSS Webdescription se obvykle naučí jаvascript.

Tipy

Poznámkový blok ++ - skvělý volný program podobný pravidelnému notebooku, ale můžete uložit a otestovat kód v prohlížeči online. (To také podporuje téměř jakýkoliv jazyk - HTML, CSS, Python, jаvascript a tak dále).
Najděte některou jednoduchou stránku v síti, uložte kód do počítače a experimentujte s ním. Vyzkoušejte pohyblivý text, změňte písmo, nahraďte snímky - cokoliv!
Můžete začít notebook, kde zaznamenáte tagy, které mají vždy mít v ruce. Tato stránka můžete také vytisknout a chuť s ním.
Když píšete kód, udělejte to pečlivě, abyste to mohli pochopit. Použití komentářů v HTML: nebudou se projevit na stránce, ale budou viditelné v dokumentu dokumentu.
Xml I RSS stále více populárnější. Kód stránky obsahující XML a RSS technologie, nezkušený uživateli obtížnější číst a rozumět, ale tyto nástroje jsou velmi užitečné.
Značky značení HTML nezávisí na registru, ale doporučuje se používat pouze malá písmena (jako v příkladech v tomto článku) - jak pro účely standardizace, tak pro kompatibilitu s XHTML.

Varování

Některé značky v posledních několika letech vyšly z každodenního života a byly nahrazeny novými, což dává stejné nebo některé další účinky.
Pokud chcete zkontrolovat svou stránku, přejděte na webovou stránku W3 a zjistěte moderní požadavky HTML. HTML standardy se mění v průběhu času a nahradit některé značky přicházejí nové, které fungují lépe v moderních prohlížečích.

Co potřebuješ

Textový editor, například Poznámkový blok (Windows) nebo TextEdit (Mac)
Papír / Poznámkový blok (není nezbytné)
Editor HTML, jako je například Poznámkový blok ++ (Windows) nebo TextWrangler (Mac) (není nezbytné)