Let’s make a meme

A “meme” is something that’s shared on the internet, and it usually has three parts: A “meme” is something that’s shared on the internet, and it usually has three parts: a picture, a caption, and a dash of humor. In this activity, you’ll make your own meme using a bit of HTML and your own creativity. Thimble, Mozilla’s code editor, makes it easy.

Meme Maker

By @mozilla

Use a little HTML to swap in your own image and caption. Easy! Level: Beginner.

Get started

  1. Click the “REMIX” button. This will open Thimble. You’ll see a simple meme we created to get you started.

  2. Follow the steps in the tutorial. The tutorial will walk you through how to make changes to the code.

  3. Done! Once you’re finished, you can save your work and share it. Log in and hit “Publish”.

Go further

  • Try the next Made with Code activity. Use your new HTML and CSS skills to make a movie poster.

  • The Mozilla Learning Network has lots of other free activities as well.