HTML Tutorial

HTML-tagg: <footer>

Användning av <footer>

<footer>-taggen används för att ange sidfotens innehåll på en webbsida. Den innehåller vanligtvis information som upphovsrätt, kontaktinformation och länkar till sociala medier.

Attribut för <footer>

<footer>-taggen har inga specifika attribut.

Exempel med <footer>

<footer>
  <p>Copyright &copy; 2023 Mitt Företag</p>
  <p>Kontakt: [email protected]</p>
  <p>Följ oss på sociala medier:</p>
  <ul>
    <li><a href="https://www.facebook.com/mittforetag">Facebook</a></li>
    <li><a href="https://www.instagram.com/mittforetag">Instagram</a></li>
    <li><a href="https://www.twitter.com/mittforetag">Twitter</a></li>
  </ul>
</footer>

Utforska <footer>-taggen

1. Skapa en ny HTML-fil.

2. Lägg till följande kod:

<!DOCTYPE html>
<html lang="sv">
<head>
  <meta charset="utf-8">
  <title>Min webbsida</title>
</head>
<body>
  <h1>Välkommen till min webbsida</h1>
  <p>Här finns lite innehåll.</p>

  <footer>
    <p>Copyright &copy; 2023 Mitt Företag</p>
  </footer>
</body>
</html>

3. Öppna HTML-filen i en webbläsare.

4. Bläddra nedåt till sidfoten.

Du ser nu texten "Copyright © 2023 Mitt Företag" i sidfoten.