Zo werkt het
- Plak je HTML-code in het codevak.
- Schakel Live voorbeeld in om wijzigingen automatisch te bekijken.
- Schakel JavaScript uit als je alleen HTML en CSS wilt bekijken.
- Kies op een breed scherm bij Viewport voor Mobiel 375, Tablet 768 of Desktop 1280.
- Kies bij Indeling voor Naast elkaar om code en voorbeeld samen te bekijken.
Voorbeelden
Productkaart op mobiel
<style>
article { max-width: 320px; padding: 16px; border: 1px solid #ccc; border-radius: 8px; font-family: sans-serif; }
</style>
<article>
<h2>Fietstas van gerecycled materiaal</h2>
<p>Waterafstotend · 18 liter</p>
<p><strong>€ 49,95</strong></p>
</article>Grootte: 262 B · Elementen: 6 · Externe bronnen: 0
Bestelgegevens in de console
<h2>Bestelling ontvangen</h2>
<p>Je bestelling wordt bezorgd in Utrecht.</p>
<script>
console.log('Bestelling', {nummer: 'NL-1042', plaats: 'Utrecht', bedrag: 49.95});
</script>Grootte: 177 B · Elementen: 3 · Externe bronnen: 0
Console (1):
Bestelling {"nummer":"NL-1042","plaats":"Utrecht","bedrag":49.95}JavaScript-fout opsporen
<h2>Voorraad controleren</h2>
<script>
try { controleerVoorraad(); } catch (fout) { console.log(fout.message); }
</script>Grootte: 122 B · Elementen: 2 · Externe bronnen: 0 Console (1): controleerVoorraad is not defined
Veelgestelde vragen
Kan ik de HTML van een website bekijken door een URL te plakken?
Een geplakte URL verschijnt alleen als tekst; de tool haalt de website niet op. Gebruik de tool Broncode bekijken om de HTML van een website op te halen.
Waarom worden mijn afbeeldingen of CSS niet geladen?
Relatieve paden zoals img/logo.png en style.css werken niet zonder een base-element met een href-attribuut in je HTML. Gebruik absolute URL’s of data:-URL’s. Met Externe bronnen blokkeren ingeschakeld worden ook afbeeldingen, stylesheets, lettertypen en scripts van andere servers tegengehouden.
Wordt mijn HTML-code geüpload of bewaard?
De tool verwerkt je HTML in je browser, verstuurt de code niet en bewaart die niet tussen bezoeken. Je opties en de positie van de scheidingslijn worden wel bewaard. Externe bronnen in je HTML kunnen verzoeken naar hun eigen servers sturen; die servers kunnen je IP-adres zien.
Welke HTML-bestanden kan ik openen?
Je kunt .html-, .htm-, .xhtml-, .svg- en .txt-bestanden openen tot en met 5 MB. Zowel losse HTML-fragmenten als volledige HTML-documenten worden weergegeven.