Create your own meme exercise

You can create your own meme with Mozilla ThimbleĀ 

Step-by-Step Instructions

First, create an account at To get an easy start, check my project on ThimbleĀ (

  • First, add your own image – To do that, you’ll use the <img> tag.

Find a new image on the web. You can search for free images here

Right-click or control-click on the image you want. Then select: “Copy image location” (Or “Copy image URL” or “Copy image address”, depending on your web browser)

Paste your new image URL over top of the old one one on line 10. (Careful! Don’t lose the quotation marks.

  • Change the text

    What do you want your meme to say? Update the top and bottom captions on line 13 and line 15.

    • The <h1>, <h2> and <h3> tags are used for headings
    • <h1> is generally bigger than <h2>, which is bigger than <h3>, etc.
    • Make sure your new text is enclosed in the opening and closing heading tags
  • Change the style

    CSS is what gives web pages their style. If HTML provides the bones of a web page, CSS is like the skin.

    • Change the background color on line 22.
    • Change the text color on line 50 line 57 , or line 64.
  • Done!

    That’s it! Now log in and hit “Publish” to share your work.