Überschriften h1 bis h6
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.
Der hier verwendete 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>