Ben geen ster in HTML maar heb wel een stukje code geprobeerd te maken.
Deze word verzonden in een nieuwsbrief met phplist.

De uitvoer lijkt mij goed echter als ik hem door een online checker haal staat hij vol met fouten.

Wie kan of wil hem voor mij controleren? het zijn in totaal 24 regels.

Alvast bedankt
Haha het is dus geen site maar een HTML nieuwsbrief die verstuurd moet gaan worden met de bovenstaande code.
Die heb ik ingevoerd in https://validator.w3.org en krijg dan de 25 fouten
Ah, op die manier. Laat die code die je nu hebt dan eens zien?
Hallo Arien,

Dat is dus bovenstaande code!

met nu als eerste regel <!doctype html>
Heb je die link van 19/06/2019 00:12:21 al gelezen? Want alleen die doctype plaatsen, terwijl je die al halverwege hebt staan, dat gaat niet werken. Je HTML-document moet wel logisch opgebouwd zijn, net zoals je een huis bouwt. Je kan immers ook geen twee vloeren op elkaar storten. Of aan het behangen beginnen als de muren niet gebouwd zijn.
Dank je.

Ik heb hem bekeken maar kom er niet echt verder mee

Zoals gezegd weet ik er echt te weinig van, dit wat ik jaaaren geleden op de MTS gehad heb maar het fijne lukt me helaas niet...
Lees het eens rustig door. Ik kan niet de indruk wekken dat je in drie minuten al meteen de tutorial gelezen hebt. Neem rustig de tijd, want er staan precies uitgelegd hoe alles werkt. Begin anders eens bij de basis van HTML: https://www.w3schools.com/html/. Dan zie je direct hoe de opbouw in elkaar steekt.

Een HTML-document moet je goed op kunnen bouwen, en weten hoe je die indeelt. Een huis kan je ook niet zomaar even opbouwen, omdat het anders in elkaar dondert. ;-)
De structuur wordt echt wel op de genoemde URL's uitgelegd hoor.
Hier een beetje opgekuiste versie :)
Je hebt hier nog 1 fout maar dat zijn punten welke je moet vervangen door juiste gegevens.

Jan


<!doctype html>
<html lang="nl">
    <head>
        <title>e-mail</title>
        <meta charset=utf-8>
        <style>
            p, td
            {
                font-family: Arial;
                font-size: 16px;
            }
            .c {
                text-align:center
            }
        </style>
    </head>
    <body>
        <div class="c"> 
            <div style="width: 995px; margin-left: auto; margin-right: auto;padding: 5px;background-color: #010C44;color: white;font-family: Arial;font-size: 16px;">
                <p class="c"><a href="http://www.americantukkerday.nl"><img alt="Logo American Tukkerday" src="http://www.activate.nl/picture_library/logo-nieuwsbrief.jpg" /></a></p>

                <p>[CONTENT]</p>

                <p>Met vriendelijke groet,</p>

                <p>Erik Kottier<br />
                Voorzitter Stichting American Tukkerday<br />
                <a href="mailto:[email protected]" style="color: red; text-decoration: none;">[email protected]</a><br />
                +XXXXXXXXXXX<br />
                <a href="http://www.americantukkerday.nl/" style="color: red; text-decoration: none;">www.Americantukkerday.nl</a><br />
                <a href="http://www.facebook.com/americantukkerday"><img alt="Facebook logo" src="http://www.activate.nl/picture_library/likefacebookATDk.jpg" /> </a></p>

                <p><a href="http://www.activate.nl/uitschrijven.php?l=[listencoded]&amp;e=[emailencoded]#notrack#">Indien u geen mail meer van de van American Tukkerday wilt ontvangen, dan kunt u zich uitschrijven.</a></p>
            </div>
       
            <a href="http://www.americantukkerday.nl">
                <img src="http://www.activate.nl/picture_library/Tukkerday2014.jpg" alt="Hier moet iets staan over je foto">
            </a>
        </div>
    </body>
</html>


[size=xsmall]Toevoeging op 19/06/2019 04:19:06:[/size]

Eigenlijk moet al je inline-style nog in de style tags komen
Hallo Arien,

Bedankt om me op de goede weg te zetten, ik heb vannacht idd niet de hele tutorial doorgelezen en uitgeprobeerd.

Om dit allemaal weer te beheersen en mijn kennis weer op te frissen ben ik zeker meer tijd nodig als 3 minuten.

Groeten,

Erik

[size=xsmall]Toevoeging op 19/06/2019 09:00:07:[/size]

Jan R heb je een PB gestuurd
Het ging ook meer om de structuur ;-)
Crash Course HTML.

HTML is opgebouwd uit zogenaamde tags, een voorgeschreven lijst elementen die tussen <hoekige haken> staan. Deze opmaak zorgt in een daarvoor bestemd programma (een webbrowser of equivalent) voor visuele transformaties. Zo kun je tabellen maken met de <table> tag, en afbeeldingen weergeven met de <img> tag.

Sommige HTML-elementen hebben ook een sluitingstag, aangeduid met een slash (/). Tussen deze tags zet je dan de inhoud waar de werking van het tag-paar op toegepast wordt, bijvoorbeeld <u>deze tekst is onderstreept</u>.

Tags hebben een type ter identificatie, dit is de naam die direct volgt nadat je een tag opent. Zo staat de "u" in het vorige voorbeeld voor underline, onderstreping. Wat dat betreft is de naamgeving van tags redelijk intuïtief.

Tags hebben mogelijk extra (optionele) attributen en waarden (in paren) om extra instellingen te definiëren. De toegestane attributen en waarden hangen af van het type tag.

Tags kun je "nesten" ofwel stapelen. Hierbij zijn er restricties ten aanzien van de tags die je in een andere tag mag/kunt zetten. Alle tags moeten in ieder geval binnen de <html> tag (en vervolgens <head> of <body>) vallen, anders ben je naast de pot aan het piesen :). Vergelijk het met LEGO bouwstenen, niet alle stukjes passen op elkaar/zijn voor elkaar bedoeld, je moet deze op de juiste manier aan elkaar klikken.

Een heel simpel, en misschien wat gedateerd, naslagwerk is de HTML 4 Reference (Guide). Hierin staan alle, of in ieder geval een hele hoop, bouwstenen van HTML.

Deze site heeft ook een simpel naslagwerk voor Cascading Style Sheets (CSS), die de verdere opmaak van HTML verzorgen.

En vervolgens zou je eens naar w3schools kunnen kijken, zoals @Ariën hierboven aanhaalt.

Dan zijn er natuurlijk nog een oneindig aantal voorbeelden online. Druk in een browser op een willekeurige website simpelweg op Ctrl-U en dan kun je de (HTML) broncode bekijken.

Reageren