JSML is a markup language you can use to make webpages simular to HTML.
It is based on JSON and uses JavaScript element properties for attributes/properties.
{"type": "h1", "textContent": "Hello world!"}<h1>Hello world!</h1>
Unsurprisingly, this entire website was also coded in JSML, but the css and js minified, then converted with the JSML converter website.
You can find this website's original JSML code here.
Simple! Whatever you can do in JS with the element you can do in JSML!
Theres two reserved keywords though, type, which defines what element will be made, and children, which is the children obviously.
If you need to use "type" outside of defining which element will be made, just capitalize the first letter. "type" becomes "Type".
children is just an array of JSML objects.
If you need an actual example to learn, you can view the JSML converter website. The entire thing is made with JSML. The JSML API automatically turns the JSML into the document though, so you'll have to press CTRL+U to view source.
Its very easy. The only method is CompileJSML wich you just pass a JavaScript object into.
You can also use the jsml-render webcomponent if you want to. I don't really know how to explain it, so yet again the JSML converter website is a good example.
You can download/use the api from here.