css-album/index.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>
Pridani index.html z csszengarden.com 2 years ago			`<!DOCTYPE html>`
Changed Index 2 years ago			`<html lang="cs">`
Pridani index.html z csszengarden.com 2 years ago			`<head>`
Changed Index 2 years ago			`<meta charset="UTF-8">`
Pridani index.html z csszengarden.com 2 years ago
Changed Index 2 years ago			`<title>CSS Album</title>`
Pridani index.html z csszengarden.com 2 years ago
Changed Index 2 years ago			`<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">`
Pridani index.html z csszengarden.com 2 years ago
Changed Index 2 years ago			`<link rel="stylesheet" media="screen" href="style.css">`
Pridani index.html z csszengarden.com 2 years ago			`</head>`

			`<!--`

Changed Index 2 years ago			`Tipy Triky a Dobrá praxe pro CSS:`
Pridani index.html z csszengarden.com 2 years ago
Changed Index 2 years ago			`- :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`

			`-->`
Pridani index.html z csszengarden.com 2 years ago
Changed Index 2 years ago			`<body>`
Pridani index.html z csszengarden.com 2 years ago
Changed Index 2 years ago			`<!-- Hlavní část webu -->`
Pridani index.html z csszengarden.com 2 years ago
Changed Index 2 years ago			`<div class="page-wrapper">`
Pridani index.html z csszengarden.com 2 years ago
Changed Index 2 years ago			`<section class="intro">`
Pridani index.html z csszengarden.com 2 years ago
Changed Index 2 years ago			`<header>`
			`<h1>CSS Album</h1>`
			`<h2>~Učíme se designovat weby </h2>`
			`</header>`
Pridani index.html z csszengarden.com 2 years ago
Changed Index 2 years ago			`<div class"preambule">`
Pridani index.html z csszengarden.com 2 years ago


Changed Index 2 years ago			`</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>`
Pridani index.html z csszengarden.com 2 years ago
			`</body>`
			`</html>`