今日は写真のサイズの変え方を書いておきます。
HTMLというものを少しずつ理解をしていこうと思って。( *´艸`)
はてなブログを使っているので、そのSSを使っていきます。
HTMLは基本的に変わらないと思うけど、それでいいのかな?
まずは写真をブログに載せます。
その写真をクリックするとサイズが変えれるようになります。
この時は写真の右下の■をドラッグしてサイズを変えました。
このやり方だと、他にも写真を貼った時にサイズがばらばらになります。
なので、サイズの指定をします。
HTML編集の画面を開きます。
赤線の四角の中を見ると、width="425"という数字があります。
これが今の写真のサイズです。
(写真を貼りつけただけの状態だと、width="425" この部分が表示されない
と思います。写真を手動でサイズを変えるか、width="425" この文字を
追記させる必要があります。width="302" この文字の前後は半角スペース
になります。)
試しにサイズを、width="200"に書き換えてみます。
編集画面に戻ると写真がさらに小さく(200のサイズ)になりました。
下の記事で写真の横に文字を書く方法を載せました。
良ければそちらも見てください。(^.^)/~~~