about 4 years ago

原本加上圖片的語法是

![Alt Text](/path/to/image.jpg "Image Title (optional)")

超連結的語法則是

[Link Text](http://example.com/ "Link Title (optional)")

圖片加上連結與文字描述

[![Alt Text](/path/to/image.jpg "Image Title (optional)")](http://example.com/ "Link Title (optional)")

超複雜的有沒有
變成HTML則會是

<a href="http://example.com/" title="Link Title (optional)"><img src="/path/to/image.jpg" alt="Alt Text" title="Image Title (optional)"></a>

不過有些參數是不必要的,留下有用的就好了

[![](/path/to/image.jpg "Image Title (optional)")](http://example.com/)

想用reference-style syntax方法如下

[![][Image]][Link]
[Picture]: "/path/to/image.jpg" "Image Title (optional)"
[Link]: http://example.com/

注意[Image][Link]的部分在reference-style syntax下已不是圓括號(Parentheses )而是方括號(square brackets)

以上語法會轉換為

<a href="http://example.com/"><img src="/path/to/image.jpg" title="Image Title (optional)" /></a>

就是這樣啦
其實這篇反過來看好像比較易懂(?

← 從Blogger導入留言到Disqus C++Builder 教學:下載與安裝 →
 
comments powered by Disqus