はてなブログ(はてな記法)で画像を横並びにする方法メモ
なにげに時間かかったのでメモしておく。
ちなみに自分は、はてな記法モードっていうのを使ってる。
手順は以下だった
・アップロードした画像のURLを取得
・tableタグとimgタグ使って整形
やりたかった画面 |
アップロードした画像のURLを取得
アップロードした画像ははてなフォトにあるのでここから取得できる。
1. マイフォトを開く
2.Hatena Blogフォルダを開く
3. フォルダ編集を開く
4. 画像を選択してブログを貼り付けるをクリックするとurlを取得できる
tableタグとimgタグ使って整形
あとはtableタグとimgでスタイルシートも使えるのでこんなかんじで。
<table style="border-style: none;" border="1"><tr> <td style="border-style: none;"> <img src="画像のURL" height="150"> </td> <td style="border-style: none;"> <img src="画像のURL" height="150" /> </td> </table>
以上です