Ideal zum Lernen:
Kurs als Videos
Video-Kurs HTML5, CSS
& Webdesign
HTML-Kurs, CSS u. Webdesign lernen & die eigene Website erstellen
Videos eBook Forum Kontakt

Trennlinie Attribute

Diese Kapitel ist historischen Gründen noch vorhanden und soll zeigen, wie ursprünglich HTML-Seiten gestrickt worden sind. Diese Techniken sollten nicht mehr bei aktuellen Seiten angewendet werden!!

Attribute zu den Trennlinien

Spannend ist das Prinzip von Attributen. Bisher wurden bei allen HTML-TAGs keine Attribute aufgeführt, obwohl es welche gibt.

Wird kein Attribut aufgeführt, wird das Standard-Attribut angenommen, z. B. dass etwas links ausgerichtet ist.

Größe eines Elementes

Im Folgenden spreche ich bewusst von Elementen, da Attribute auf zahlreiche TAGs angewendet werden können, z. B. hat sowohl eine Trennlinie eine Größe als auch eine Schrift und beides mal ist die Benennung dieselbe. Das Attribut lautet size="X".

Bei dem TAG <hr /> sieht das dann wie folgt aus

<html>
<head>
</head>
<body>

Text eins
<hr size="20" />
Text zwei

</body>

</html>

Anmerkung:

Die Attribute wiederholen sich bei verschiedenen TAGs - allerdings sind nicht alle Attribute bei allen TAGs erlaubt.

Text eins
Text zwei

Aufbau Attribute

Attributen setzen sich also aus 2 Teilen zusammen. Im ersten, z.B. size, wird die Art der Beeinflussung festgelegt und im zweiten dann die Ausprägung, hier 20.

Ausrichtung - rechts, links, mittig

Elemente können ausgerichtet werden. Dazu dient das Attribut align (engl.: ausrichten)

Dabei sind folgende Möglichkeiten vorhanden

  • align="left"
  • align="center"
  • align="right"
<html>
<head>
</head>
<body>

Ein Wurm wanderte auf der Welt entlang ...
<hr width="55" align="left" />
<hr width="55" align="center" />
<hr width="55" align="right" />

</body>
</html>

Das Attribut width="55" wird im nächsten Abschnitt erklärt. Benutzen Sie es einfach einmal.

Breite eines Elementes

Ein weiteres Attribut ist die Breite width (engl. Breite/Weite). Im folgenden Beispiel sehen Sie die Trennlinie mit einer Breite von 55 Pixel.

Text eins
Text zwei

Relativität !!! - ganz wichtig für alles weitere

Spannend wird das Ganze, wenn Sie in Relationen arbeiten, d. h. nicht mehr fixe Angaben, wie im letzten Beispiel 55 Bildpunkte, sondern in Prozenten. Im nächsten Beispiel ist die Linie 55% breit abhängig vom Browserfenster. Probieren Sie das Beispiel aus und ändern Sie dann die Fenstergröße des Browsers. Die Linie wird automatisch sofort kleiner bzw. größer.

<html>
<head>
</head>
<body>

Text eins
<hr width="55%" />
Text zwei

</body>
</html>
Text eins
Text zwei

Dies ist eine der wichtigsten Erkenntnisse, die Sie immer wieder brauchen. Das komplette Design ist i. d. R. relativ. Sehen Sie sich einfach die Seite Relativität an und meditieren Sie über die Auswirkungen auf Ihr weiteres Leben als HTML-Seiten-Designer.

Spielen Sie damit und probieren Sie.

Tipp:

Ist etwas Standard, ist es eigentlich unnötig das Attribut zu setzen, z. B. bei <hr align="center" /> oder bei Schrift eine Ausrichtung links. Denn ohne die Angabe wäre die Anzeige die gleiche. Das spart Tipparbeit, Code und Übertragungszeit!

Weiterempfehlen • Social Bookmarks • Vielen Dank

Wenn Sie einen Fehler finden, bitte mitteilen (egal ob Schreibfehler oder inhaltlicher Fehler).

Mit Maus fehlerhafte Stelle markieren und übernehmen mit folgendem Button:



(kann angegeben werden)

Nach Absenden kommt hier Feedback! Bitte nicht doppelt absenden. Danke.

Bitte unterstützen Sie dieses Projekt

Sie können dieses Projekt in verschiedenen Formen unterstützen - wir würden uns freuen und es würde uns für weitere Inhalte motivieren :).

unsere Videos bestellen

Unsere Videos und eBooks bestellen.

Spenden

Sie können uns eine Spende über PayPal zukommen lassen.

Weiterempfehlungen

Empfehlen Sie es weiter - wir freuen uns immer über Links und Facebook-Empfehlungen.

Bücher über Amazon

Bestellen Sie Bücher über folgende Links bei Amazon:

Fehler melden

Vielen Dank für Ihre Hilfe

BLACK-FRIDAY-WEEK Aktion