HTML erklärt #2 Textstrukturierung

geschrieben von Felix Beuster am 14.02.2010

Dein Browser ist zu klein für den eingebetteten Player. Du kannst das Video hier auf YouTube ansehen.

Diesmal erkläre ich einige Elemente, um den Inhalt zu strukturieren, also Überschriften, Zeilenumbrüche und horizontale Linien.
Die Interseite zur Textgenierung: loremipsum.de

Neue Tags in diesem Teil: h1, h2, br, hr

1
2<html>
3 <head>
4  <title>Elemente zur Textstrukturierung</title>
5 </head>
6 <body>
7  <h1>Große Überschrift</h1>
8  <p>
9   Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
10   dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
11   clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
12   consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
13   sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
14   takimata sanctus est Lorem ipsum dolor sit amet.<br>
15   Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
16   dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
17   clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
18   consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
19   sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
20   takimata sanctus est Lorem ipsum dolor sit amet.
21  </p>
22  <h2>Neuer Absatz mit mysteriöser Linie</h2>
23  <p>
24   Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
25   dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
26   clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
27   consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
28   sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
29   takimata sanctus est Lorem ipsum dolor sit amet.
30   Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
31   dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
32   clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
33   consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
34   sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
35   takimata sanctus est Lorem ipsum dolor sit amet.<hr>
36  </p>
37  <p>
38   Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
39   dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
40   clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
41   consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
42   sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
43   takimata sanctus est Lorem ipsum dolor sit amet.
44  </p>
45 </body>
46</html>

< Zurück zu HTML erklärt

Mehr aus HTML erklärt

HTML erklärt #7.2 Erweiterte Tabellen mit Kopf, Körper und Fuss

Hier klicken, um das Video zu sehen. Weiteres Tabellenvideo meiner Reihe, aber wohl nicht das Letzte. Heute zeige ich, wie schnell die Tabelle in einen Kopf, Körper und Fuss gegliedert wird. Neue Tags in diesem Teil: thead,...

HTML erklärt #1 Einfach Grundlagen

Hier klicken, um das Video zu sehen. In diesem Teil geht es um die einfache Grundstruktur einer Internetseite. Meine alte Reihe "Internetseiten gestalten" wird mit dieser Reihe wieder aufgegriffen und aus qulitativen...

HTML erklärt #16 Sprungmarken und Anker

Hier klicken, um das Video zu sehen. Im heutigen Teil von HTML erklärt geht es um interne Links und Sprungmarken. Es bietet sich daher an, vorher bereits Teil 5 gesehen zu haben. Hier klicken, um den Quellcode zu sehen....

HTML erklärt #4 Bilder einfügen

Hier klicken, um das Video zu sehen. Diesmal lernt ihr, wie ihr schnell Bilder mit HTML in Internetseiten einfügt. Neue Tag in diesem Teil: imgHier klicken, um den Quellcode zu sehen.

< Zurück zu HTML erklärt

Kommentare

Bisher keine Kommentare.

Bitt warte 20 Sekunden, bevor du das Formular abschicken kannst.

< Zurück zu HTML erklärt

Ein parr mehr Artikel

Kamerarucksack, Koffer und die Unterstützung des Einzelhandels

Jedes Mal, wenn man sich auf Amazon oder einem der unzähligen Onlineshops tummelt, hört man die Kritiker regelrecht schreien. "Unterstütz' lieber den Einzelhandel und deinen lokalen Händler!" oder auch "Amazon ist das Böse!" sind...

24% Einnahmen weg - ⚠ Wichtige YouTube Änderung - YouTube Lupe #149

YouTube muss sich einigen Gesetzen anpassen, und ändert daher, wie Creator ausgezahlt werden. Hier braucht YouTube einige Informationen, die ihr selbst in Google AdSense eintragen müsst, andernfalls muss Google künftig 24% eurer gesamten Einnahmen...

Mehr Videos auf YouTube

Vor nicht allzu langer Zeit, genauer gesagt im Ende September letzten Jahres, stellte ich mir die Frage, wie viele Videos eigentlich auf YouTube gibt (siehe dazu alter Blogpost)...

console.log - Developer Notes 09.02.2018

Einmal die Woche gibt es hier Updates und Hintergrundinfos zu meinen Open Source Projekten. Diese Woche zur Android App Abfall LRO und zu meinem Data Tracking...

< Zurück zu HTML erklärt