Prečítajte si základné HTML, aby ste mohli začať vytvárať webové stránky
Získajte základné informácie o vytváraní webových stránok. Základný HTML nie je ťažké sa naučiť. Učenie HTML je pravdepodobne najdôležitejšou vecou, ktorú budete robiť, ak chcete vytvoriť svoj vlastný osobný web . Musíte sa naučiť HTML, aby ste navrhli dobré stránky, pretože je to jazyk, na ktorom sú založené webové stránky na internete.
Webové stránky predstavujú skvelý spôsob, ako predviesť niečo vo vašom živote. Základný kód HTML vám umožní zobraziť svetu bez ohľadu na to, aké chcete zobraziť na vašom webe. Pridanie farieb, zmena veľkosti textu a vrátane obrázkov na vašom webe sú len niektoré z vecí, ktoré môžete urobiť, keď sa naučíte základné HTML.
Ak chcete zistiť základné HTML, musíte mať na pamäti, že ide len o sériu písmen, ktoré sú skratkou toho, čo vlastne predstavujú. Napríklad H1 znamená nadpis pre odsek, ktorý je prvý z piatich veľkostí a BR je prerušenie riadka.
Jedna dôležitá vec, ktorú si musíte pamätať, keď sa naučíte základné HTML, je to, že na webovej stránke musia tagy HTML prísť v určitom poradí a väčšina značiek HTML musí mať značku štartu a konca, aby prehliadač rozpoznal príkaz. Koncová značka je jednoducho rovnaká ako začiatočná značka okrem toho, že začína symbolom / . Nadpis by mal vyzerať takto: Heading Here H1>
. Existuje začiatočná značka, H1 , nadpis a koncová značka, / H1 .
Naučte sa základné HTML správnym spôsobom a pamätajte, že značky musia prísť v určitom poradí. Základná štruktúra webovej stránky je nasledovná:
Tu môžete vložiť dôležité informácie o dokumentoch, ako sú rámčeky, jazyk a špeciálne pokyny.
Head>
Vložte svoj príbeh, obrázky, odkazy a všetko ostatné tu.
Nadpis vášho odseku. H1>
Tu zadáte text dokumentu. P>
Takto napíšete odkaz:
http://www.nameofpage.com "> Názov alebo čo chcete povedať.
BODY>
HTML>
Môžete tiež vložiť odkaz do stredu vety. Ak ste chceli povedať "Microsoft má nejaké skvelé demá." Vyzeralo by to takto:
http://www.microsoft.com/en/us/default.aspx "> Microsoft má nejaké úžasné ukážky, ktoré vám pomôžu naučiť sa základné HTML.
Môžete nielen vytvoriť odkazy na iné stránky, ale môžete tiež vytvoriť odkazy na iné miesto na rovnakej stránke. Ak by som chcel, aby ste sa vrátili na začiatok tohto článku, povedal by som niečo ako "Vráť sa" a kliknutím na hypertextový odkaz sa vrátite späť na začiatok. Toto je o niečo náročnejšie, pretože tam sú dve časti. Najprv vytvoríte svoj odkaz:
Slovo "tam" je slovo, ktoré vás chcem vziať späť, takže teraz musím ísť k tomuto slovu a vytvoriť a ukotviť, takže odkaz, ktorý som práve vytvoril, vie, kam ísť:
Keď sa naučíte základný HTML, môžete napísať svoj webový server do textového editora, ktorý je dodávaný so systémom Windows, programy ako NoteTab a Arachnophilia alebo programy, ktoré sa dodávajú s webovým prehliadačom . Či tak či onak, ak ste jednoducho dodržiavali pravidlá, odkedy ste sa naučili základné HTML všetko sa ukáže v pohode.
Základné HTML tagy
- komentáre autora, ktoré nebudú viditeľné v prehliadači.
... HTML> - Vždy spustite a ukončite svoju stránku pomocou tejto značky.
... HEAD> - hlavička pre dokument.
... BODY> - Body dokumentu.
... H1>
- Najmenšia veľkosť okruhu.
... H2>
- Veľkosť malého nadpisu.
... H3>
- Stredná a malá veľkosť hlavičky.
... H4>
- Veľkosť strednej veľkosti hlavičky.
... H5>
- Veľká veľkosť hlavičky.
... H6>
- Najväčšia veľkosť titulku.
... - Spustí hypertextové prepojenie.
... ADDRESS> - Informácie o autorovi.
... BLOCKQUOTE>
- Dlhé citácie.
... PRE>
- Predformátovaný text.
- Blok formulára.
- Vytvorí pole pre zadávanie textu.
- Vytvorí sa ponuka rolovania.
- Vytvorí položky, ktoré chcete vybrať.
... OL>
- objednaný zoznam.
Príklad objednaného zoznamu:
- červená
- Modrá
- zelená
... UL>
- Neurčený zoznam.
Príklad nezoradeného zoznamu:
- červená
- Modrá
- zelená
- Zoznam ponúk.
... DL>
- Zoznam slovníkov.
... CITE> - Citácia.
... CODE>
- písmo kódu.
... DFN> - definovaný pojem.
... EM> - Dôraz.
Príklad dôrazu na červenú:
červená, modrá, zelená
... I> - Kurzíva.
Príklad kurzívou:
červená, modrá, zelená
... KBD> - Text klávesnice.
... SAMP> - Ukážkový text.
... STRONG> - Silný dôraz.
Príklad silného dôrazu:
červená, modrá, zelená
... TT> - text písacieho stroja.
... VAR> - premenná.
... B> - Tučné.
- Popisuje dokument.
- Prerušenie riadku.
- Horizontálna čiara.
- obrázok.
- Odsek.
- Zoznam položiek.
- Označuje výraz v zozname.
- Označuje definíciu v zozname.