Im PHASE5 HTML Editor <br> zwischen Text und Tabelle einfügen

[Ken Guru]

Hallo zusammen : ),

ich bin neu hier und habe gleich eine vielleicht etwas dumme Anfängerfrage: Wir müssen für den Unterricht eine Homepage mit Tabellen in PHASE5 erstellen. Nun würde ich gerne einen Text einfügen und darunter die Tabelle setzen, allerdings sollte die nicht so "drankleben", sondern erst nach 1 bis 2 Leerzeilen kommen. Wenn ich jetzt aber zwischen Text und Tabelle <br> setze, zeigt das in der Vorschau keinerlei Wirkung.

Kann mir jemand helfen? Bitte seid noch etwas nachsichtig, fange gerade erst an ;-)

Viele Grüße und frohe Weihnachten, Ken

[Der Martin]

n'Abend,

Wir müssen für den Unterricht eine Homepage mit Tabellen in PHASE5 erstellen.

ernsthaft? Phase5 ist ein Fossil und wird seit über 10 Jahren nicht mehr weiterentwickelt.

Nun würde ich gerne einen Text einfügen und darunter die Tabelle setzen, allerdings sollte die nicht so "drankleben", sondern erst nach 1 bis 2 Leerzeilen kommen. Wenn ich jetzt aber zwischen Text und Tabelle <br> setze, zeigt das in der Vorschau keinerlei Wirkung.

Dann machst du irgendwas falsch, was du hier nicht zeigst (vermutlich ohne es zu wissen).

Bitte seid noch etwas nachsichtig, fange gerade erst an ;-)

Unabhängig von deinem Unterricht: Für Fragen der Darstellung ist nicht HTML zuständig, sondern CSS.

Immer eine Handbreit Wasser unterm Kiel
 Martin

[Ken Guru]

Hallo Martin, vielen Dank für Deine schnelle Antwort! Der Editor ist schon ziemlich alt, das stimmt. Der ist aber leider Vorgabe, da kann ich nichts dran ändern.

Mein Code an der Stelle sieht folgendermaßen aus:

Textblock (mit ein paar <br> für Leerzeilen dazwischen)

<br>(Tabelle...)

Vielleicht kann man da was rausziehen? Oder braucht es dazu mehr?

[Felix Riesterer]

Lieber Ken,

Der Editor ist schon ziemlich alt, das stimmt. Der ist aber leider Vorgabe, da kann ich nichts dran ändern.

was genau sollt ihr lernen? Wie man mit Phase5 umgeht und längst vergangene Zeiten der Webseitenerstellung? Wofür werdet ihr später beurteilt? Das ist eine sehr wichtige Frage, denn das Scheißspiel Schule geht leider so, dass die Lehrkraft bei euch bestellt, und ihr dann entsprechend liefern müsst. Da ich selbst Lehrer bin, kenne ich dieses Scheißspiel aus erster Hand nur allzu genau...

Liebe Grüße

Felix Riesterer

[Felix Riesterer]

Lieber Ken,

Wir müssen für den Unterricht eine Homepage mit Tabellen in PHASE5 erstellen.

welchen Unterricht? Erzähle bitte ein bisschen mehr zu "Unterricht" und in welchem Zusammenhang der stattfindet. Das kann wichtig sein, wenn man Dir "helfen" soll.

Wenn ich jetzt aber zwischen Text und Tabelle <br> setze, zeigt das in der Vorschau keinerlei Wirkung.

Welche Vorschau? In Phase5 oder im Browser? Im Zweifel solltest Du die Vorschau von Phase 5 ignorieren, weil Phase5 kein Browser ist. Und was Browser damals anzeigten, als Phase5 weniger stark veraltet war, ist nicht mehr repräsentativ.

Kann mir jemand helfen?

Das kommt darauf an. Erzähle mehr zu den Hintergründen, dann kann man Dir helfen. Und nicht dass Du Dich wunderst: "Hilfe" ist nicht immer das, was Du erwartest.

Bitte seid noch etwas nachsichtig, fange gerade erst an ;-)

Daran soll es nicht scheitern. ;-)

Liebe Grüße

Felix Riesterer

[Matthias Scharwies]

Herzlich willkommen bei SELFHTML!

... Anfängerfrage: Wir müssen für den Unterricht eine Homepage mit Tabellen in PHASE5 erstellen. Nun würde ich gerne einen Text einfügen und darunter die Tabelle setzen, allerdings sollte die nicht so "drankleben", sondern erst nach 1 bis 2 Leerzeilen kommen. Wenn ich jetzt aber zwischen Text und Tabelle <br> setze, zeigt das in der Vorschau keinerlei Wirkung.

