HTML blocks
Create real browser elements from beginner-friendly blocks. The current catalog generates HTML blocks from 71 supported tags and 86 supported attributes instead of dumping hundreds of hand-written entries into one source list.
What HTML blocks are for
Sprites are perfect for game actors, but some projects also need real page elements such as buttons, forms, images, headings or accessible labels. HTML blocks create and edit those browser elements without requiring you to type markup first.
The HTML library is generated from the supported tag and attribute tables. In the current catalog that means 71 tags produce create-element and create-on-stage variants, while 86 attributes produce set and read variants.
Examples you can search for
The exact element or attribute changes the generated block label, so search is usually faster than scrolling.
blockscreate <div> element
create <button> on stage
create <img> element
set element aria-label
set element class
save element value to variableBuild a tiny interface
Create one element, give it a stable id, and then style or update that id from another block category.
Create a <button> element with an id such as startButton.
Use a CSS or UI block to make its appearance obvious.
Run the complete RC project so you are testing the generated web page, not only sprite movement on the Stage.
Inspect Code mode if you want to see the browser structure Blocks Studio produced.
HTML, UI and CSS work together
HTML creates page structure. UI provides beginner shortcuts for common controls. CSS changes presentation. They overlap on purpose so a beginner can use the simpler path first and move toward lower-level web concepts later.