Beispiel:HTML a-Element2.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" media="screen" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css" />
  <style>
  p { 
    margin-bottom: 500px;
  }
  </style>
    <title>Beispiele für Sprungziele</title>
  </head>
  <body>
  <h1>Beispiele für Sprungziele</h1>
  
  <main>
    <h2>Eine erste Überschrift</h2>
    <p>
      <a href="#zweitens">Zweitens</a> - ein Verweis zur zweiten Überschrift innerhalb dieser Seite<br>
      <a href="./Beispiel:HTML_a-Element3.html#drittens">Drittens</a> - ein Verweis zu einem Ziel in einer anderen Seite
    </p>
    <h2 id="zweitens" tabindex="-1">Eine zweite Überschrift</h2>
    <p>etwas Raum</p>
    <h2 id="drittens" tabindex="-1">Eine dritte Überschrift</h2>
    <p>noch etwas Raum</p>
  </main>
</body>
</html>