Když si nebudeš jistý jaký použít Tag podívej se na náš hint https://git.archoslinux.cz/kankys/html_hint
Základy html, toto je začátečnický tutorial na první statický web.
* Později až si vytvoříme vlastní web tak si ho nahrajeme na internet a naučíme se dělat k vaší stránce pod stránky. Zatím budeme pracovat u sebe v počítači.
* Pokud si dovašeho projektu chcete udělat poznámku zapíšete ji do ``` <!-- text --> ```
Vaši první stránku si uložíte jako index.htlm.
* Já používám na tvorbu webu IDE Brackets https://brackets.io/
* Doporučuji si nainstalovat plugin HTLM SKELETON co vám sám vypíše strukturu vaši stránky.
* Svůj projekt si pravidelně ukládejte pomocí CTRL-S.
* Váš první projekt vždy začínejte tím že si vytvoříte soubor index.htlm . Nebo v programu v kterém budete tvořit web,
dáte založit, vytvořit nový projekt (všude se to může jmenovat trochu jinak). Než začnete psát svůj web, tak tento projet než budete
mít jedinou řádku kódu uložíte jako index.htm. Pak už můžete začít psát. Tímto postupem řeknete vašemu IDE (programu napsaní webu)
že se jedná o webovou stránku. A on se přizpůsobí tomuto projektu.
* htlm je tzv. značkovací jazyk a skládá se ze značek, tzv. tagů.
* Tagy začínají ```<něco>(podle toho co chcete zapsat) mezi tagy je text </neco> (a zde je konec tagu)"```. Vše zapisujeme do tagu.
* Tag zapíšeme pravý alt+? a al+:. * je pravý alt+--- klávesa hned vedle otazníku.
* Atributy jsou obsah v tagách, například: ```lang="cs-cz"```, hodnotu atributu můžeme zapsat do "".
* K náhledu vaší práce můžete v Brackets použít vpravo nahoře ikonu blesku.
* Náš nový projekt začne hlavičkou
```
<!DOCTYPE html>
<htmllang="cs-cz"> tímto nastavíme lokalizaci, na slovensku budou mít např: sk
<head>
<metacharset="utf-8"> utf-8 je kódování a informace pro prohlížeče, utf-8 musí podporovat vaše
Už se blížíme ke konci první části našeho seriálu. Na konec prvních kroků z html si vyrobíme pod stránku. Začneme stejně jako, když jsme zakládaly index.html.
My si vytvoříme stránku O mě.
Vytvoříme prázdný dokument o-me-html.
Do ní vložíme pomocí pluginu skeleton kostru stránky. A nastavíme ji podle mě.
```
<!DOCTYPE html>
<htmllang="cs-cz">
<head>
<metacharset="utf-8">
<title>O mě</title>
</head>
```
Při zadávání textu nezapomeňte používat tagy -p- a -br-.
```
<body>
<h1>O mě</h1>
<p>
Jsem IT nadšenec s pozitivním přístupem k životu a vášní pro technologie, ve kterých se neustále vzdělávám. Absolvoval jsem kurz testingu a SQL v Acamaru.
Jsem členem spolku Arch Linux CZ, kde se podílím na správě webu <ahref="https://arch-linux.cz"></a> a dalších webových aplikacích (NextCloud, Bitwarden, Mastodon atd.).<br>
Správě webových stránek pro neziskovou canisterapeutku –<ahref="https://terapiesepsem.cz"></a>.<br>
Seberozvoji v oblasti komunikace a emoční inteligence.<br>
Sportu, který mi dobíjí baterky.<br>
</p>
```
Na závěr si uděláme pro klik na hlavní stranu. Na hlavní straně také uděláme pro klik na stránku o mě stejným způsobem.
```
<p><ahref="index.html">Zpět na hlavní stranu</a></p>