FAQ lesen
Neues in Bitrix24
Bitrix24 Support
Registrierung und Autorisierung
Womit fangen Sie an?
Feed
Abonnement
Aufgaben und Projekte
Messenger
Startseite: Vibe
Projektgruppen
Kalender
Drive
Webmail
CRM
CoPilot – KI in Bitrix24
Elektronische Unterschrift für HR
Elektronische Unterschrift
CRM-Onlineshop
Bestandsverwaltung
Geschäftsanalytik
Contact Center
Mein Profil
Marketing
Vertriebsstelle
CRM-Analytik
BI-Builder
Automatisierung
CRM + Onlineshop
Workflows
Unternehmen
Onlineshop
Websites
Anwendungen
Wissensbasis
Videokonferenzen
Telefonie
Enterprise
Einstellungen
Desktop-Anwendung
Allgemeine Fragen
On-Premise Version
Updates in Beiträgen

Bitrix24Help

HTML-Tags in der Webmail von Bitrix24

In der Webmail von Bitrix24 können Sie eigene Vorlagen mithilfe von HTMLHTML ist ein Code, der zur Erstellung der Struktur von Webseiten verwendet wird. Mit HTML-Tags können Sie Text, Bilder, Tabellen und Videos in eine E-Mail einfügen.-Tags erstellen. HTML-Tags sind Elemente zur Erstellung und Formatierung von Inhalten in E-Mails und auf Websites. Mit diesen Tags können Sie E-Mail-Nachrichten in der Webmail und im Marketing von Bitrix24 formatieren.
E-Mail-Kampagne erstellen

Verwenden Sie Tags, um:

  • das Design der E-Mail anzupassen, indem Sie Schriftarten, Farben und Stile ändern,
  • Tabellen, Listen und Bilder, wie beispielsweise das Unternehmenslogo, in die Nachricht einzufügen.

Webmail ist nicht in allen Tarifen verfügbar.
Bitrix24 Tarife

Welche Tags können verwendet werden?

Tags können einzeln oder paarweise auftreten. Einzeltags bestehen aus einem einzigen Element, während Paartags aus zwei Elementen bestehen: einem am Anfang und einem am Ende des Bereichs. Zum Beispiel ist der Tag zur Erstellung eines Absatzes ein Paartag:
<p> — öffnet den Absatz,
</p> — schließt ihn ab.

Damit ein Tag in einem HTML-Dokument korrekt funktioniert, wird es in spitze Klammern < > gesetzt.

Einige Tags können Attribute enthalten, die als zusätzliche Parameter zur Anpassung von HTML-Tags dienen. Diese Attribute werden im Start-Tag hinzugefügt und bestehen aus einem Namen und einem Wert.

Beispielsweise hat das Tag <img> Attribute src und alt: <img src="image.jpg" alt="Bildbeschreibung">. Attribut src gibt den Pfad zur Datei an, während alt den Bildnamen anzeigt, falls das Bild nicht geladen wird.

Im Folgenden betrachten wir die Tags, die zur Anpassung von E-Mail-Nachrichten in Bitrix24 verwendet werden können.

Tags zur Gestaltung der E-Mail-Struktur

  • <html> wird verwendet, um den Beginn und das Ende des HTML-Codes zu kennzeichnen. Attribute: xmlns.
  • <head> enthält Informationen über den Header und Links zu Stilen.
  • <body> beinhaltet alle sichtbaren Inhalte, wie Text, Bilder und Links.

Tags für Meta-Daten und Headers

  • <meta> speichert Informationen zur Seite, wie Beschreibungen und Schlüsselwörter, die von Suchmaschinen indexiert werden.
  • <title> wird verwendet, um den Header der HTML-Seite anzugeben.

Tags zur Gestaltung und Einbindung externer Stile

  • <style> wird zum Hinzufügen von CSS-Stile verwendet, die das Design der E-Mail verändern. Attribute: type.
  • <link> verbindet externe Dateien mit Stilen zur Designänderung. Attribute: type, rel, href.

Tags zur Textformatierung

  • <a> erstellt den Link zu einer anderen Seite. Attribute: href, title, name, style, id, class, shape, coords, alt, target.
  • <b> schreibt den Text fett. Attribute: style, id, class.
  • <i> schreibt den Text kursiv. Attribute: style, id, class.
  • <u> unterstreicht den Text. Attribute: style, id, class.
  • <strong> schreibt den Text fett. Attribute: style, id, class.
  • <small> verkleinert die Schriftgröße. Attribute: style, id, class.
  • <big> vergrößert die Schriftgröße. Attribute: style, id, class.
  • <br> fügt den Zeilenumbruch. Attribute: style, id, class.
  • <blockquote> schreibt den Text als Zitat. Attribute: title, style, id, class.

