HTML5 - Text gestalten


Zunächst sehen wir uns aber an, wie wir mit den neuen Elementen von HTML5 unsere Seiten besser strukturieren können. In diesem Kapitel von HTML5 erforschen wir die folgenden neuen Elemente und Funktionen: Kopfzeilen, Fußzeilen und Navigationsmöglichkeiten.

Jedes HTML-Dokument sollte einen Titel erhalten. Das ist aus folgenden Gründen besonders wichtig: Der Titel wird bei der Anzeige im Web-Browser in der Titelzeile des Anzeigefensters oder in Browser-Tabs angezeigt. Der Titel wird vom Web-Browser beim Setzen von Lesezeichen (Bookmarks, Favoriten) verwendet. Der ...

Weiterlesen


Bei HTML5 können Sie für Ihre Webseite bis zu sechs Überschrifts-Ebenen vergeben, um Ihre Seite zu unterteilen. Zeichnen Sie jede Überschrift mit einem der Elemente h1 bis h6 aus. Dabei ist h1 eine Überschrift erster Ordnung, h2 eine Unterüberschrift davon, h3 wiederum eine Unterüberschrift von h2 usw. Wie Sie ...

Weiterlesen


HTML5 erkennt keine Absatzendezeichen oder Leerzeichen, die Sie in Ihren Text-editor eintippen. Um einen neuen Absatz auf der Webseite zu beginnen, nehmen Sie das p-Element. Nicht überraschend, dass p zu den am häufigsten benutzten HTML-Elementen gehört. Textabsätze dienen der Feinstrukturierung von ...

Weiterlesen


Browser brechen Text entsprechend der Breite des Blocks oder Fensters, das den Inhalt enthält, automatisch um. Am besten lässt man in den meisten Fällen den Inhalt einfach fließen, aber manchmal soll ein Zeilenumbruch auch manuell erzwungen werden. Das erledigen Sie mit dem br-Element. Um es deutlich zu ...

Weiterlesen


Normalerweise fassen die Browser alle zusätzlichen Absatzende- und Leerzeichen zusammen und nehmen den Zeilenumbruch passend zur Fenstergröße automa-tisch vor. Mit vorformatiertem Text können Sie die ursprünglichen Zeilenumbrüche und Leerzeichen erhalten und darstellen, die Sie in den Text eingefügt haben ...

Weiterlesen


In diesem Abschnitt geht es um HTML-Auszeichnungen mitten im Fließtext, also um Elemente, mit deren Hilfe Sie einzelnen Wörtern, Ausdrücken, Satzteilen oder Passagen eine besondere Markierung zuweisen können. In HTML 4 wurden diese Elemente als Inline-Elemente bezeichnet. HTML5 redet stattdessen von textlevel ...

Weiterlesen


HTML enthält Elemente, die speziell zur Erstellung von Listen mit mehreren Elementen gedacht sind. Damit können Sie nummerierte Listen sowie solche mit Gliederungs-Punkten (sogenannte Bullet Points) und auch Listen mit Beschrei-bungen erstellen. Diese Listen kann man auch ineinander verschachteln. Alle ...

Weiterlesen


Geordnete Listen sind nummerierte Listen und z. B. von Bedeutung, um nachei-nander auszuführende Aktionen oder Rangfolgen übersichtlich darzustellen. Bei einer nummerierten Liste werden alle Listeneinträge automatisch durchnumme-riert. Ungeordnete Listen sind reine Aufzählungslisten, z. B. um Eigenschaften ...

Weiterlesen


Das Verschachteln von Listen ist ebenfalls möglich. Dabei ist es jedoch wichtig, die Vergschachtelung richtig zu notieren. Beim Verschachteln ist es wichtig, in der übergeordneten Liste ein öffnendes <li>-Tag zu notieren. Dahinter folgt der Eintragstext dieses Listenelements. Dann wird das Listenelement jedoch noch ...

Weiterlesen


In diesem Beispiel habe ich ein paar Schritte ausgelassen, wollte aber die ursprüng-liche Zählung der restlichen Schritte beibehalten. Also habe ich mit start=2 die ganze Liste bei 2 beginnen lassen und den Wert des zweiten Elements mit value=5 dann auf 5 gesetzt. Beide Attribute sind optional und müssen nicht wie hier ...

Weiterlesen


Wenn die Kreise und Quadrate oder gar die römischen Ziffern Ihnen als Auf-zählungs-zeichen zu langweilig werden, können Sie anhand von Bildern eigene erstellen. Dafür brauchen Sie nicht das HTML zu ändern, sondern nur das CSS. In der CSS-Regel für die gewünschte Liste oder das Listenelement geben Sie ...

Weiterlesen


Wenn Sie eine Art von Listen in eine andere einfügen, bezeichnet man die innere Liste als verschachtelt. Das geht mit nummerierten und auch Aufzählungslisten zusammen oder unabhängig. Es gibt auch eine andere Art von verschachtelter Liste. Verschachtelte Listen sind vor allem bei einer Gliederung praktisch, die als ...

Weiterlesen


HTML enthält eine Art von Liste, die speziell dafür gedacht ist, die Beziehung zwischen Namen oder Begriffen und Werten in Gruppen zu beschreiben. In früheren Versionen von HTML nannte man das Definitions-Listen und in HTML5 heißen sie nun Beschreibungs-Listen. So steht es in der HTML5-Spezifikation ...

Weiterlesen


Sie können Zitate von Fremdautoren in einem eigenen Absatz hervorheben. Das können Zitate von »weit entfernten« Quellen sein. Innerhalb eines Forums oder in Kommentaren zu einem Blog-Artikel lassen sich aber auch Passagen aus anderen Postings, auf die sich ein Kommentar bezieht, als Blockzitate auszeichnen ...

Weiterlesen


Wenn es auf Ihrer Seite einen Bereich gibt, der eine Gruppe von einführenden oder navigationsbezogenen Inhalten hat, zeichnen Sie diesen mit dem header-Element aus. Eine Seite kann eine beliebige Zahl header-Elemente bekommen und je nach Kontext kann sich deren Bedeutung unterscheiden. Ein header ganz oder recht ...

Weiterlesen


Ein anderes Element, das wir HTML5 zu verdanken haben, ist article. Das haben Sie schon ein paar Mal in Aktion gesehen. Nun sollen Sie mehr darüber erfahren, wie es eigentlich funktioniert. Am Namen können Sie schon merken, dass man in article Inhalte wie einen Zeitungsartikel packen kann. Doch darauf ist es nicht ...

Weiterlesen

Kontakt

Email: Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein!
Tel : 038305 / 529 799
Erstellt mit HTML5 und CSS3 - © 2024  HTML Lernen
  Zitate bei QuotientQuotables