Ctrl K

HTML lorem ipsum generator

Genereer een pagina dummy-HTML met koppen, alinea's, lijsten en meer. Vink aan wat je nodig hebt en de code verschijnt direct, met een voorbeeld eronder.

Wat erin mag

Voorbeeld

Zo werkt het

  1. Kies wat je nodig hebt

    Het aantal alinea's, elementen of records, en welke onderdelen of velden erin komen.

  2. Direct klaar

    De tekst of code verschijnt meteen. Niet tevreden? Klik op Nieuwe variant voor andere inhoud.

  3. Kopieer of download

    Kopieer met één klik of sla het op als bestand.

Wat kan erin?

  • Koppen (h2, h3), om je typografie te testen. De <h1>-titel staat er altijd.
  • Lijsten, en Vet, cursief en links in de alinea's.
  • Citaat (blockquote) en Tabel.

Aantal bepaalt hoeveel secties je krijgt, van 1 tot 50. Met de standaard 3 secties en de standaardopties is de code 2.469 tekens, zo'n 300 woorden.

Hoe wordt de pagina opgebouwd?

Elke pagina begint met een <h1> en een eerste alinea. Daarna voegt elke sectie een alinea toe, en de opties bepalen wat er nog meer bij komt:

  • Koppen: een <h2> boven elke sectie, en in elke tweede sectie een extra <h3> met een alinea.
  • Lijsten: een opsomming van 3 tot 5 punten in elke tweede sectie, te beginnen met de eerste.
  • Vet, cursief en links: in elke alinea is het derde woord vet, het zevende cursief en het tiende een link.
  • Citaat: een blockquote na elke derde sectie, te beginnen met de tweede.
  • Tabel: een tabel van drie kolommen in de eerste sectie.

Links verwijzen naar #, dus niets in het voorbeeld gaat ergens heen. De tekst is het bekende lorem ipsum, gemaakt uit een seed: hij blijft gelijk terwijl je opties wijzigt, en Nieuwe variant geeft andere tekst.

Kopiëren, downloaden of bekijken

Het voorbeeld toont de HTML zoals een browser hem weergeeft, in een afgeschermd frame, zodat je het resultaat kunt beoordelen zonder de pagina te verlaten. Kopieer zet de code op je klembord en Download .html bewaart hem als bestand. Wil je de uitvoer met een andere inspringing, haal hem dan door de HTML-formatter. Voor gewone alinea's is er de lorem ipsum generator; voor gestructureerde testdata de JSON-testdatagenerator.

Veelgestelde vragen

Waarom staat er altijd een h1-kop?

De gegenereerde pagina begint altijd met een `<h1>`-titel en een openingsalinea die met "Lorem ipsum dolor sit amet" begint. *Koppen (h2, h3)* regelt alleen de koppen verderop. Zet je het uit, dan blijft de `<h1>` staan, maar zijn er geen `<h2>` of `<h3>`.

Hoe groot is de tabel en waar staat hij?

De tabel heeft drie kolommen: een koprij en twee rijen met gegevens, elke cel een woord. Hij staat een keer, in de eerste sectie. Vink *Tabel* aan en zet *Aantal* hoger dan 1 om hem tussen andere inhoud te zien.

Voert het voorbeeld scripts uit of laadt het iets?

Nee. Het voorbeeld is een afgeschermd frame zonder rechten voor scripts, en de gegenereerde HTML bevat geen scripts, afbeeldingen of externe bestanden. Links verwijzen naar `#`, dus een klik doet niets.

Kan ik de uitvoer op een echte pagina gebruiken?

Als plaatsvuller wel. Vervang de tekst, geef de links echte adressen en voeg de afbeeldingen en klassen toe die je site nodig heeft. De gegenereerde tags hebben zelf geen klassen of stijlen, dus je stylesheet bepaalt hoe ze eruitzien.

Wordt er iets geüpload?

Nee. De HTML wordt in je browser gemaakt en het voorbeeld wordt daar ook getekend.