Webová stránka je text

Vítejte na cestě Tvorba webu! Naučíte se na ní stavět weby, dávat je na internet a oživovat je. K téhle první lekci nepotřebujete vůbec nic znát: v pěti krátkých cvičeních nahlédnete, jak web funguje, a v každém z nich na stránce změníte jednu drobnost.

Začneme největším tajemstvím: každá webová stránka je textový soubor. V editoru máte jeden takový soubor: velmi malou stránku jménem index.html. Její text je napsaný v jazyce HTML, který říká, co na stránce je. Slovům ve špičatých závorkách, jako je <h1>, se říká tagy. Na stránce je nevidíte, prohlížeči ale říkají, co je která část textu:

<h1>Ahoj, světe!</h1>
<p>Tento odstavec čeká na váš text.</p>

h1 označuje hlavní nadpis (h z anglického heading, nadpis) a p odstavec (z anglického paragraph). Každá část začíná otevíracím tagem, třeba <h1>, a končí zavíracím tagem s lomítkem, </h1>. Řádky kolem jsou informace pro prohlížeč, třeba titulek v záložce prohlížeče. Všechno, co na stránce vidíte, je mezi <body> a </body>.

Prohlížeč, třeba Chrome, Safari, Firefox nebo Edge, je program, který takový soubor přečte a podle něj stránku vykreslí: nadpis velkým tučným písmem, odstavec obyčejným. Stejně to dělá náhled: když kliknete na Spustit, přečte soubor znovu a stránku zobrazí.

Mimochodem, „Hello, world!“ (Ahoj, světe!) je tradice: skoro každý programátor nechá počítač jako první říct právě tuhle větu. Teď je řada na vás, ať stránka řekne něco vašeho.