47 lines
1.2 KiB
HTML
47 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>grid</title>
|
|
<meta name="description" content=" kratky popis nasej stranky">
|
|
<meta name="keywords" content="sablona,html,kluc slova nasej stranky">
|
|
|
|
<!--Mobile viewport-->
|
|
<meta name="viewport" content="width-device-width-initial-scale=1.0, user-scalabble=yes">
|
|
<link rel="shortcut icon" href="https://miro.medium.com/v2/resize:fit:598/1*-KK3SRZBrrqODshRTsZoEg.png" type="image
|
|
/x-icon">
|
|
|
|
<!--namapovanie css -->
|
|
<link rel="stylesheet" href="grid.css">
|
|
|
|
</head>
|
|
<body>
|
|
<a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout">CSS layout</a>
|
|
<a href="https://www.w3schools.com/css/css_grid.asp">grid_w3</a>
|
|
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout">grid_moz</a>
|
|
<a href="https://itnavody.sk/video-navody/xhtml-css/xhtml-css-26-lekcia-selectory-rodic-potomok">selektory</a>
|
|
|
|
|
|
<section id="page">
|
|
<header>Header</header>
|
|
<nav>Navigation</nav>
|
|
<div class="left">Left</div>
|
|
<main>Main area</main>
|
|
<div class="right">Right</div>
|
|
<footer>Footer</footer>
|
|
</section>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</html> |