Quick and easy data generation tools

HTML Generator

Generate random HTML.
Elements Deep (max 6)
Elements Wide (max 10)
Click 'Generate' button - results will show here
Example Output:

(Using options set to ‘Elements Deep’ = 2, ‘Elements Wide’ = 2)

<html><head><title>Esse et rem eos quia architecto tempora.</title></head><body><form action="example.net" method="POST"><label for="username">ullam</label><input type="text" id="username"><label for="password">est</label><input type="password" id="password"></form>Molestiae quasi vel quia.</body></html>
What is this?

This tool generates random HTML with elements nested to a predetermined depth and width.

HTML (HyperText Markup Language) is the technology that provides the structure for all websites that acts as instructions for web browsers to read and form into a graphical user interface (GUI). HTML has been around for decades and shows no signs of being replaced. The structural code that HTML provides is often paired with code that provides function and event handling (Javascript) and presentation (CSS).

HTML consists of dozens of elements that provide instructions on how to draw common screen objects such as buttons, forms and form fields, titles, paragraphs and links (anchors). It is possible to nest such elements inside of each other to, for example, place a button in a form which is inside a larger table element. This tool can create such example HTML code and which has many uses such as the below:

- Create Random HTML for App Development

Use this tool to generate random HTML code which can be entered into an in development CMS or CMS plugin. It can also be entered into input fields on web forms and then the database can be checked that special characters such as the greater than and less than signs have been escaped. Unescaped HTML that gets loaded into webpages from a database can be seen as a major security risk, especially if script elements are not escaped.

How to use this generator?

The user is able to specify the complexity of the HTML code. First specify how many HTML elements deep you want the code to go. This controls the maximum nesting that elements will go. Next, specify how many elements wide you want the HTML to go. This controls how many siblings the HTML code will allow per nested level. The output is always formatted as raw HTML.