Online HTML-Kurs (Teil 16): Horizontale Linien mit hr
Manchmal möchte man den Inhalt seiner HTML-Seite mit einer Trennlinie abgrenzen. Mit dem <hr>-Tag kann man dabei eine horizontale Linie ziehen.
<html>
<head>
<title>Dies ist der Titel</title>
</head>
<body>
<hr>
</body>
</html>
Und so siehts aus:
Besonderheit an <hr> ist wie beim Zeilenumbruch mit <br>, dass der Container nur aus der Startmarke und damit aus einem einzelnen Tag besteht. Wichtige Attribute von <hr> sind "align", "size", "width" und "noshade".
<html>
<head>
<title>Dies ist der Titel</title>
</head>
<body>
<hr align="right" width="30%">
<hr size="8">
<hr noshade="noshade">
</body>
</html>
Und so siehts aus:
Mit "align" kann man die Ausrichtung der Trennlinie festlegen (natürlich darf sie dann nicht über den ganzen Bildschirm reichen). Erlaubte Werte sind "left", "middle" und "right". Das Attribut "width" legt die Breite der Trennlinie fest. Erlaubte Werte sind entweder eine Pixelangabe oder aber eine prozentuale Angabe.
Mit "size" lässt sich die Dicke der Trennlinie festlegen. Dabei sind erlaubte Werte Pixelwerte.
Zum Schluss wird noch "noshade" verwendet, mit dem mit der Wertangabe "noshade" festlegen kann, ob ein 3D-Schatten der Trennlinie gezeigt oder nicht gezeigt werden soll.
Kategorien
HTML , Step-by-Step1 TrackBacks
Folgende Einträge anderer Blogs beziehen sich auf den Eintrag Online HTML-Kurs (Teil 16): Horizontale Linien mit hr
TrackBack-URL dieses Eintrags: http://www.undertec.de/mt-cgi/mt-tb.cgi/252
Morgen beginnt wie bereits hier im Blog angekündigt der Online HTML-Kurs. Diese Seite soll dazu dienen ein Inhaltsverzeichnis zu allen Kursseiten bereitzustellen. Im Laufe der Zeit wird das Inhaltsverzeichnis ergänzt. Jeder Artikel kann kommentier... Mehr
Jetzt kommentieren