Table of Contents
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]> <![endif]-->Aktuelle-Themen<!--[if mso]> <![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;"> </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 du 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]> <![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]> <![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]> <![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]> <![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>
