Average Playtime: 2 hours

Super Markup Man

Add to
My games
Add to
Save to

Click to rate



Learn HTML and CSS in the context of a 2D puzzle platformer! Super Markup Man teaches real web development practices without making you write any code. Simply carry the tags around the screen and watch your website render in real-time. Match your website with the preview to pass each level. The game includes:

  • 100 levels/exercises
  • HTML mode that covers basic tags like A, IMG, STRONG, and EM
  • CSS mode for more advanced markup and styling
  • Local co-op*
  • Optional "bug" setting to keep you on your toes
  • Free Play mode where you can export levels to actual HTML files

* Note: Only Free Play and CSS Mode support local co-op. Player 2 will also need to use a gamepad (Xbox 360 controller recommended).
Release date
Roppy Chop Studios
Roppy Chop Studios
Age rating
Not rated

System requirements for PC

  • OS: Windows 7
  • Processor: 2 GHz dual core
  • Memory: 2 MB RAM
  • Graphics: Hardware accelerated graphics with dedicated memory
  • Storage: 116 MB available space

System requirements for macOS

  • OS: OS X 10.7
  • Processor: 2 GHz dual core
  • Memory: 2 MB RAM
  • Graphics: Hardware accelerated graphics with dedicated memory
  • Storage: 144 MB available space
Edit the game info
Last Modified: Aug 28, 2019

Where to buy


Top contributors


2 edits
Tag Redo
Solve HTML Level 6 two different ways.
Code Reviewer
In Free Play, download a file that has a bug in it.
CSS Master
Complete CSS Mode.
HTML Master
Complete HTML Mode.
Practice Time
Play Free Play for 30 minutes.
view all achievements
8 items

Super Markup Man reviews and comments

Translated by
Microsoft from Russian
The idea that it is a Web site it will give, the gameplay here limps just running a man and tablets there, but still worthy to just play, you need to know at least basic HTML tags otherwise it will be difficult.
Translated by
Microsoft from Russian
Good game, in Addition to the cards for 200 rubles gives any initial knowledge of HTML + CSS. It Can be useful for future and real designers. Sometimes boring, but pleases endless mode. 10 Div'ov of 10
Translated by
Microsoft from Russian
Review on Super Markup Man cards cost more than the game itself)) And If the case, then it will certainly help you imagine how the interaction should look HTML and CSS , but only if you have no idea what it is ( basic tags still need to know). Examples are VERY simple.
Translated by
Microsoft from Russian
░░░░░░░░░░░░░░░░░░░░▄████▄░░░░░░░░░░░░░░ ░░░░░░░░░░░░░░░░░░░░██░░░██░░░░░░░░░░░░░ ░░░░░░░░░░░░░░░░░░░░██░░░░██░░░░░░░░░░░░ ░░░░░░░░░░░░░░░░░░░░██░░░░██░░░░░░░░░░░░ ░░░░░░░░░░░░░░░░░░░▄█▀░░░░██░░░░░░░░░░░░ ░░░░░░░░░░░░░░░░░░▄█▀░░░░░██░░░░░░░░░░░░ ░░░░░░░░░░░░░░░░░██░░░░░░░██░░░░░░░░░░░░ ░░░░░░░░░░░░░░░▄█▀░░░░░░░░▀▀▀▀▀▀▀▀▀▀▀██▄ ▄███████████████▀░░░░░░░░░░░░░░░░░░░░░██ ██░░░░░░░░░░█▀░░░░░░░░░░░░░░░░░░░░░░▄▄█▀ ██░░░░░░░░░░█░░░░░░░░░░░░░░░░░░░░░░░░██░ ██░░░░░░░░░░█░░░░░░░░░░░░░░░░░░░░░░░▄██░ ██░░░░░░░░░░█░░░░░░░░░░░░░░░░░░░░░░░▀█░░ ██░░░░░░░░░░█░░░░░░░░░░░░░░░░░░░░░░░▄█░░ ██░░░░░░░░░░█░░░░░░░░░░░░░░░░░░░░░░███░░ ██░░░░░░░░░░█▄░░░░░░░░░░░░░░░░░░░░░▄█▀░░ ██░░░░░░░░░░████▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄██▀░░░ ▀████████████▀░░░▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀░░░░░░░
Translated by
Microsoft from Russian
The Game is an improved offline version of the pre-existing game. You can Try it on the official site: http://markup.roppychop.com/Gameplay is simple-in the first half of the screen you control the man and put blocks with HTML tags, and the second shows the result (or the desired result for Pass to the next level, if desired). If the level implies the use of CSS, the screen is divided into three parts, in one of which we also manage the little man and put blocks, only already associated with CSS. Control is simple, but freezes to jump on the lines. Learning HTML and CSS is unlikely to succeed in this game, but if you know them, at least base indexed, you can go for a joke. There is a game mode for two: one controls the HTML-man, another edits the styles (not network mode, if anything). After passing all levels (and their 51 to the thing in HTML and CSS) You can enter the "free mode" and continue to fan further. The Complexity of the game is very low, but 1 level in the HTML section and 1 level in the CSS section made me sit behind them long enough. Wouldn't mind seeing similar games with more difficulty.
read more