SELF-Treffen in Mannheim 2025
SELFHTML wird 30 Jahre alt!
Die Mitgliederversammlung findet am 24.05.2025 um 10:00 statt. Alle Mitglieder und Interessierte sind herzlich eingeladen.
Davor und danach gibt es Gelegenheiten zum gemütlichen Beisammensein. → Veranstaltungs-Ankündigung.
Beispiel:HTML-Kontakt-grid.html
Aus SELFHTML-Wiki
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css" />
<title>Kontaktadressen im Grid Layout</title>
<style>
dl.grid { display: grid; grid-template-columns: 1fr 100%; }
dd { margin: 0; padding-left: 1em; }
dl.grid dd {margin-bottom: 1em;}
a[href^="tel"] { white-space: nowrap; }
</style>
</head>
<body>
<h1>Kontaktadressen im Grid Layout</h1>
<h2>Kontakt</h2>
<address>
<dl>
<dt>Öffnungszeiten</dt>
<dd><span>Mo–Fr:</span> <span>7:00–21:00 Uhr</span></dd>
<dd><span>Sa:</span> <span>9:00–15:00 Uhr</span></dd>
</dl>
<dl class="grid">
<dt>Tel.</dt>
<dd><a href="tel:+49-89-00000000">089 0000 0000</a></dd>
<dt>Fax</dt>
<dd>089 0000 0001</dd>
<dt>E-Mail Adresse</dt>
<dd><a href="mailto:kontakt@example.com">kontakt@example.com</a></dd>
<dt>Geschäftsadresse</dt>
<dd>Fiktives Unternehmen<br/>
Musterstraße 93<br/>
80331 München
</dd>
<dt>Rücksendungen an</dt>
<dd>Fiktives Unternehmen<br/>
Musterstraße 93<br/>
80331 München
</dd>
</dl>
</address>
</body>
</html>
