Nachricht für neue Nutzer.
Nachricht für engagierte Nutzer.

HTML und CSS/Meine erste Webseite: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
(typo)
Markierung: Quelltext-Bearbeitung 2017
(w in vorhergehendes Kapitel integriert)
Markierung: Quelltext-Bearbeitung 2017
Zeile 1: Zeile 1:
Der Weg zur ersten Webseite ist denkbar einfach und bringt schnelle Ergebnisse!


{{Aufgabe|#Erstelle Deine eigene Webseite!
## Kopiere den untenstehenden Code in einen [https://wiki.selfhtml.org/wiki/HTML/Tutorials/Webprojekte/entwickeln#Code-Editor Code-Editor] wie NotePad++.
## Speichere es als <code>meineSeite.html</code>
## Öffne es in einem Browser.
## Jetzt kannst Du den Inhalt der Seite nach Belieben ändern!
# Neue Elemente
## Kannst Du Deine Hobbys in einer Liste nach Priorität sortieren? Finde das richtige HTML-Element dafür!
## Kannst Du einen Verweis/Link zu Deinem Sportverein, Deiner Schule oder Deinem Hobby einbauen?
## Füge Bilder in Deine Webseite ein!
# Unten findest Du interaktive Übungen. Weißt Du schon alles?}}


<source lang="html5"><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></source>


{{HTML und CSS}}
{{HTML und CSS}}
Zeile 35: Zeile 6:
== Interaktive Übungen ==
== Interaktive Übungen ==
=== semantische Auszeichnung einer Webseite ===
=== semantische Auszeichnung einer Webseite ===
<div class="zuordnungs-quiz">
#redirect [[HTML_und_CSS/HTML_als_Auszeichnungssprache]]
Ordne die HTML-Elemente den Beschreibungen zu.
{|
| Überschrift erster Ordnung || &lt;h1>
|-
| Sidebar für zusätzliche Informationen || &lt;aside>
|-
| Textabsatz || &lt;p>
|-
| Verweis auf eine andere Seite || &lt;a href="">
|-
| Einbindung eines Bilds || &lt;img src="" alt="">
|-
| Kopfbereich || &lt;header>
|}
</div>


=== Quiz ===
=== Quiz ===

Version vom 12. Mai 2025, 03:37 Uhr


Devicon-html5-plain-wordmark.svg

HTML und CSS

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


Interaktive Übungen

semantische Auszeichnung einer Webseite

  1. redirect HTML_und_CSS/HTML_als_Auszeichnungssprache

Quiz

HTML-Syntax - Zuordnung

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