programko/grid.html

47 lines
1.2 KiB
HTML
Raw Permalink Normal View History

2024-03-21 10:25:45 +01:00
<!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>