Sorry, dass wir uns erst an Phase5 und an der Aufgabenstellung deiner Lehrkraft abgearbeitet haben. Zuerst muss ich aber leider genau da weitermachen:

• Grundlagen/Webprojekte/entwickeln
  • Zeichenkodierung - hier kannst du Deinem Lehrer zeigen, dass Phase5 von 2009 ist und du kein €-Zeichen in Deine Tabelle einfügen kannst (evtl. indirekt, indem Du die Tabelle mit „echten“ Preisen füllst).

Evtl. willst du über die Feiertage mal die Grundlagen lesen:

• HTML/Tutorials/Einstieg
• CSS/Tutorials/Einstieg

Im HTML-Einstieg kannst du die ersten zwei Kapitel überfliegen. Im 3. Kapitel Gestaltung_mit_CSS geht es drum, wie man Elemente formatiert.

Lösung Deiner Frage:

Und jetzt kommt Dein Fehler: br (siehe: HTML/Elemente/br) beschreibt einen Zeilenumbruch innerhalb eines Textabsatzes, nicht den Abstand zwischen Text und Tabelle.

Unter "Siehe auch" steht ein Link auf HTML/Tutorials/HTML5/Textstrukturierung.

Dort steht Dein Lösungsansatz in rot und drunter eine mögliche Lösung!

Frohe Weihnachten!

Matthias Scharwies

PS: an all die anderen: Wir müssen uns irgendwie überlegen, wie wir das Wissen um die Mängel des Phase5-Editors an die Schulen kriegen!

Evtl. ein Tutorial wie man mit Phase5 eine Preistabelle erstellt, die das €-Zeichen und UTF-8 erfordern. Der User steigt dann nach 1min auf Notepad++ oder Brackets um!

Oder gar ein YouTube-Video?

[Ken Guru]

Wow, vielen Dank, so viel Rückmeldung hatte ich nie im Leben erwartet (vor allem nicht so schnell)! Ich versuche mal, auf alles einzugehen:

Unterricht sieht folgendermaßen aus: Informatik 7. Klasse am bayerischen Gymnasium;
Aufgabe ist es, mit Phase5 in HTML eine Seite mit gewissen Elementen wie Hyperlinks, Tabellen und Bildern zu erstellen. Der Inhalt ist grundsätzlich egal. Bewertung erfolgt auf die vorher besprochenen Elemente, im Wesentlichen eben Hyperlinks, Bilder und Tabellen, und ob diese passend eingefügt sind.

Nach diesem Thema werde ich mich auf jeden Fall nach was anderem, aktuellem umsehen (und vor allem etwas, was nativ auf macOS läuft und ich keine VM für brauche ;-)) und versuchen, mithilfe der Weiten des Internets und auch diesem Forum anzufangen.
Übrigens: Sowas ähnliches wie mit den €-Zeichen durfte ich auch schon erleben: Das ƒ (Blende)-Zeichen wird in der Phase5-Vorschau zwar korrekt angezeigt, aber in MS Edge als É…

Die verlinkte Seite von @Matthias Scharwies hat übrigens geholfen, jetzt weiß ich, dass <br> nur innerhalb eines Absatzes gilt und ich den Absatz in <p></p> einschließen muss.

Euch allen wünsche ich frohe Weihnachten und sage nochmal Danke!
Ken

[Raketenwilli]

Die verlinkte Seite von @Matthias Scharwies hat übrigens geholfen, jetzt weiß ich, dass <br> nur innerhalb eines Absatzes gilt und ich den Absatz in <p></p> einschließen muss.

Nein.

MDN „sagt“

Zulässige Elternelemente: Alle Elemente die formulierten Inhalt akzeptieren.

Also ist nicht nur <p> als Elternelement zulässig.

[Der Martin]

Hallo,

Die verlinkte Seite von @Matthias Scharwies hat übrigens geholfen, jetzt weiß ich, dass <br> nur innerhalb eines Absatzes gilt und ich den Absatz in <p></p> einschließen muss.

Nein.

MDN „sagt“

Zulässige Elternelemente: Alle Elemente die formulierten Inhalt akzeptieren.

Also ist nicht nur <p> als Elternelement zulässig.

ja, zulässig ist <br> überall da, wo auch Fließtext erlaubt ist. Aber auch Fließtext wird man der Semantik wegen meist in einem sinnvollen Containerelement plazieren. Das wird wohl oft ein p-Element sein, kann aber auch hX, header, footer, fieldset oder was auch immer sein (wobei man sich fragen muss, ob ein erwünschter Zeilenumbruch in einer Überschrift ein realistisches Beispiel ist).

