Im folgendem Abschnitt ist der HTML Code für einen Newsletter mit drei Beiträgen. die FETT markierten stellen müssen durch den Beschriebenen Inhalt ausgetauscht werden, sofern dieser nicht beinhaltet ” Diese Zeile nicht bearbeiten”. Sofern nur weniger Beiträge nötig sind, kann einfach ein Beitragsabschnitt gelöscht werden. Sollten mehr Beiträge erforderlich sein, findet sich im zweiten Code-Fenster, der Code um einen einzelnen Beitrag hinzuzufügen, diesn fügst du einfach nach “Hier können noch weitere Beiträge eingefügt werden (diese Zeile nicht ändern)” ein.

HTML-Code Newsletter 3 Beiträge #

<html>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<head>
<title>Newsletter DPSG Haltern am See Dezember 2022</title>
</head>
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="background:#035474;width:100%;">
<tbody>
<td valign="top" align="center" bgcolor="#035474" style="border-collapse:collapse;">
<table class="m--base" cellspacing="0" cellpadding="0" border="0" align="center" width="580" style="border-collapse:separate;width:580px;">
<tbody><tr>
<td valign="top" align="center" bgcolor="#ffffff" style="border-collapse:collapse;">
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse:collapse;width:100%;">
<a style="text-decoration: none; color: #555555;" href="Link Newsletter Online Version" target="_blank">Web-Ansicht | webview</a>
<tbody><tr>
<td class="m--section-container" valign="top" align="center" style="border-collapse:collapse;">
<table class="m--section" cellspacing="0" cellpadding="0" border="0" width="580" style="border-collapse:collapse;width:580px;">
<tbody><tr>
<td valign="top" align="center" bgcolor="#ffffff" style="border-collapse:collapse;">
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="border-collapse:collapse;width:100%;">
<tbody><tr>
<td class="m--content-container" valign="top" align="center" style="border-collapse:collapse;">
<table class="m--content" border="0" cellpadding="0" cellspacing="0" align="center" width="580" style="width:580px;">
<tbody><tr>
<td class="m--container" align="center" valign="top" bgcolor="#ffffff" style="border-collapse:collapse;padding:10px 10px 0px;">
<table class="m--row" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tbody><tr>
<th class="m--col" align="center" valign="middle" width="100%" style="border-collapse:collapse;padding:0;font-size:1px;line-height:1px;font-weight:normal;width:100%;">
<table border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tbody><tr>
<td align="center" valign="middle" style="border-collapse:collapse;font-size:1px;line-height:1px;padding:10px;">
<table cellspacing="0" cellpadding="0" border="0"
<tbody><tr>
<td valign="top" align="center" style="border-collapse:collapse;font-size:0px;line-height:0px;">
<a style="display:inline-block;font-size:0px;" href="https://dpsg-haltern.de/" target="_blank" title="Header01">
<img width="270" border="0" style="outline-style:none;text-decoration:none;border:none;font-size:12px;line-height:16px;margin:0;" src="https://dpsg-haltern.de/wp-content/themes/dpsg-wp-2.5_extern/images/logo.png" alt="Header01">
</a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</th>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td class="m--content-container" valign="top" align="center" style="border-collapse:collapse;">
<table class="m--content" border="0" cellpadding="0" cellspacing="0" align="center" width="580" style="width:580px;">
<tbody><tr>
<td class="m--container" align="center" valign="top" bgcolor="#ffffff" style="border-collapse:collapse;padding:0px 10px 0px;">
<table class="m--row" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tbody><tr>
<th class="m--col" align="center" valign="middle" width="100%" style="border-collapse:collapse;padding:0;font-size:1px;line-height:1px;font-weight:normal;width:100%;">
<table border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tbody><tr>
<td align="center" valign="middle" style="border-collapse:collapse;font-size:1px;line-height:1px;padding:10px;">
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="width:100%;">
<tbody><tr>
<td align="left" class="fallback-innerfont" style="border-collapse:collapse;color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;">
<strong>Überschrift</strong><br>
<br>
Hier folgt der Einleitungstext
<br>
<br>
Über Rückmeldungen zum Newsletter würden wir uns freuen. Sendet euer Feedback oder Fragen zur Themenauswahl, Übersichtlichkeit etc. gerne an uns unter <strong><a style="text-decoration: none; color: #2a17ba;" href="mailto:info@dpsg-haltern.de">info@dpsg-haltern.de</a><br>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</th>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td class="m--content-container" valign="top" align="center" style="border-collapse:collapse;">
<table class="m--content" border="0" cellpadding="0" cellspacing="0" align="center" width="580" style="width:580px;">
<tbody><tr>
<td class="m--container" align="center" valign="top" bgcolor="#ffffff" style="border-collapse:collapse;padding:0px 10px 0px;">
<table class="m--row" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tbody><tr>
<th class="m--col" align="center" valign="middle" width="100%" style="border-collapse:collapse;padding:0;font-size:1px;line-height:1px;font-weight:normal;width:100%;">
<table border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tbody><tr>
<td align="center" valign="middle" style="border-collapse:collapse;font-size:1px;line-height:1px;padding:10px;">
<table border="0" cellspacing="0" cellpadding="0" class="m--button" style="border-collapse:separate;" width="100%">
<tbody><tr>
<td align="center" style="-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; border:1px solid #ffffff;font-size:14px;padding:4px 11px;" bgcolor="#035474">
<a class="fallback-buttonfont" href="#" target="_blank" style="font-size:14px;line-height:21px;padding:4px 11px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;color:#ffffff;text-decoration: none;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;display:block;">
<span style="color: #ffffff;"><!--[if mso]>&nbsp;<![endif]-->Aktuelle-Themen<!--[if mso]>&nbsp;<![endif]--></span>
</a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</th>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<!--Hier Beginnt der erste Beitrag (diese Zeile nicht ändern)-->
<tr>
<td class="m--content-container" valign="top" align="center" style="border-collapse:collapse;">
<table class="m--content" border="0" cellpadding="0" cellspacing="0" align="center" width="580" style="width:580px;">
<tbody><tr>
<td class="m--container" align="center" valign="top" bgcolor="#ffffff" style="border-collapse:collapse;padding:0px 10px 0px;">
<table class="m--row m--row-breakable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tbody><tr>
<th class="m--col" align="center" valign="middle" width="50%" style="border-collapse:collapse;padding:0;font-size:1px;line-height:1px;font-weight:normal;width:50%;">
<table border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tbody><tr>
<td align="center" valign="middle" style="border-collapse:collapse;font-size:1px;line-height:1px;padding:10px;">
<table cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top" align="center" style="border-collapse:collapse;font-size:0px;line-height:0px;">
<a style="display:inline-block;font-size:0px;" href="Link erster Beitrag" target="_blank" title="">
<img width="260" border="0" style="outline-style:none;text-decoration:none;border:none;font-size:12px;line-height:16px;margin:0;" src="Link Bild erster Beitrag" alt="">
</a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</th>
<th class="m--col" align="center" valign="top" width="50%" style="border-collapse:collapse;padding:0;font-size:1px;line-height:1px;font-weight:normal;width:50%;">
<table border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tbody><tr>
<td align="center" valign="middle" style="border-collapse:collapse;font-size:1px;line-height:1px;padding:10px;">
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="width:100%;">
<tbody><tr>
<td align="left" class="fallback-innerfont" style="border-collapse:collapse;color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;">
<div><strong>Überschrift erster Beitrag</strong></div>
<div style="text-align:justify">Text erster beitrag<strong><a style="text-decoration: none; color: #2a17ba;" href="Link erster Beitrag" target="_blank">Verlinkter Text erster Beitrag</a></strong>.</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</th>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<!--Hier Beginnt der zweite Beitrag (diese Zeile nicht ändern)-->
<tr>
<td class="m--content-container" valign="top" align="center" style="border-collapse:collapse;">
<table class="m--content" border="0" cellpadding="0" cellspacing="0" align="center" width="580" style="width:580px;">
<tbody><tr>
<td class="m--container" align="center" valign="top" bgcolor="#ffffff" style="border-collapse:collapse;padding:0px 10px 0px;">
<table class="m--row m--row-breakable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tbody><tr>
<th class="m--col" align="center" valign="middle" width="50%" style="border-collapse:collapse;padding:0;font-size:1px;line-height:1px;font-weight:normal;width:50%;">
<table border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tbody><tr>
<td align="center" valign="middle" style="border-collapse:collapse;font-size:1px;line-height:1px;padding:10px;">
<table cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top" align="center" style="border-collapse:collapse;font-size:0px;line-height:0px;">
<a style="display:inline-block;font-size:0px;" href="Link zweiter Beitrag" target="_blank" title="">
<img width="260" border="0" style="outline-style:none;text-decoration:none;border:none;font-size:12px;line-height:16px;margin:0;" src="Link Bild zweiter Beitrag" alt="">
</a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</th>
<th class="m--col" align="center" valign="top" width="50%" style="border-collapse:collapse;padding:0;font-size:1px;line-height:1px;font-weight:normal;width:50%;">
<table border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tbody><tr>
<td align="center" valign="middle" style="border-collapse:collapse;font-size:1px;line-height:1px;padding:10px;">
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="width:100%;">
<tbody><tr>
<td valign="top" align="left" class="fallback-innerfont" style="border-collapse:collapse;color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;">
<div style="text-align:justify"><strong>Überschrift zweiter Beitrag</strong><br>
Text zweiter Beitrag<strong><a style="text-decoration: none; color: #2a17ba;" href="Link zweiter Beitrag" target="_blank">Verlinkter Text zweiter Beitrag</a></strong>.</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</th>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<!--Hier Beginnt der dritte Beitrag (diese Zeile nicht ändern)-->
<tr>
<td class="m--content-container" valign="top" align="center" style="border-collapse:collapse;">
<table class="m--content" border="0" cellpadding="0" cellspacing="0" align="center" width="580" style="width:580px;">
<tbody><tr>
<td class="m--container" align="center" valign="top" bgcolor="#ffffff" style="border-collapse:collapse;padding:0px 10px 0px;">
<table class="m--row m--row-breakable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tbody><tr>
<th class="m--col" align="center" valign="middle" width="50%" style="border-collapse:collapse;padding:0;font-size:1px;line-height:1px;font-weight:normal;width:50%;">
<table border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tbody><tr>
<td align="center" valign="middle" style="border-collapse:collapse;font-size:1px;line-height:1px;padding:10px;">
<table cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td align="center" style="border-collapse:collapse;font-size:0px;line-height:0px;">
<a style="display:inline-block;font-size:0px;" href="Link dritter Beitrag" target="_blank" title="">
<img width="260" border="0" style="outline-style:none;text-decoration:none;border:none;font-size:12px;line-height:16px;margin:0;" src="Link Bild dritter Beitrag" alt="">
</a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</th>
<th class="m--col" align="center" valign="top" width="50%" style="border-collapse:collapse;padding:0;font-size:1px;line-height:1px;font-weight:normal;width:50%;">
<table border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tbody><tr>
<td align="center" valign="middle" style="border-collapse:collapse;font-size:1px;line-height:1px;padding:10px;">
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="width:100%;">
<tbody><tr>
<td align="left" class="fallback-innerfont" style="border-collapse:collapse;color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;">
<div style="text-align:justify"><strong>Überschrift dritter Beitrag</strong><br>
Text dritter Beitrag<strong><a style="text-decoration: none; color: #2a17ba;" href="Link dritter Beitrag" target="_blank">Link Text dritter Beitrag</a></strong>.</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</th>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<!--Hier können noch weitere Beiträge eingefügt werden (diese Zeile nicht ändern)-->
<tr>
<td class="m--content-container" valign="top" align="center" style="border-collapse:collapse;">
<table class="m--content" border="0" cellpadding="0" cellspacing="0" align="center" width="580" style="width:580px;">
<tbody><tr>
<td class="m--container" align="center" valign="top" bgcolor="#ffffff" style="border-collapse:collapse;padding:0px 10px 0px;">
<table class="m--row" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tbody><tr>
<th class="m--col" align="center" valign="middle" width="100%" style="border-collapse:collapse;padding:0;font-size:1px;line-height:1px;font-weight:normal;width:100%;">
<table border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tbody><tr>
<td align="center" valign="middle" style="border-collapse:collapse;font-size:1px;line-height:1px;padding:10px;">
<table border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;font-size:0px;line-height:0px;border:none;border-top-width:2px;border-top-style:solid;border-top-color:#d9d9d9;border-collapse:separate;">
<tbody><tr>
<td class="m--divider--inner" valign="top" align="left" style="border-collapse:collapse;font-size:0px;line-height:0px;"><div style="display:none;">&nbsp;</div></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</th>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td class="m--content-container" valign="top" align="center" style="border-collapse:collapse;">
<table class="m--content" border="0" cellpadding="0" cellspacing="0" align="center" width="580" style="width:580px;">
<tbody><tr>
<td class="m--container" align="center" valign="top" bgcolor="#ffffff" style="border-collapse:collapse;padding:0px 10px 10px;">
<table class="m--row" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tbody><tr>
<th class="m--col" align="center" valign="top" width="100%" style="border-collapse:collapse;padding:0;font-size:1px;line-height:1px;font-weight:normal;width:100%;">
<table border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tbody><tr>
<td align="center" valign="top" style="border-collapse:collapse;font-size:1px;line-height:1px;padding:10px;">
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="width:100%;">
<tbody><tr>
<td align="left" class="fallback-innerfont" style="border-collapse:collapse;color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;">
<div style="line-height:21px; text-align:center">Wenn du diese E-Mail nicht mehr empfangen möchtest, kannst&nbsp;du&nbsp;diese <a style="text-decoration: none; color: #2a17ba;" href="#_UNSUB_URL" target="_blank">hier kostenlos abbestellen</a>.<br>
<br>
<a style="text-decoration: none; color: #2a17ba;" href="https://dpsg-haltern.de/startseite/datenschutzerklarung-kdg/" target="_blank">Hier findest du unsere Datenschutzerklärung.</a><br>
<br>
<strong>Impressum</strong><br>
DPSG Haltern am See<br>
Gildenstraße 20<br>
45721 Haltern am See<br>
Vertretungsberechtigt ist der Vereinsvorstand: Nicole Peters, Pascal Langer, Gergor Coerdt<br>
Kontakt:<br>
E-Mail:Vorstand(at)dpsg-haltern.de<br>
Inhaltlich Verantwortliche nach § 55 Abs. 2 RStV:<br>
Pascal Langer<br>
(Anschrift wie oben)</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</th>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td class="m--content-container" valign="top" align="center" style="border-collapse:collapse;">
<table class="m--content" border="0" cellpadding="0" cellspacing="0" align="center" width="580" style="width:580px;">
<tbody><tr>
<td class="m--container" align="center" valign="top" bgcolor="#ffffff" style="border-collapse:collapse;padding:0px 10px 0px;">
<table class="m--row" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tbody><tr>
<th class="m--col" align="center" valign="middle" width="100%" style="border-collapse:collapse;padding:0;font-size:1px;line-height:1px;font-weight:normal;width:100%;">
<table border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tbody><tr>
<td align="center" valign="middle" style="border-collapse:collapse;font-size:1px;line-height:1px;padding:10px;">
<a class="fallback-innerfont" href="https://www.facebook.com/DPSGHALTERN" target="_blank" style="display:inline-block;padding:6px!important;text-decoration:none;color:#2a17ba;font-family:Arial, Helvetica, sans-serif;font-size:12px;"><!--[if mso]>&nbsp;<![endif]--><img class="nobreak" src="https://dpsg-haltern.de/wp-content/uploads/2022/12/f_logo_RGB-Blue_100.png" alt="" width="32" height="32" style="border:none;width:32px;max-width:32px;height:32px;"><!--[if mso]>&nbsp;<![endif]--></a>
<a class="fallback-innerfont" href="https://www.instagram.com/dpsg_haltern_am_see/" target="_blank" style="display:inline-block;padding:6px!important;text-decoration:none;color:#2a17ba;font-family:Arial, Helvetica, sans-serif;font-size:12px;"><!--[if mso]>&nbsp;<![endif]--><img class="nobreak" src="https://dpsg-haltern.de/wp-content/uploads/2022/12/Instagram_Glyph_Gradient.png" alt="" width="32" height="32" style="border:none;width:32px;max-width:32px;height:32px;"><!--[if mso]>&nbsp;<![endif]--></a>
</td>
</tr>
</tbody></table>
</th>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tbody>
</table>
</html>

