Hallo zusammen
ich hoffe ihr könnt mir bitte helfen , habe Probleme mit den H1-h6 Überschriften, habe google bemüht, aber leider werde ich nicht schlau daraus.
Habe fertige Seiten, die ich jetzt gerne optimieren möchte , ich kann im HTML Text aufrufen und bearbeiten, aber ich weiß leider nicht, wohin mit dem h1,
vielleicht weiß jemand von euch Rat, würde mich sehr freuen.
Code
<!doctype html>
<html lang="de">
<head>
<style>
*{
margin:0;
padding:0;
box-sizing:border-box;
}
body{
height:100vh;
display:flex;
flex-direction:column;
}
header{
display:flex;
flex-direction:column;
flex:1;
background:lightgrey;
}
main{
flex:5;
display:flex;
flex-direction:column;
padding:20px;
overflow:auto;
}
h1{
text-align:center;
padding:20px;
}
h2{
padding:10px;
text-align:center;
}
section{
margin:20px auto;
}
footer{
flex:1;
padding:20px 0 0 0;
background:#595959;
display:flex;
border:1px solid black;
}
footer div{
display:flex;
flex:1;
text-align:center;
flex-direction:column;
}
h4{
color:white;
}
</style>
</head>
<body>
<header>
<h1>Meine Seite.de</h1>
</header>
<main>
<section>
<h2>Louis Vuitton - Einzigartiges Design und hohe Qualität</h2>
<p>Louis Vuitton steht wie kaum ein anderes Label sinnbildlich für Luxus, Eleganz und Stilbewusstsein.<br>
Was Anfang des 19. Jahrhunderts als Manufaktur von exklusiven Koffern und Reisegepäck begann.
<br>Sie Ist heute eine Luxusmarke, die weltweit von Wert ist. Im Laufe der Jahre hat Louis Vuitton sich als großes Modelabel etabliert,
<br>das rund um den Globus als Statussymbol gilt und mit Chic, Stil und Klasse zu glänzen weiß.
</p>
</section>
<section>
<h2>Valentino Garavani - Stil und Eleganz</h2>
<p>steht, dann ist es Valentino Garavani.<br>
Valentino Garavani repräsentiert fantastische Mode für jeden Anlass. Die Schuhe, Taschen und Accessoires der Marke sind an Stil und Expertise kaum zu übertreffen,<br>
einzigartige Muster, fließende Stoffe und bezaubernde Schnitte aus Meisterhand haben dem Modelabel zu Weltruhm verholfen.</p>
</section>
</main>
<footer>
<div>
<h4>Links</h4>
<a href="#">Link1</a>
<a href="#">Link2</a>
<a href="#">Link3</a>
</div>
<div>
<h4>Links</h4>
<a href="#">Link1</a>
<a href="#">Link2</a>
<a href="#">Link3</a>
</div>
<div>
<h4>Links</h4>
<a href="#">Link1</a>
<a href="#">Link2</a>
<a href="#">Link3</a>
</div>
</footer>
</body>
</html>