Tags zur Textstrukturierung und Gruppierung von Elementen

  • <div> wird zur Gruppierung der Inhaltsblöcke verwendet. Attribute: title, style, id, class, align.
  • <span> wird verwendet, um einen Teil des Textes innerhalb einer Zeile hervorzuheben. Attribute: title, style, id, class, align.
  • <p> erstellt einen Absatz im Text. Attribute: style, id, class, align.

Tags zur Erstellung von Listen

  • <ul> erstellt eine nicht-nummerierte Liste. Attribute: style, id, class.
  • <ol> erstellt eine nummerierte Liste. Attribute: style, id, class.
  • <li> definiert ein Element der Liste. Attribute: style, id, class.

Tags zur Erstellung und Formatierung von Tabellen

  • <table> erstellt eine Tabelle. Attribute: border, width, style, id, class, cellspacing, cellpadding.
  • <tr> definiert eine Zeile in der Tabelle. Attribute: align, valign, style, id, class.
  • <td> definiert eine Zelle in der Tabelle. Attribute: width, height, style, id, class, align, valign, colspan, rowspan, bgcolor.
  • <th> definiert Überschriften in der Tabelle. Attribute: width, height, style, id, class, colspan, rowspan.
  • <thead>, <tbody>, <tfoot> teilen die Tabelle in Abschnitte: Kopfzeile, Hauptteil und Fußzeile. Attribute: align, valign, style, id, class.

Tags zum Einfügen der Bilder

  • <img> fügt ein Bild hinzu. Attribute: src, alt, height, width, title.

Tags zur Formatierung von Code, Text und Bildern

  • <code> schreibt den Text als Code. Attribute: style, id, class.
  • <del> zeigt den gelöschten Text an. Attribute: style, id, class.
  • <ins> zeigt den neuen Text an, der zur E-Mail hinzugefügt wurde. Attribute: style, id, class.
  • <map> wird verwendet, um eine Bild-Map zu erstellen. Mit diesem Tag können klickbare Bereiche auf einem Bild angezeigt werden (zum Beispiel Links). Attribute: shape, coords, href, alt, title, style, id, class, name.
  • <php> fügt den PHP-Code ins HTML-Dokument ein. Attribute: id.

Das ist eine vollständige Liste der erlaubten Tags. Andere Tags werden nicht unterstützt.


E-Mail-Nachricht mit den HTML-Tags anpassen

Lassen Sie uns anhand eines Beispiels betrachten, wie das Design und die Struktur einer E-Mail-Nachricht geändert werden können.

Öffnen Sie den Bereich Webmail > Neue Nachricht und wählen Sie HTML.

tags2.png So sieht die E-Mail ohne Tags

Fügen Sie die Tags ein:

  1. <br> — Zeilenumbruch erzwingen,
  2. <b></b> — Text fett schreiben,
  3. <ul></ul> und <li></li> — eine nummerierte Liste erstellen,
  4. <a href="Link" target="_blank"><u>Name</u></a> — Link hinzufügen,
  5. <div style="text-align: center;"> <a href="Link" class="ge-modal-img_r m-image"> <img src="Link" alt="Titel" title="Titel"> </a> </div> — Bild hinzufügen.
  6. Senden Sie die E-Mail an sich selbst oder an einen Kollegen, um das Layout zu prüfen.

tags4.png Beispiel einer E-Mail mit der Verwendung von HTML-Tags

Zusammenfassung

  • HTML-Tags sind Elemente zur Erstellung und Formatierung von Inhalten in E-Mails und auf Websites.
  • Mithilfe von Tags das Design der E-Mail anpassen und verschiedene Elemente, zum Beispiel Tabellen, Listen und Bilder, wie beispielsweise das Unternehmenslogo, in die Nachricht einfügen.
  • Das ist eine vollständige Liste der erlaubten Tags. Andere Tags werden nicht unterstützt.
War diese Information hilfreich?
Assistenz von Integrationsspezialisten anfordern
Nicht das, wonach ich suche.
Kompliziert und unverständlich formuliert.
Die Information ist veraltet.
Zu kurz, ich benötige mehr Informationen.
Mir gefällt nicht, wie das Tool funktioniert.
Zu Bitrix24 wechseln
Sie haben noch keinen Account? Jetzt kostenfrei erstellen

Sehen Sie sich unsere Videos an

Bitrix24 Webinaraufnahmen und Videos