HTML-Code eines Beitrags im Newsletter #

<tr>
<td class="m--content-container" valign="top" align="center" style="border-collapse:collapse;">
<table class="m--content" border="0" cellpadding="0" cellspacing="0" align="center" width="580" style="width:580px;">
<tbody><tr>
<td class="m--container" align="center" valign="top" bgcolor="#ffffff" style="border-collapse:collapse;padding:0px 10px 0px;">
<table class="m--row m--row-breakable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tbody><tr>
<th class="m--col" align="center" valign="middle" width="50%" style="border-collapse:collapse;padding:0;font-size:1px;line-height:1px;font-weight:normal;width:50%;">
<table border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tbody><tr>
<td align="center" valign="middle" style="border-collapse:collapse;font-size:1px;line-height:1px;padding:10px;">
<table cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td valign="top" align="center" style="border-collapse:collapse;font-size:0px;line-height:0px;">
<a style="display:inline-block;font-size:0px;" href="Link Beitrag" target="_blank" title="">
<img width="260" border="0" style="outline-style:none;text-decoration:none;border:none;font-size:12px;line-height:16px;margin:0;" src="Link Bild Beitrag" alt="">
</a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</th>
<th class="m--col" align="center" valign="top" width="50%" style="border-collapse:collapse;padding:0;font-size:1px;line-height:1px;font-weight:normal;width:50%;">
<table border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tbody><tr>
<td align="center" valign="middle" style="border-collapse:collapse;font-size:1px;line-height:1px;padding:10px;">
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="width:100%;">
<tbody><tr>
<td align="left" class="fallback-innerfont" style="border-collapse:collapse;color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;">
<div><strong>Überschrift Beitrag</strong></div>
<div style="text-align:justify">Text erster beitrag<strong><a style="text-decoration: none; color: #2a17ba;" href="Link Beitrag" target="_blank">Verlinkter Text Beitrag</a></strong>.</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</th>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>

Powered by BetterDocs