読者です 読者をやめる 読者になる 読者になる

はてなブログで画像を横並びにする方法メモ

はてなブログ

なにげに時間かかったのでメモしておく。
ちなみに自分は、はてな記法モードっていうのを使ってる。

手順は以下だった
・アップロードした画像のURLを取得
・tableタグとimgタグ使って整形


やりたかった画面




アップロードした画像のURLを取得

アップロードした画像ははてなフォトにあるのでここから取得できる。

1. マイフォトを開く
f:id:yoppy0066:20170127112543p:plain

2.Hatena Blogフォルダを開く
f:id:yoppy0066:20170127112552p:plain

3. フォルダ編集を開く
f:id:yoppy0066:20170127112601p:plain

4. 画像を選択してブログを貼り付けるをクリックするとurlを取得できる
f:id:yoppy0066:20170127112607p:plain

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>

以上です