HTML und CSS/Meine erste Webseite

Aus ZUM-Unterrichten
< HTML und CSS
Version vom 11. August 2019, 14:51 Uhr von Matthias Scharwies (Diskussion | Beiträge) (N)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)

Der Weg zur ersten Webseite ist denkbar einfach und bringt schnelle Ergebnisse!


Aufgabe
  1. Erstelle Deine eigene Webseite!
    1. Kopiere den untenstehenden Code in einen Code-Editor wie NotePad++.
    2. Speichere es als meineSeite.html
    3. Öffne es in einem Browser.
    4. Jetzt kannst Du den Inhalt der Seite nach Belieben ändern!
  2. Neue Elemente
    1. Kannst Du Deine Hobbys nach Priorität sortieren? Finde das richtige HTML-Element dafür!
    2. Kannst Du einen Verweis zu Deinem Sportverein, Deiner schule oder Deinem Hobby einbauen?
    3. Füge Bilder in Deine Webseite ein!
  3. Unten findest Du interaktive Übungen. Weißt Du schon alles?
<pre>
<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>meine Seite</title>
</head>
<body>
  <h1>Überschrift</h1>
  <p>Ich bin ...</p>
  
  <h2> Meine Hobbies</h2>
  <ul>
    <li><a href="https://unterrichten.zum.de/wiki/">Unterrichten-ZUM-Wiki</a></li>
  </ul>
</body>
</html></pre>
Devicon-html5-plain-wordmark.svg

HTML und CSS

  1. HTML als Auszeichnungssprache
  2. meine erste Webseite
  3. unsichtbar, aber nötig: Dokumentstruktur
  4. Jetzt kommt Farbe ins Spiel: CSS
  5. responsives Mehrspaltenlayout
  6. von der Webseite zum Web-Projekt


Interaktive Übungen

Abgerufen von „https://unterrichten.zum.de/index.php?title=HTML_und_CSS/Meine_erste_Webseite&oldid=97431“