diff --git a/_basic-syntax/images.md b/_basic-syntax/images.md index f4ab351f..44845fff 100644 --- a/_basic-syntax/images.md +++ b/_basic-syntax/images.md @@ -5,8 +5,8 @@ syntax-summary: "![alt text](image.jpg)" description: "To add an image, add an exclamation mark (`!`), followed by alt text in brackets, and the path or URL to the image asset in parentheses. You can optionally add a title after the URL in the parentheses." examples: - markdown: | - ![The San Juan Mountains are beautiful!](/assets/images/san-juan-mountains.jpg "San Juan Mountains") - html: \"The + ![San Juan Mountains](/assets/images/san-juan-mountains.jpg "The San Juan Mountains are beautiful!") + html: \"San additional-examples: - name: "Linking Images" description: "To add a link to an image, enclose the Markdown for the image in brackets, and then add the link in parentheses." @@ -18,12 +18,12 @@ additional-examples: To add an image, add an exclamation mark (`!`), followed by alt text in brackets, and the path or URL to the image asset in parentheses. You can optionally add a title in quotation marks after the path or URL. ``` -![The San Juan Mountains are beautiful!](/assets/images/san-juan-mountains.jpg "San Juan Mountains") +![San Juan Mountains](/assets/images/san-juan-mountains.jpg "The San Juan Mountains are beautiful!") ``` The rendered output looks like this: -{% include image.html file="/assets/images/san-juan-mountains.jpg" alt="The San Juan Mountains are beautiful!" title="San Juan Mountains" lazy="yes" %} +{% include image.html file="/assets/images/san-juan-mountains.jpg" alt="San Juan Mountains" title="The San Juan Mountains are beautiful!" lazy="yes" %}
Note: To resize an image, see the section on image size. To add a caption, see the section on image captions.