📖 QUICK REFERENCE
📝 HTML TAGS ▼
<h1>–<h6> Headings — h1 biggest, h6 smallest
<p> Paragraph · <b> Bold · <i> Italic · <u> Underline
<a href="URL">text</a> Clickable link
<img src="URL" width="200"> Image
<a href="URL"><img src="URL"></a> Clickable image
<ul><li>item</li></ul> Bullet list
<ol><li>item</li></ol> Numbered list
<div> Block box · <span> Inline box
<br> Line break · <hr> Horizontal line
<blockquote> Indented quote block
🎨 CSS PROPERTIES (inline style="") ▼
color: cyan · red · #ff00ff · rgb(0,255,255)
font-size: 24px · 32px · 50px
text-align: center · left · right (needs width!)
background: #1a1a2e · black · transparent
border: 2px solid cyan · 3px dashed #ff00ff
padding: 20px space INSIDE box · margin: 10px OUTSIDE
border-radius: 10px · 50% (50% = circle)
width: 100% · 300px · opacity: 0.5
font-weight: bold · text-decoration: none · underline
bg-image: background-image:url('img.gif'); background-size:cover;
✨ ANIMATIONS (full HTML only — not Itch.io inline) ▼
⚠ These need <style> tags — work here & in full HTML files but NOT on Itch.io inline.
Rainbow: @keyframes r { 0%{color:red} 50%{color:blue} 100%{color:red} }
apply: animation: r 2s infinite;
Wavy: wrap each letter in <span>, set display:inline-block
@keyframes w { 50%{transform:translateY(-15px)} }
stagger: animation-delay:0.1s per letter
Flashing: @keyframes f { 50%{opacity:0} } → animation:f 0.8s infinite
Typewriter: overflow:hidden; white-space:nowrap;
animation:typing 3s steps(20) forwards;
@keyframes typing { from{width:0} to{width:100%} }
Pulse: @keyframes p { 50%{opacity:.5;transform:scale(1.05)} }