Designer-Logo
Designer-Logo
Überschrift Beispiel Tag header
<!DOCTYPE html>
<html>
<body>
<header class="head">
<p style="color:red;text-align:center">Hier befindet sich der header</p>
<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">zur Semantik</a>
</nav>
<main>
<p>Wenn du mehr erfahren möchtest über die Semantik und den Aufbau eines Layout klick auf den Link links bzw. bei kleinen Screens unten.<br>
Das Logo von strassencoder.ch befindet sich im header</p>
</main>
<footer class="foot">
©strassencoder.ch
</footer>
</body>
</html>
Überschrift BrowserAusgabe

Hier befindet sich der header

Logo

Wenn du mehr erfahren möchtest über die Semantik und den Aufbau eines Layout klick auf den Link links bzw. bei kleinen Screens unten.
Das Logo von strassencoder.ch befindet sich im header

©strassencoder.ch