jazyk
značkovací jazyk, pro vytváření stránek, který říká, jak se má text a objekty zobrazovat ve webovém prohlížeči. (Hyper Text Mark Up Language = odkazovací a značkovací jazyk)
Tagy a struktura stránky - návod s komentářem
další návody a postupy např.:
Jak psát web - přehled
ITnetWork - lekce
Khanova škola - s komentáři a videem
<tag></tag>
zapisuje se do <> - základní prvek, má význam - překládaný prohlížečem
párové - začátek <jmeno>, konec</jmeno>
<title>titulek mé stránky</title>
<h1>Nadpis nejvyšší úrovně</h1>
nepárové - jen <jmeno />
chci odřádkovat<br />
zobrazení obrázku <img src='obrazek.gif' />
atribut = 'hodnota'
vlastnost tagu, v ostrých závorkách např.:
<body text='navy'> - barva textu na stránce bude tmavě modrá
<tag atribut='hodnota' jinýatribut='hodnota'>Obsah tagu</tag>
př.
<body bgcolor='navy' text='white'>Stránka tmavěmodré pozadí, bílý text</body>
stránka má hlavičku a tělo
Formáty - Starší formát html4, novější html5
HTML5:
<!DOCTYPE html>
<html lang='cs'>
<head>
<title>Titulek </title>
<meta charset='utf-8'>
<meta name='description' content=''>
<meta name='keywords' content=''>
<meta name='author' content=''>
<meta name='robots' content='all'>
<!-- <meta http-equiv='X-UA-Compatible' content='IE=edge'> -->
<link href='/favicon.png' rel='shortcut icon' type='image/png'>
</head>
<body>
<h2>psaní webu</h2>
<h3> Apostrof x úvozovky</h3>
apostrof ' ' napíšeme pomocí Shift a | <br>
nebo lze přepnout klávesnici na anglickou pomocí Alt + shift
<p> lze plnohodnotně zaměnit pokud nebudeme dále používat na scripty </p>
</body>
</html>
plovoucí obsah - layout
<body>
<article>
<header>
Hlavička článku stránky např s navigací, logem,...
</header>
<section>
Obsah
</section>
<footer>
Patička např. s kontaktem,...
</footer>
</article>
</body>
Pojmenování souborů:
Celý web se skládá z více souborů. Ukládáme je na disk do složky.
používejte příponu html
pouze anglická abeceda, číslice, bez mezer raději jen malá písmena
jednoduchá a přehledná struktura složek
relativní odkazy
kontrolujte odkazy (hlavně na cizí stránky)
startovací soubor index.html
zálohujte (verze stránek doma)
používejte titulek stránky v hlavičce
Např.:
Ve své pracovní složce si vytvořím pro web rok složku:
budu do ní postupně ukládat soubory *.html, projekt rok.ppr a do podsložky obr soubory s obrázky, které použiji na jednotlivých stránkách.
Pozor! při webhostingu vám nemusí fungovat odkazy, když máte soubory a složky pojmenované Rok a ne rok
(museli by jste i v odkazech dodržovat velká písmena u jmen. Např. soubor Morava.png nerovná se morava.png)
Odkaz:
https://www.itnetwork.cz/html-css/webove-stranky/jak-psat-moderni-web-html-tutorial-uvod-do-html