So definieren Sie Absätze und Abstände in HTML

click fraud protection

Sie haben also grundlegende HTML-Konzepte und einige grundlegende HTML-Tags gelernt und beschlossen, einige einzufügen HTML in Ihr CMS. Leider lief Ihr Artikel zusammen. Alles ist ein Absatz! Was ist passiert?

Keine Panik. Verstehen Sie, wie Sie Browser interpretiert Zeilenumbrüche, und Sie werden dies schnell beheben … oder zumindest einfach.

Browser ignorieren die meisten Leerzeichen

Bei HTML geht es darum, gewöhnlichen Text zu markieren. Damals, als Text auf Pergament war, lief gewöhnlicher Text in riesigen Blöcken zusammen. Heute unterteilen wir Text in Absätze.

Sie denken vielleicht nicht viel über Absätze nach. Sie passieren einfach. Sie drücken ENTER, und das war's.

Aber HTML ist anders. Der Browser bemüht sich, Informationen herauszufiltern, die nicht wichtig erscheinen. Sie müssen verstehen, wie dies funktioniert, damit Sie nicht verwirrt werden.

Angenommen, Sie geben eine ganze Reihe von Leerzeichen ein:

Ihr prosaischer Browser gibt diese gestochen scharfe Wiedergabe aus:

instagram viewer
Ich fühle mich wie z.B. cummings.

Wir sind nicht mehr in Word, Toto. Browser ignoriere zusätzliche Abstände. Sie reduzieren mehrere Leerzeichen auf ein einziges Leerzeichen.

Browser werden auch ignoriere deine Zeilenumbrüche.

Ihr Browser macht das:

Ich fühle mich wie z.B. Cummings, aber jeder hasst C A P I T A L S online sowieso.

Wenn Sie aus der Welt der Textverarbeitung kommen, kann dieses Verhalten erschreckend sein. Tatsächlich gibt es Ihnen viele Freiheiten.

Absätze

Aber Sie wollen wahrscheinlich immer noch Absätze. Hier sind sie:


und

Schauen Sie genau hin.


und

Tags und sehen Sie, was der Browser tut.
Dies ist ein Absatz. Dies ist ein weiterer Absatz, obwohl er in derselben Zeile steht. Und obwohl ich gerade zwei Zeilenumbrüche eingegeben habe, ist dies immer noch Teil von Absatz zwei. Jetzt schließe ich Absatz zwei.

Sehen? Der Browser ignoriert Ihre Zeilenumbrüche wirklich völlig. Es geht nur um Tags.

Normalerweise ist es natürlich sinnvoll, Ihre Absätze mit Zeilenumbrüchen abzugleichen:

Aber die Zeilenumbrüche sind nur für Sie. Der Browser ignoriert sie.

Hinzufügen einer Reihe von.

Tags können mühsam sein. Es ist eine Sache, hier und da kursiv zu schreiben. Es ist eine andere, jedes Mal, wenn Sie einen neuen Absatz beginnen, Tags hinzufügen zu müssen.
Aber warte! Es gibt Hoffnung! Laufen Sie nicht schreiend zurück zu Ihrem Textverarbeitungsprogramm.

Ihr CMS respektiert möglicherweise Ihre Leerzeilen

Glücklicherweise sind einige CMS so konzipiert, dass Absatz-Tags automatisch einfügen für Sie, hinter den Kulissen. Sie können einfach a einfügen Leerzeile zwischen den Absätzen, und das CMS erledigt den Rest.

Wenn Ihr CMS über diese Funktion verfügt, erhalten Sie:

Dies ist ein Absatz. Keine Tags! Und hier ist. Ein weiterer Absatz.

Warum funktioniert das? Bevor das CMS Ihren Artikel als Website, fügt es das Notwendige hinzu.

Stichworte.
Ihr CMS wird dies wahrscheinlich automatisch tun. Ist dies nicht der Fall, können Sie diese Funktion möglicherweise aktivieren.

Drücken Sie zweimal die EINGABETASTE für einen Absatz

In einem Textverarbeitungsprogramm drücken Sie normalerweise nur einmal zwischen den Absätzen die EINGABETASTE. Die Absätze sind eine einzelne Zeile, aber das Textverarbeitungsprogramm umbricht sie.

In HTML möchten Sie Drücken Sie zwischen den Absätzen zweimal die EINGABETASTE. Wenn Ihr CMS hinzufügt.

Tags automatisch, erwartet es wahrscheinlich eine Leerzeile.

instagram story viewer