SkyDefend
Mitglied
Hallo IT´ler,
ich bin noch sehr unerfahren, was HTML und CSS angeht.
Ich bin aktuell dabei eine Homepage für einen Freund zu kreeiren, jedoch komme ich nicht so richtig weiter, was den Aufbau (Wo hat wo zu sein) und das Verlinken angeht.
Unten gleich den Code, vorher aber die Frage.
Ich würde gerne eine Menüleiste erstellen, wo ich Oberlinks, wie Startseite, Über mich habe.
Wenn ich jetzt zum Beispiel mit der Maus auf Über mich gehe ohne zu klicken, würde ich gerne einen Unterpunkt zu Gesicht bekommen, den man dann anklicken kann und wo man weitere Infos findet.
Wie kann ich das am besten anstellen?
Falls der Code nicht perfekt ist, bitte verzeiht mir, jeder fängt mal klein an :) .
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="../css/style.css" rel="stylesheet" type="text/css">
<title>Startseite</title>
</head>
<body>
<!--Im Header befindet sich der Kanalbanner, diesen findest du unter css/style.css-->
<header>
</header>
<main>
<!--linke Navigation-->
<nav>
<!--Bei "ul" beginnen die Verlinkungen zu den einzelnen Unter/Oberseiten-->
<ul>
<li><a href="../index.html">Startseite</a></li>
<li><a href="kanäle.html">Kanäle</a></li>
<ul>
<li><a href="......html"></a></li>
<li><a href="....html"></a></li>
</ul>
</li>
<li><a href="dievideos.html">Videos</a></li>
<ul>
<li><a href="....html"> Videos</a></li>
<li><a href="...html"> Videos</a></li>
</ul>
</li>
<li><a href="impressum.html">Impressum</a></li>
</ul>
</nav>
<!--Hier beginnt die Hauptbox, wo man Texte, Videos etc. einfügen kann-->
<section>
<!--Überschrift-->
<h1>Startseite</h1>
<!--Hier fängt dann der Text an-->
<p>TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest</p>
</section>
</main>
</body>
</html>
und der CSS Code:
html, body {
margin: 0;
padding: 0;
width: 100%;
}
header {
height: 150px;
background-image: url"");
background-size: 100% 150px;
}
main {
display: flex;
}
ich bin noch sehr unerfahren, was HTML und CSS angeht.
Ich bin aktuell dabei eine Homepage für einen Freund zu kreeiren, jedoch komme ich nicht so richtig weiter, was den Aufbau (Wo hat wo zu sein) und das Verlinken angeht.
Unten gleich den Code, vorher aber die Frage.
Ich würde gerne eine Menüleiste erstellen, wo ich Oberlinks, wie Startseite, Über mich habe.
Wenn ich jetzt zum Beispiel mit der Maus auf Über mich gehe ohne zu klicken, würde ich gerne einen Unterpunkt zu Gesicht bekommen, den man dann anklicken kann und wo man weitere Infos findet.
Wie kann ich das am besten anstellen?
Falls der Code nicht perfekt ist, bitte verzeiht mir, jeder fängt mal klein an :) .
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="../css/style.css" rel="stylesheet" type="text/css">
<title>Startseite</title>
</head>
<body>
<!--Im Header befindet sich der Kanalbanner, diesen findest du unter css/style.css-->
<header>
</header>
<main>
<!--linke Navigation-->
<nav>
<!--Bei "ul" beginnen die Verlinkungen zu den einzelnen Unter/Oberseiten-->
<ul>
<li><a href="../index.html">Startseite</a></li>
<li><a href="kanäle.html">Kanäle</a></li>
<ul>
<li><a href="......html"></a></li>
<li><a href="....html"></a></li>
</ul>
</li>
<li><a href="dievideos.html">Videos</a></li>
<ul>
<li><a href="....html"> Videos</a></li>
<li><a href="...html"> Videos</a></li>
</ul>
</li>
<li><a href="impressum.html">Impressum</a></li>
</ul>
</nav>
<!--Hier beginnt die Hauptbox, wo man Texte, Videos etc. einfügen kann-->
<section>
<!--Überschrift-->
<h1>Startseite</h1>
<!--Hier fängt dann der Text an-->
<p>TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest</p>
</section>
</main>
</body>
</html>
und der CSS Code:
html, body {
margin: 0;
padding: 0;
width: 100%;
}
header {
height: 150px;
background-image: url"");
background-size: 100% 150px;
}
main {
display: flex;
}
