Naučte se programovat HTML: měli byste to vědět
Dnes lze na internetu najít miliardy webových stránek. V tomto praktickém tipu můžete začít s programováním HTML. Vysvětlujeme vám také nejdůležitější pojmy.
WWW, URL, HTML a atd. - Co znamenají tyto zkratky?
Pokud jde o programování webových stránek, rychle se objevují různé pojmy. Co přesně tyto pojmy znamenají?
- „WWW“ je zkratka pro „World Wide Web“. Toto je systém síťových webů, které jsou nabízeny na internetu. WWW je pouze částí celého internetu.
- „Hypertextové odkazy“ jsou odkazy na jiné webové stránky.
- „Hypertextový systém“ nebo „hypermedia systém“ je síťová struktura. Hypertextové odkazy slouží k propojení textů a dalších zobrazovacích jednotek pro informaci. WWW je také hypermedia systém, protože informace jsou předávány ve formě webových stránek a multimediálních jednotek.
- „Prohlížeč“ se používá pro navigaci v hypermedia systému. Vyžádá si web z „webového serveru“.
- „Webový server“ je počítač, ke kterému mají (téměř) všichni lidé přístup přes internet.
- Zkratka „URL“ znamená „Uniform Resource Locator“ a slouží k jedinečné identifikaci a lokalizaci webových dokumentů. Základní struktura adresy URL vypadá takto: Protokol: // adresa počítače / adresa dokumentu
- „HTML“ znamená „Hypertext Markup Language“, protože je jazykem pro popis hypertextů.
Programování HTML - to byste měli vědět
Programování stránky HTML není v dnešní době tak obtížné. Pro programování můžete použít běžný editor Windows nebo Notepad ++.
- Na začátku je vždy deklarace typu dokumentu, která bude důležitá později při validaci. Takže přidejte příkaz na začátek souboru.
- V HTML se používají otevírací a uzavírací značky. Začíná to vždy prvním dnem "". Na konci byste měli přidat závěrečnou značku „“. K těmto značkám můžete také přidat atributy. Jednoduše nahraďte znak „“. V tomto případě prohlížeč také ví, jaký jazyk se používá. Tento atribut však nemusíte přidávat do závěrečného dne.
- Záhlaví webu můžete spustit pomocí „“. Na závěr však nezapomeňte na závěrečný den. V záhlaví můžete například definovat název pomocí „“. Příkaz "" byste také měli použít k určení znakové sady, kterou používáte.
- Kromě záhlaví je zde také "", ve kterém můžete ukotvit skutečný obsah stránky. S „
„Můžete přidat nový odstavec textu. Tímto způsobem lze celý text přehledněji strukturovat. Nezapomeňte však znovu zavřít značku. Příkaz“ je také velmi praktický.
", se kterým je text umístěn uprostřed. Můžete použít"
"přidat. - Přidat nadpisy s „
", "
"atd."
- Seznam můžete získat pomocí „
- "(" objednaný seznam ") nebo"
- "vytvořit.
- Tabulku lze snadno otevřít příkazem, například „
„vytvořit pomocí“
"přidat nový řádek tabulky. Můžete použít" „(Tučné) nebo“ "(Normální písmo). - Přidejte hypertextový odkaz pomocí „“. Můžete použít „
"Pokud nelze obrázek načíst, bude místo toho na výstupu hodnota uložená v" starém ". - Aby byly vaše texty krásnější, můžete je také formátovat do HTML. Pomocí " " můžete nechat zobrazit text kurzívou. Příkaz " " zase způsobí, že je tučné a můžete použít příkaz k přidání nabídky.
- Přidání zvukového doprovodu je však o něco složitější. Nejprve napište příkaz „“. V tomto případě se zvukový doprovod přehraje automaticky. Potom napište příkaz "
- Video funguje podobně. Chcete-li to provést, pomocí příkazu nastavte velikost videa. Potom použijte příkaz "
HTML: Ověření webových stránek
Chcete-li zajistit, aby nedošlo k chybám zobrazení, měli byste svůj web nastavit jako platný.
- Validator je „expert HTML“, který rozpoznává chyby ve zdrojovém textu.
- Prohlížeče se obvykle pokoušejí ignorovat nekonzistence a stále generují smysluplnou stránku kvůli algoritmickému zpracování prohlížečů. To však není vždy úspěšné.
- Protože existuje mnoho různých verzí HTML, je velmi důležité prohlášení o typu dokumentu. Dokument HTML je platný, pokud dodržuje všechna pravidla jazyka HTML, verze HTML popsaná v prohlášení o typu dokumentu.
- Například zde můžete otestovat validátor pro HTML5.
V dalším praktickém tipu vám vysvětlíme, jak můžete dekódovat QR kódy ručně bez skeneru.
Můžete Také Rád...
- Přidejte hypertextový odkaz pomocí „“. Můžete použít „
- "(" unordered list "). Zde můžete použít"