Series: Guide to HTML
HTML Elements are the building blocks of character sheets. each post covers one kind of HTML Element.
Headings and Line Breaks
Learn how to create the simplest HTML elements, and discover the basic structure of all HTML elements.
Inputs and Attributes
The best way to create attributes in Roll20 sheets is to use Inputs. Learn how to make them here.
Displaying Text – span & textarea
How to display text on a character sheet – spans, paragraphs, and textareas.
Containers – div, section, details
An introduction to Containers, including the ever-present DIV.
Choosing from a List – select, datalist
When you want to present the player with a list of options, use a select or datalist.
Conditional Inputs – checkboxes, radios, labels
What are checkboxes and radio buttons? What are labels for? Find out here.
Using Buttons to Make Rolls
Add rolls and macros to the character sheet, that work with just a click!
HTML Images
Images make a sheet prettier and nicer to use. Here’s one way to add them to your sheets.
HTML Fundamentals
The previous pages cover HTML Elements. This is a grab-bag of everything else.
Character Sheet – HTML Example
An example of building a roll20 Character Sheet for Castle Falkenstein
