Základy HTML/XHTML

Info: obsah těchto stránek byl vytvořen v roce 2018, takže některé informace již jsou zastaralé, i když všeobecné základy jsou stále platné

HTML

  1. úvod do HTML
  2. anatomie dokumentu HTML
  3. základy práce s textem
  4. oddělovače, úprava obrázku na internet, obrázky a multimedia
  5. odkazy a weby
  6. formátované seznamy
  7. formuláře
  8. tabulky
  9. rámečky
  10. kaskádové styly
  11. tipy a triky


Nejpodrobnější informace o jazyku HTML naleznete na stránkách W3C - HyperText Markup Language (HTML)Home Page (v angličtině).


Jak vytvořit soubor HTML?

Jako editor je možné použít i editor z windows "Poznámkový blok" nebo "WordPad".

Vynikající je český univerzální editor PsPad. Pracuje s prostým textem, ale má řadu různých formátů. Pro tvorbu HTML stránek má některé funkce, které šetří čas a umožňují automatizaci práce.

Pokud chcete tvořit stránky ve WYSIWYG editoru, můžete si stáhnout již starší, ale kvalitní editor KompoZer (vychází z editoru Nvu (české info) jehož vývoj byl už ukončen), který je zdarma a je podporován sdružením okolo Mozilly. Jeho velkou výhodou je, že podporuje práci s CSS a validním HTML. Pro oba editory je možné si doinstalovat české prostředí.


Kontrola souboru v HTML

Kontrolu stránky si můžete nechat udělat na stránce W3C MarkUp Validation Service. Je zde možné zadat adresu stránky nebo i soubor, který chcete zkontrolovat. Po odeslání jsou vypsány chyby i s popisem.


Server na vlastním počítači

Vytvořit server na vlastním počítači je možné s použitím různých serverů. Osobně dávám přednost APACHE a hlavně již vytvořeným různým balíkům.

XAMPP je jeden z mých nejoblíbenějších. Existují verze jak pro Windows, tak pro Linux, Mac OS X a Solaris. Výhodou je, že je možné buď spustit klasickou windows instalaci nebo balík bez instalování jen rozbalit. XAMPP je možné stáhnout buď v plné verzi nebo ve verzi Lite, plus je možné si verze rozšířit i o PERL a Tomcat.

EasyPHP je instalační balík určený pro Windows. Jednoduché použití.

GuppY je francouzské CMS (obsahuje i český překlad), které funguje bez použítí databáze. Na stránkách nabízí instalační balík miniGuppY pro Windows i se serverem.

Uniform Server - další server, který je možné použít pod Windows. Jednoduchý, malý a rychlý. Instalace obsahuje PHP, MySQL apod. Pomocí pluginů je možná změna verze PHP, doinstalace FTP serveru, Tomcat apod.


Zajímavé odkazy

  • Jak psat web - popis tvorby web stránky, popis HTML, CSS a další informace, perfektně zpracováno [CZ]
  • W3Schools - podrobny popis HTML, ale i CSS, JavaScript apod. - ukázky kodu a použití s příklady [EN]
  • DevDocs - dokumentace a popis HTML5, CSS a dalších [EN]
  • CSSDeck - online trestování kódu HTML, CSS, JavaSCript [EN]
  • JSfiddle - online trestování kódu HTML, CSS, JavaSCript [EN]
  • Bezpečné barvy - řada 3 - standardní webové bezpečné barvy [CZ]
  • Bezpečné barvy - řada 8 - bezpečné barvy dle Miholy [CZ]