05
 

Images

Images have the same syntax that links. The only difference is that an image definitions starts with exclamation point (!). One limitation is that Markdown has no syntax for specifying the dimensions of the image.

Click on the red points to know more. Move through the exercises by using the buttons or the dot menu at the bottom.

Click on the red points to know more. Move through the exercises by using the buttons or by swiping left or right.

![Alt Text](http://example.com/i.jpg \
  • More

    The "Alt Text" refers to the text displayed when the image can't be shown or for the visually impaired.

    Close
  • More

    You can also use relative URLs (like /i.jpg)

    Close
  • More

    The title of the image is optional.

    Close
  • More

    Optionally use a space to separate the sets of brackets.

    Close
  • More

    This definition can be placed anywhere in the document (generally in the footer).

    Definition identifiers may consist of letters, numbers, spaces, and punctuation. They are not case sensitive.

    Close
  • More

    The title of the image is optional.

    Close

Display the Wikipedia logo (http://upload.wikimedia.org/wikipedia/en/b/bc/Wiki.png) with the alt text and title "Wikipedia".

Show generated HTML?

Play with the concepts you just learned!

For example:
Can you create an image without specifying the alt text?

See the generated HTML. Even if you don't know HTML, try to understand what's happening. Go wild!
Go to the next lesson when you're ready.

Show generated HTML?

Go to the next lesson