Rettet die Bienen! – Expedition ins Internet
Zurück zum Dashboard
0 Fähigkeitspunkte
0 Neuro-Netz Punkte
0 Web-Creator Punkte
0 Daten-Detektiv Punkte

Kursabschnitte

Abschnitt 1
Einführung
1
1.01 Bienen sind wichtig!
2
1.02 Alle müssen es wissen!
Abschnitt 2
WWW
1
1.03 URL – Wo hängt das Plakat?
2
1.04 Bäume im Internet
3
1.05 So Surft es sich leichter
Abschnitt 3
Planung
1
1.06 Wir machen einen Plan
2
1.07 Infos sammeln
3
1.08 Inhalt ist gleich Inhalt?
4
1.09 Schlagzeilen
Abschnitt 4
Inhalte
1
1.10 Poster im Internet aufhängen
2
1.11 Fließtexte in HTML
3
1.12 Erstelle deine eigene Webseite!
4
1.13 Fülle deine Seite mit Inhalten
5
1.14 Texte hervorheben
6
1.15 Listen
7
1.16 Ein Blick auf die To-Do-Liste
8
1.17 Bilder in HTML
9
1.18 Jetzt wird’s bunt!
10
1.19 Videos in HTML
11
1.20 Webseiten untersuchen
12
1.21 Hyperlinks in HTML
13
1.22 Head und Body
Abschnitt 5
Style
1
1.23 CSS: so wird richtig gestylt!
2
1.24 CSS: Schriftarten
3
1.25 Rot, Grün, Blau,…
Abschnitt 6
Finale
1
1.26 Ein Meisterwerk

Inhalte

1.15 Listen

Requested file could not be found (error code 404). Verify the file URL specified in the shortcode.
Aufzählungen werden übersichtlicher, wenn wir eine Liste verwenden. Eine Liste kannst du mit den Listen-Tags <ul>...</ul> oder <ol>...</ol> erzeugen. Zwischen den Listen-Tags kannst du dann mit <li>...</li> Listenelemente hinzufügen.
  <ul>
    <li> Listeneintrag 1 </li>
    <li> Listeneintrag 2 </li>
    <li> Listeneintrag 3 </li>
  </ul>
list, icon, instagram-1882326.jpg

Erzeuge eine Liste aus den Punkten, die im nächsten Textabschnitt aufgezählt werden. Probiere beide Arten von Listen-Tags mal aus.

“Hilfreiche Maßnahmen sind beispielsweise Blumenwiesen durch Samenbomben, der Kauf von regionalem Honig und das Aufstellen eines Bienenhotels.”

Wenn du deiner Webseite noch mehr Inhalte hinzufügen möchtest, findest du hier noch mehr: 

Hinweis: Klicke das -Symbol, damit du die Inhalte richtig angezeigt werden.

Hinweis: Klicke das -Symbol, damit die Inhalte richtig angezeigt werden.

See the Pen
WEB_15_Beispiellösung by RockStartIt (@RockStartIt)
on CodePen.

1. Kopieren und Einfügen

Oft ist es nützlich Texte oder Elemente einfach zu kopieren. Markiere dafür den Text mit der linken Maustaste. Drücke dann die Tasten “strg”+”c”. Klicke dann an die Stelle, wo der Text eingefügt werden soll. Drücke dann die Tasten “strg”+”v”.

Bild von Tastatur

2. Tags: “<” und “>”

Für “<” drückst du nur die Taste rechts oben von “Strg”. Für “>” drückst du “Shift+<“. “Shift” ist die Taste direkt oberhalb von “Strg”.

3. Schrägstrich: “/”

Für “/” drückst du “Shift+7”.

Falls du dein Codepen-Fenster versehentlich geschlossen hast, oder deine Arbeit aus einem anderen Grund verloren gegenagen ist, kannst du hiermit weiterarbeiten. Klicke einfach auf den folgenden “Codepen”-Button. Es wird sich ein neues Codepen-Fenster öffnen, indem du weiterarbeiten kannst.
Requested file could not be found (error code 404). Verify the file URL specified in the shortcode.
Queries vector created by pch.vector - www.freepik.com
Inhalte 1.14 Texte hervorheben
Vollständig
Inhalte 1.16 Ein Blick auf die To-Do-Liste