Images with Alt Text
Embed images with descriptive alt text
Markdown Source
 
Rendered HTML Output
<img src="https://example.com/sunset.jpg" alt="A sunset over the ocean" /> <img src="logo.png" alt="Logo" title="Company logo" />
Explanation
Image syntax is . The alt text appears when the image fails to load and improves accessibility. Add optional title in quotes after the URL for a tooltip.
Tips & Common Mistakes
- Always provide meaningful alt text for screen readers. Use relative paths for local images.
Related Markdown Examples
Try It
Markdown Preview Tool →All Examples
Markdown Tables with AlignmentFenced Code Blocks with Syntax HighlightingLinks (Inline, Reference, Auto)Headings H1–H6Bold, Italic, StrikethroughOrdered and Unordered ListsBlock QuotesHorizontal RulesTask Lists / CheckboxesFootnotesEmoji ShortcodesNested ListsEscaping Special CharactersDefinition Lists