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 #15.3 Mehrzeilige Textfelder

Hier klicken, um das Video zu sehen. Setzen wir die Formular-Videoreihe fort und schauen uns heute mal mehrzeilige Eingabefelder an. Das Video baut auf HTML erklärt #15.1 und #15.2 auf, Links dazu sowie allen anderen HTML-Videos...

HTML erklärt #10 Breiten und Höhen

Hier klicken, um das Video zu sehen. Hier wird euch gezeigt, wie ihr Absätze (oder jedes andere Element) in der Breite oder Höhe verändern könnt. Neue Attribute in diesem Teil: width, heightHier 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.

HTML erklärt #3 Makros in Notepad++

Hier klicken, um das Video zu sehen. Mit diesem kleinen Tipp zeige ich euch, wie ihr mit ein paar Mausklicks oft wiederholte Eingaben fast schon automatisieren könnt und dadurch viel Zeit spart.

< 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

Fernsehen oder YouTube?

Während viele jüngere diese Frage meist ganz klar mit YouTube beantworten, kann vor allem die ältere Generation mit "diesem Internet" nach wie vor nicht viel anfangen. So flüchten sich die Jungen in eine Plattform, auf der sie selbst Inhalte...

Memberships und Kanal Update - Briefe von Felix

Hier klicken, um das Video zu sehen. Mit Memberships können Zuschauer einen Kanal monatlich unterstützen, und erhalten im Gegenzug gewisse Vorteile. Mit diesem Video möchte ich einmal eure Meinung hören, was haltet ihr von...

console.log - Developer Notes 13.04.2018

Einmal die Woche gibt es hier Updates und Hintergrundinfos zu meinen Open Source Projekten. Diese Woche zum Blogsystem Lixter und einer neuen Webseite. Das...

Audience Development

Auf einem Workshop von YouTube in den schönen Berliner Google-Büros, wurde Audience Development ausführlich thematisiert. Um was es in dem etwas mehr als einstündigen Vortrag ging, und was die Kernaussagen waren, lest ihr hier. Ganz klares Ziel nach...

< Zurück zu HTML erklärt