Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Update images.md: swap san juan alt and title #203

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Update images.md: swap san juan alt and title #203

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions _basic-syntax/images.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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: <img src=\"/assets/images/san-juan-mountains.jpg\" class=\"img-responsive\" alt=\"The San Juan Mountains are beautiful!\" title=\"San Juan Mountains\">
![San Juan Mountains](/assets/images/san-juan-mountains.jpg "The San Juan Mountains are beautiful!")
html: <img src=\"/assets/images/san-juan-mountains.jpg\" class=\"img-responsive\" alt=\"San Juan Mountains\" title=\"The San Juan Mountains are beautiful!\">
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."
Expand All @@ -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" %}

<div class="alert alert-info">
<i class="fas fa-info-circle"></i> <strong>Note:</strong> To resize an image, see the section on <a href="/hacks/#image-size">image size</a>. To add a caption, see the section on <a href="/hacks/#image-captions">image captions</a>.
Expand Down