2.5.3 Zeile (line)

1 Zeilenumbruch erzwingen (break)

a) Bezeichnungen

• br = break = Umbruch = Zeilenumbruch

b) Prinzip

Am Ende der Zeile signalisiert <br>,
dass ein manueller Zeilenumbruch eingefügt werden soll

c) Beispiel: ...<br>...

<p>
 Vor drei Wochen habe ich erfahren,<br>
 dass Du krank bist.<br>
 Mach' Dir keine Sorgen.<br>
 Mir geht es gut.
</p>

Vor drei Wochen habe ich erfahren,
dass Du krank bist.
Mach' Dir keine Sorgen.
Mir geht es gut.

• SELFHTML: Zeilenumbruch erzwingen
  SELFHTML: Beispiel

d) Weitere Workshops

2 Textumbruch (white space)

a) Bezeichnungen

• white space = weisser Zwischenraum = Ort an dem ein Text normalerweise umgebrochen werden kann

b) Prinzip

Mit white-space: kann das Verhalten für den Zeilenumbruch festlegt werden.
Folgende Angaben sind möglich:

• normal = automatischer Zeilenumbruch (wie bei allen HTML-Tags ausser <pre> und <nowrap>)
• pre = Zeilenumbruch wie im Editor eingegeben (so wie bei <pre>... </pre>)
• nowrap = kein automatischer Zeilenumbruch, Umbruch möglich durch entsprechende HTML-Tags.

c) Beispiel 1: <p style="white-space:pre">...</p>

Bitte beachten: Die Schrift ist die gleiche wie ein normaler Text.
(Dies ist die richtige Art Text auszurichten)

<p style="white-space:pre">
Land		Deutschland	Frankreich	Schweiz	
Ländercode	DE		FR		CH
</p>			

Land Deutschland Frankreich Schweiz Ländercode DE FR CH

d) Beispiel 2: Vergleich mit der <pre>...</pre> Formatierung

⇒ Siehe auch Formatierung mit <pre>

Bitte beachten: Die Schrift ist diejenige der pre-Ansicht, normalerweise monospace
(Dies kann so also nicht für die Textausrichtung verwendet werden)

<pre>
 Land		Deutschland    	Frankreich     Schweiz	
 Ländercode	DE		FR             CH
</pre>

 Land		Deutschland    	Frankreich     Schweiz	
 Ländercode	DE		FR             CH

e) Beispiel 3: <p style="white-space:nowrap">...</p>

<p style="white-space:nowrap">
Wird nicht umgebrochen, 
auch wenn Sie das Fenster verkleinern.	
</p>			

Wird nicht umgebrochen, auch wenn Sie das Fenster verkleinern.

f) Workshops

• SELFHTML: white-space (Textumbruch)
  SELFHTML: Beispiel

3 Geschützte Leerzeichen (nbsp = nonbraking space)

a) Bezeichnungen

• nbsp = nonbreaking space = Leerzeichen ohne Umbruch

b) Prinzip

• Verhinderung von Zeilenumbruch bei Leerzeichen
• Mit   wird verhindert, dass ein Zeilenumbruch an dieser Stelle erfolgt

c) Beispiel 1:  

<p style="color:red">
 Es gibt vieles, worin sich HTML&nbsp;2.0
 und HTML&nbsp;4.0 unterscheiden.
 Es gibt vieles, worin sich HTML&nbsp;2.0
 und HTML&nbsp;4.0 unterscheiden.
</p>

Es gibt vieles, worin sich HTML 2.0 und HTML 4.0 unterscheiden. Es gibt vieles, worin sich HTML 2.0 und HTML 4.0 unterscheiden.

(Auch bei verkleinertem Anzeigefenster wird die Zeile nicht zwischen HTML und 2.0 oder HTML und 4.0 getrennt.)

d) Workshops

• SELFHTML: Geschützte Leerzeichen
  SELFHTML: Beispiel

4 Zeilenumbruch erlauben

a) Prinzip und Bezeichnungen

Bedingte Trennung gemäss Beispielen in den Workshops

• Bedingte Trennung mit "&shy;" (es erscheint ein Trennstrich, wenn das Wort getrennt wird)
• Bedingte Trennung mit "<wbr>" (das Wort wird nicht getrennt)
• Bedingte Trennung mit "&#8203;" (das Wort wird ohne Trennstrich getrennt)

b) Workshop mit Beispielen

• SELFHTML: Zeilenumbruch erlauben
  SELFHTML: Beispiel

↑