Und was man auch nicht tun sollte: Mehrere br-Elemente als Rudel aussetzen, um margins nach oben oder unten nachzubilden.

Allen ein angenehmes Fest
 Martin

[Matthias Scharwies]

Servus!

Hallo,

Die verlinkte Seite von @Matthias Scharwies hat übrigens geholfen, jetzt weiß ich, dass <br> nur innerhalb eines Absatzes gilt und ich den Absatz in <p></p> einschließen muss.

Nein.

MDN „sagt“

Zulässige Elternelemente: Alle Elemente die formulierten Inhalt akzeptieren.

Also ist nicht nur <p> als Elternelement zulässig.

ja, zulässig ist <br> überall da, wo auch Fließtext erlaubt ist. ...

Und was man auch nicht tun sollte: Mehrere br-Elemente als Rudel aussetzen, um margins nach oben oder unten nachzubilden.

Man kann das br-Element auch mit CSS stylen:

br {
  display: block;   /* Damit Angaben für Höhe und vertikaler Abstand wirken - siehe unter "Inline-Element". */
  height: 2em;
  margin-bottom: 2em;
}

Herzliche Grüße und frohe Weihnachten

Matthias Scharwies

[Ken Guru]

Die verlinkte Seite von @Matthias Scharwies hat übrigens geholfen, jetzt weiß ich, dass <br> nur innerhalb eines Absatzes gilt und ich den Absatz in <p></p> einschließen muss.

Nein.

MDN „sagt“

Zulässige Elternelemente: Alle Elemente die formulierten Inhalt akzeptieren.

Also ist nicht nur <p> als Elternelement zulässig.

Äh, da bin ich leider völlig raus... Was heißt das ca. auf Deutsch? ;-)

[Matthias Scharwies]

Servus!

Die verlinkte Seite von @Matthias Scharwies hat übrigens geholfen, jetzt weiß ich, dass <br> nur innerhalb eines Absatzes gilt und ich den Absatz in <p></p> einschließen muss.

Nein.

MDN „sagt“

Zulässige Elternelemente: Alle Elemente die formulierten Inhalt akzeptieren.

Also ist nicht nur <p> als Elternelement zulässig.

Äh, da bin ich leider völlig raus... Was heißt das ca. auf Deutsch? ;-)

Dass du auch folgendes machen kannst:

<h1>Beispiel:<br>
    Tabelle
</h1>  <!--- Sieht aber scheiße aus --->

<ul>
  <li>br-Element<br>
      wird für einen harten Zeilenumbruch verwendet
  </li>
  ...
</ul>

Meist würde man da was anderes empfehlen; evtl noch eine dl innerhalb von li, oft macht man's halt genau so, weil's kürzer ist.

Herzliche Grüße und frohe Weihnachten!

Matthias Scharwies

[Matthias Scharwies]

Servus!

Unterricht sieht folgendermaßen aus: Informatik 7. Klasse am bayerischen Gymnasium;
Aufgabe ist es, mit Phase5 in HTML eine Seite mit gewissen Elementen wie Hyperlinks, Tabellen und Bildern zu erstellen. Der Inhalt ist grundsätzlich egal. Bewertung erfolgt auf die vorher besprochenen Elemente, im Wesentlichen eben Hyperlinks, Bilder und Tabellen, und ob diese passend eingefügt sind.

Danke, sowas interesiert uns immer!

Nach diesem Thema werde ich mich auf jeden Fall nach was anderem, aktuellem umsehen (und vor allem etwas, was nativ auf macOS läuft und ich keine VM für brauche ;-)) und versuchen, mithilfe der Weiten des Internets und auch diesem Forum anzufangen.

Grad geschaut - Brackets find ich gut! (https://praxistipps.chip.de/html-editor-fuer-den-mac-die-3-besten-tools_27638)

Übrigens: Sowas ähnliches wie mit den €-Zeichen durfte ich auch schon erleben: Das ƒ (Blende)-Zeichen wird in der Phase5-Vorschau zwar korrekt angezeigt, aber in MS Edge als É…

Hintergund ist die Zeichencodierung - mittlerweile ist utf-8 Standard.

Die verlinkte Seite von @Matthias Scharwies hat übrigens geholfen, jetzt weiß ich, dass <br> nur innerhalb eines Absatzes gilt und ich den Absatz in <p></p> einschließen muss.

Euch allen wünsche ich frohe Weihnachten und sage nochmal Danke!
Ken

Herzliche Grüße

Matthias Scharwies

[Ken Guru]

Vielen Dank! Brackets schau ich mir mal an.
Dir auch frohe Weihnachten!
Ken