Basic Links and Images Test
This file tests link and image syntax in markdown, including inline links, reference links, and images.
Inline Links#
Inline links are created using square brackets for the link text followed by parentheses containing the URL.
This is an inline link.
You can have multiple links in the same paragraph.
Links with Titles#
Links can include an optional title that appears as a tooltip when hovering.
This is a link with title.
This is another link with title.
This link uses (parentheses) for the title: [link](https://example.com (Title in Parentheses)).
Reference Links#
Reference links use a two-part syntax: the link text in square brackets, and the URL definition elsewhere.
This is a reference link.
This is another reference link.
Reference Links with Titles#
Reference links can also include titles.
This is a reference link with title.
This is another reference link with title.
Implicit Reference Links#
You can use the link text itself as the reference identifier.
This is an implicit reference link.
Links in Different Contexts#
Links in Paragraphs#
This paragraph contains a link in the middle of the text.
Links in Lists#
Links in Blockquotes#
This blockquote contains a link.
Links in Headings#
Heading with Link#
Links with Formatting#
Links can contain formatting like bold and italic.
This is a bold link.
This is a italic link.
This is a bold italic link.
Images#
Images are created using an exclamation mark followed by square brackets for alt text and parentheses for the image URL.
Images with Titles#
Images can include optional titles.
Reference Style Images#
Images can use reference-style syntax.
Linking Images#
To create a link that wraps an image, enclose the image syntax in square brackets followed by the link URL in parentheses.
Images in Different Contexts#
Images in Paragraphs#
This paragraph contains an image:
Images in Lists#
- Item with image:
- Another item with image:
Images in Blockquotes#
This blockquote contains an image:
Relative and Absolute URLs#
Links can use both relative and absolute URLs.
This is a relative link.
This is an absolute link.
This is a protocol-relative link.
Links with Special Characters#
Links can contain special characters, but URLs with spaces should be encoded.
This is a link with encoded space.
This is a link with parentheses.
Edge Cases#
Empty Link Text#
Link with Only Spaces#
Image with Empty Alt Text#
Image with Only Spaces in Alt Text#
Link Without URL#
Reference Link Without Definition#
This is a [broken reference link][broken].
Very Long URLs#
This is a link with a very long URL.
Links with Numbers#
Images with Special Characters in Alt Text#
Best Practices#
URL Encoding#
For compatibility, encode spaces in URLs with %20.
❌ [Incorrect link](https://example.com/my page.html)
Parentheses in URLs#
Encode opening parenthesis as %28 and closing parenthesis as %29.
❌ Incorrect linkparentheses.html)
Source: basic-links-and-images.md
Comments
No comments yet. Start the conversation.