HTML - Text gestalten


HTML-Dokumente sind reine Textdokumente mit Inhalt (Texte, Überschriften, Bilder, Tabellen etc.), dem Sie eine Struktur (und somit ein Aussehen) zuweisen. Dies geschieht über spezielle Zeichenfolgen im Dokument, die so genannten Tags (gesprochen Tägs).

Jede HTML-Seite braucht einen Titel, der anzeigt, was sie beschreibt. Der Titel wird von den Lesezeichen Ihres Browser, von Hotlist-Programmen sowie von anderen Programmen, die Webseiten katalogisieren, benutzt. Um einer Seite einen Titel zu geben, benutzen Sie die HTML-<title>-Kennung. Der Titel zeigt an, wovon Ihre Webseite ...

Weiterlesen


Überschriften werden benutzt, um verschiedene Textabschnitte zu unterteilen. HTML definiert sechs Stufen von Überschriften. Die Ziffern bezeichnen die Stufe der Überschrift (<h1> bis <h6>). Die Überschriften selbst sind, wenn sie angezeigt werden. Stellen Sie sich Überschriften so vor, als seien sie die Stichwörter eines Themen ...

Weiterlesen


Nachdem Sie nun also einen Seitentitel und unterschiedliche Überschriften haben, lassen Sie uns einige gewöhnliche Absätze in das Dokument einfügen. Die erste Version von HTML spezifizierte die <p>-Kennung als einseitige Kennung. Es gab kein korrespondierendes </p>, und die <p>-Kennung wurde benutzt, um das Ende eines ...

Weiterlesen


Im Bild am Ende des Artikels, konnten Sie eine Besonderheit feststellen: Der Text, der im Code-Beispiel im HTML-Dokument über sechs Zeilen verteilt war, wurde im Browser in drei Zeilen dargestellt. Das liegt daran, dass HTML Zeilenumbrüche oder mehrere Leerzeichen hintereinander in einem <p>>-Element als ein einzelnes Leerzeichen ...

Weiterlesen


Gelegentlich ist es hilfreich, Text, der in einem HTML-Dokument notiert wurde, exakt so im Browser ausgeben zu lassen, z. B. bei Listings, Verzeichnislisten, der Darstellung von Messwerten und Ähnlichem. In einem solchen Fall sollten Sie das <pre>-Element (pre = engl. preformatted, dt. vorformatiert) verwenden. Text, der im Gültigkeitsbereich eines ...

Weiterlesen


Neben den verschiedenen Absatzformaten (Textabsätze, vorformatierte Absätze und Überschriften) gibt es spezielle Elemente, um Wörter, Sätze oder Absätze von anderen Texten hervorzuheben, z.B. fett, kursiv oder unterstrichen. Die Elemente zur Textauszeichnung werden als Inline-Elemente bezeichnet. Die Elemente für Absatz ...

Weiterlesen


Ähnlich der physischen Textauszeichnung ist es mit logischer Textauszeichnung möglich, Texte und Textbausteine hervorzuheben. Dabei ist die optische Darstellung nicht explizit festgelegt und kann von Browser zu Browser (selbst in den einzelnen Versionen) variieren. Auch für diesen Fall stellt Ihnen HTML zehn verschiedene ...

Weiterlesen


Standardmäßig wird der mit Elementen der Textstrukturierung ausgezeichnete Text linksbündig ausgerichtet. Das heißt, dass ein Text, der sich über mehrere Zeilen erstreckt, an einem imaginären Rand auf der linken Seite ausgerichtet ist und eine vertikale Linie bildet. Um dies zu beeinflussen, gibt es das Attribut <align> und vier ...

Weiterlesen


Die bereits bekannten Elemente <h1>–<h6>, <p> und <pre> lassen sich auch mit einem weiteren Element nach Ihren Wünschen verändern und anpassen. Anstatt den Texten mittels physischer oder logischer Textauszeichnung ein bereits definiertes Aussehen zuzuweisen, können Sie mit Hilfe des <font>-Elements die Schriftgröße, die Schrift ...

Weiterlesen


Bei der Wahl der Schriftgröße stehen Ihnen zwei Möglichkeiten zur Verfügung: absolut oder relativ. Möchten Sie die Schriftgröße absolut angeben, müssen Sie als Wert eine Zahl von 1 bis 7 mittels des Attributs <size> übergeben (wobei 7 am größten und 1 am kleinsten ist). Bei einer relativen Angabe beziehen Sie sich auf die Standard-Schrift ...

Weiterlesen


Mit dem <color>-Attribut können Sie die Farbe der Schrift verändern. Auch hier stehen Ihnen wieder zwei Möglichkeiten zur Verfügung: die Angabe eines der 16 Farbworte oder eines Hex-Tripel-Werts. Farbworte sind black, blue, red usw. Die Angabe eines Hex-Tripel-Werts ist ein wenig komplizierter. Anstelle eines der Farbworte zu verwenden ...

Weiterlesen


Abgesehen von Überschriften und Absätzen ist das wohl häufigste HTML-Element, mit dem Sie sich auseinandersetzen müssen, die Liste. Wenn Sie sich durch diesen Abschnitt gearbeitet haben, werden Sie nicht nur wissen, wie eine Liste erzeugt wird, sondern fünf verschiedene Arten von Listen erzeugen können, eine Liste für jede ...

Weiterlesen


Nummerierte Listen werden durch die <ol> ... </ol>-Tags eingeschlossen (ol steht für Ordered List, geordnete Liste), und jeder Eintrag in der Liste beginnt mit der <li>- Kennung (li = List Item, Listen-Eintrag). Auch die <li>-Kennung ist einseitig, das heißt, Sie brauchen keine abschließende Kennung anzugeben. Das Auftreten der nächsten ...

Weiterlesen


Ungeordnete Listen sind Listen, deren Elemente in beliebiger Reihenfolge erscheinen können. Ungeordnete Listen sehen in HTML genauso aus wie geordnete Listen, abgesehen davon, dass die Liste durch die <ul> ... </ul>-Kennung anstelle von <ol> gekennzeichnet wird. Die einzelnen Einträge der Liste werden durch die <li>-Kennung ...

Weiterlesen


Was passiert nun, wenn Sie eine Liste in eine andere Liste setzen? Das geht in Ordnung, soweit es HTML betrifft; fügen Sie einfach die komplette Listenstruktur als einen Eintrag in eine andere Liste ein. Die eingefügte Liste wird einfach zu einem weiteren Element der anderen Liste und vom Rest dieser Liste eingerückt abgesetzt. Derartige Listen eignen ...

Weiterlesen


Obwohl Definitions-Listen für das Erstellen von Glossaren (Erklärung verschiedener Abkürzungen, Fachbegriffe und Fremdwörter) verwendet werden sollen, lassen sie sich für unterschiedliche Dinge verwenden, z.B. für Menülisten mit zusätzlichen Erklärungen oder als Vokabelliste für Fremdsprachen. Anders als bei den vorherigen Listen ...

Weiterlesen


Die <hr />-Kennung, ohne abschließende Kennung und ohne zugehörigen Text, erzeugt eine horizontale Linie auf der Seite. Solche Linien eignen sich ausgezeichnet für die visuelle Abgrenzung von Abschnitten auf der Webseite - insbesondere vor Über- schriften oder um den Haupttext von einer Liste abzugrenzen. Abbildung illustriert ...

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 - © 2021  HTML Lernen