(((meta (@ (content . "Zettelmarkup: Image Embedding") (name . "title"))) (meta (@ (content . "manual") (name . "role"))) (meta (@ (content . "#manual #zettelmarkup #zettelstore") (name . "tags"))) (meta (@ (content . "zmk") (name . "syntax"))) (meta (@ (content . "00001005090000 00001007040320 00001007040324 00001007990000") (name . "back"))) (meta (@ (content . "00001005090000 00001007040320 00001007040324 00001007990000") (name . "backward"))) (meta (@ (content . "1") (name . "box-number"))) (meta (@ (content . "(c) 2020-present by Detlef Stern <ds@zettelstore.de>") (name . "copyright"))) (meta (@ (content . "20210811154251") (name . "created"))) (meta (@ (content . "00000000009999") (name . "dead"))) (meta (@ (content . "00000000040001 00001007050000") (name . "forward"))) (meta (@ (content . "en") (name . "lang"))) (meta (@ (content . "EUPL-1.2-or-later") (name . "license"))) (meta (@ (content . "20221112111054") (name . "modified"))) (meta (@ (content . "20221112111054") (name . "published"))) (meta (@ (content . "public") (name . "visibility")))) (p "Image" " " "content" " " "is" " " "assumed," " " "if" " " "an" " " "URL" " " "is" " " "used" " " "or" " " "if" " " "the" " " "referenced" " " "zettel" " " "contains" " " "an" " " "image.") (p "Supported" " " "formats" " " "are:") (ul (li "Portable" " " "Network" " " "Graphics" " " "(" (@L (@H "&ldquo;") "PNG" (@H "&rdquo;")) ")," " " "as" " " "defined" " " "by" " " (a (@ (class . "external") (href . "https://tools.ietf.org/html/rfc2083")) "RFC 2083") ".") (li "Graphics" " " "Interchange" " " "Format" " " "(\"\"GIF\")," " " "as" " " "defined" " " "by" " " (a (@ (class . "external") (href . "https://www.w3.org/Graphics/GIF/spec-gif89a.txt")) "https://www.w3.org/Graphics/GIF/spec-gif89a.txt") ".") (li "JPEG" " " "/" " " "JPG," " " "defined" " " "by" " " "the" " " (em "Joint" " " "Photographic" " " "Experts" " " "Group") ".") (li "Scalable" " " "Vector" " " "Graphics" " " "(SVG)," " " "defined" " " "by" " " (a (@ (class . "external") (href . "https://www.w3.org/Graphics/SVG/")) "https://www.w3.org/Graphics/SVG/")) (li "WebP," " " "defined" " " "by" " " (a (@ (class . "external") (href . "https://developers.google.com/speed/webp")) "Google"))) (p "If" " " "the" " " "text" " " "is" " " "given," " " "it" " " "will" " " "be" " " "interpreted" " " "as" " " "an" " " "alternative" " " "textual" " " "representation," " " "to" " " "help" " " "persons" " " "with" " " "some" " " "visual" " " "disabilities.") (p (a (@ (href . "00001007050000")) "Attributes") " " "are" " " "supported." " " "They" " " "must" " " "follow" " " "the" " " "last" " " "right" " " "curly" " " "bracket" " " "character" " " "immediately." " " "One" " " "prominent" " " "example" " " "is" " " "to" " " "specify" " " "an" " " "explicit" " " "title" " " "attribute" " " "that" " " "is" " " "shown" " " "on" " " "certain" " " "web" " " "browsers" " " "when" " " "the" " " "zettel" " " "is" " " "rendered" " " "in" " " "HTML:") (p "Examples:") (ul (li (p (a (@ (id . "spin")) (code "{{Spinning Emoji|00000000040001}}{title=Emoji width=30}")) " " "is" " " "rendered" " " "as" " " (span (@ (class . "example")) (img (@ (alt . "Spinning Emoji") (src . "00000000040001") (title . "Emoji") (width . "30")))) ".")) (li (p "The" " " "above" " " "image" " " "is" " " "also" " " "the" " " "placeholder" " " "for" " " "a" " " "non-existent" " " "zettel:") (ul (li (code "{{00000000009999}}") " " "will" " " "be" " " "rendered" " " "as" " " (span (@ (class . "example")) (img (@ (src . "00000000009999")))) ".")))))