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 #8 CSS-Stile in HTML einbinden

Hier klicken, um das Video zu sehen. So, heute in Teil 8 gibt es endlich Farbe! Ich zeige drei Methoden mit denen CSS in HTMl implementiert werden kann. Zu CSS selbst, wird es eine gesonderte Reihe geben. Neue Tags in diesem...

HTML erklärt #11 RGB-Farben

Hier klicken, um das Video zu sehen. Heute habe ich für euch eine kurze Erklärung zu RGB-Farben, mit ein paar Beispielen. Diesmal reine Theorie und keine Arbeit im Code.

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 #13 Webspace, Domain und FTP

Hier klicken, um das Video zu sehen. Oder: Wie kommt die index.html ins Internet? Auf Anfrage ein Video mit dem Überblick über Webhosting, Domains, und FTP. Ich hoffe es reicht dafür erstmal wenn nicht, sagt's mir einfach. :)

< 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

Pusheen Box Winter 2017 - Unboxing und Review

Hier klicken, um das Video zu sehen. Weihnachten und 2017 sind gerade vorbei, aber eine Sache fehlt aus dem letzten Jahr noch: Die Pusheen Box Winter 2017. Wir packen die Box heute einmal aus und schauen, was so alles drin ist....

Zusammenlegung der Kanäle Creator Academy und Partner Support

YouTube betreibt selbstverständlich auch diverse eigene Kanäle, ob nun der große Hauptkanal, oder der Kanal mit Hilfe- und Erklärvideos, die...

Neues YouTube Design kommt - YouTube Lupe #58

Hier klicken, um das Video zu sehen. Nach den vielen Tests der letzten Monate, scheint nun alles in die finale Phase zu kommen. Mit einem offiziellem Release rechne ich noch dieses Jahr. Zum selber austesten einfach der Anleitung...

Werbung mit Fan Finder - YouTube Lupe #57

Hier klicken, um das Video zu sehen. YouTube bietet euch mit dem Fan Finder die Möglichkeit, kostenlos auf YouTube Werbung zu machen. Dabei werden eure Videos als Werbung vor den Clips anderer Nutzer angezeigt. Wie genau das...

< Zurück zu HTML erklärt