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
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>~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č & 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> |