You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

104 lines
2.3 KiB
HTML

<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<title>CSS Album</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Igor Vujovič">
<meta name="description" content="Demonstrativní web pro výuku CSS">
<meta name="robots" content="all">
<link rel="stylesheet" media="screen" href="style.css">
</head>
<!--
Tipy Triky a Dobrá praxe pro CSS:
- :first-child, :last-child a :nth-child je způsob jak přistupovat k elementům
- ::before a ::after lze využít pro vytvoření a stylování pseudo-elementů na místo tvorby nových
- pro vkládání obrázku je lepší použít více background images, jeden element je poté přehlednější než více img tagů, který se hodí, pokud je obrázek náplní stránky
- extra elementy pro stylování na konci souboru jsou pro vyjímečné účely. Využívejte proto raději přístup k pseudo elementům ::before a ::after
-->
<body>
<!-- Hlavní část webu -->
<div class="page-wrapper">
<section class="intro">
<header>
<h1>CSS Album</h1>
<h2>&#126;Učíme se designovat weby </h2>
</header>
<div class"preambule">
</div>
</section>
<!-- Hlavní část webu -->
<section class="main">
<article>
<h3></h3>
</article>
<!-- Postraní informace -->
<aside>
</aside>
</section>
<!-- Podpůrné informace -->
<section class="support">
</section>
<!-- Zápatí webu -->
<footer>
<nav>
<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</nav>
<p>Igor Vujovič &amp; Fili Projekt</p>
<p>UK PedF KITTV, Praha 2023</p>
</footer>
</div>
<!-- Extra elementy pro stylování-->
<div class="extra1"></div>
<div class="extra2"></div>
<div class="extra3"></div>
<div class="extra4"></div>
<div class="extra5"></div>
<div class="extra6"></div>
</body>
</html>