Designer-Logo
Designer-Logo
Überschrift Beispiel Tag nav
<!DOCTYPE html>
<html>
<body>
<header class="head">
<picture>
<source media="(min-width:1024px)" srcset="Bilder/LogoWebseite.png">
<source media="(min-width:768px)" srcset="Bilder/LogoWebseiteMiddleScreen.png">
<source media="(min-width:365px)" srcset="Bilder/LogoWebseiteSmallScreen.png">
<img src="Bilder/LogoWebseite.png" alt="Logo">
</picture>
</header>
<nav class="navi">
<a class="simpleLink" href="semantics.htm">Semantik</a>
<a class="simpleLink" href="responsive.htm">responsive Webdesign</a>
<a class="simpleLink" href="layouts.htm">Layouts</a>
<p style="color:red">Hier befindet sich die Navi</p>
</nav>
<main>
<p>Wenn du mehr erfahren möchtest über die Semantik, Aufbau eines Layout und @media Queries klick auf die Links in der Navi links bzw. bei kleinen Screens unten.</p>
</main>
<footer class="foot">
©strassencoder.ch
</footer>
</body>
</html>
Überschrift BrowserAusgabe
Logo

Wenn du mehr erfahren möchtest über die Semantik, Aufbau eines Layout und @media Queries klick auf die Links in der Navi links bzw. bei kleinen Screens unten.


©strassencoder.ch