🐾 CaTML Playground

Cat Altered Text Markup Language

CaTML Code Input Type in CaTML - updates automatically

Output

Core Tags

CaTML Tag	HTML Equivalent	Meaning
<box>	`<div>`	Container box ("If it fits, I sits")
<purr>	`<p>`	Paragraph text / steady purr
<meow1>..<meow6>	`<h1>..<h6>`	Headings (roaring to tiny squeak)
<scratch>	`<a>`	Hyperlink to scratch and chase
<stare>	`<img>`	Visual image
<bap>	`<button>`	Action button
<sniff>	`<input>`	Input field
<bowl>	`<ul>`	List of food
<treat>	`<li>`	Individual treat / item
<claw> / <hiss>	`<strong>` / `<em>`	Bold and italic styling
<groom>	`<style>`	CSS Stylesheet
<catnip>	`<script>`	JavaScript code (zoomies!)
<litterbox>	`<footer>`	Footer container

Attributes

CaTML Attribute	HTML Equivalent	Purpose
catch="..."	`href="..."`	Link URL
prey="..."	`src="..."`	Image Source
scent="..."	`alt="..."`	Alternative text
tag="..."	`id="..."`	Element ID
breed="..."	`class="..."`	CSS Class
fluff="..."	`style="..."`	Inline Styles
on-bap="..."	`onclick="..."`	Click handler
on-sniff="..."	`oninput="..."`	Input listener
treat-type="..."	`type="..."`	Input type
curiosity="..."	`placeholder="..."`	Placeholder prompt