Designer-Logo
Designer-Logo
Überschrift Beispiel Tag footer
<!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">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>
Der E-Mail-Link von strassencoder.ch befindet sich im footer</p>
</main>
<footer class="foot">
<h4>Das footer-Element</h4>
<p>Author: RoBi <a href="mailto:strassencoder@example.ch" style="color:black">strassencoder@example.ch</a></p>
<p style="color:red;text-align:center">Hier befindet sich der footer</p>
</footer>
</body>
</html>
Überschrift BrowserAusgabe
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.
Der E-Mail-Link von strassencoder.ch befindet sich im footer

Designer-Logo