検索日記

この広告は30日以上更新がないブログに表示されております。
新規記事の投稿を行うことで、非表示にすることが可能です。

【HTML入門】width,heigh属性で画像サイズを指定する方法と注意点

A8ブログの投稿記事を書いていて、画像を貼り付ける時、

これまでは、たまたま元のサイズのままで、「まあいいか！」

という大きさだったので、そのまま貼り付けていましたが、

「いくらなんでもこのまま貼れないな・・」という事態になりまして・・

FC２ブログでは「画像縮小」というツールがあるので、それを使って調整していましたが、

ファンブログの方ではそれらしきツールが見当たりません！

という事で、「ブログの画像サイズを変更する」で検索！



ウエブ上のツールであったり、アプリであったり色々出てきましたが、今回は

「侍エンジニア塾」さんの記事で勉強させて頂きました。



〜HTMLで画像のサイズを指定する方法〜

width属性、heigh属性というものを使い、

横の長さを”width”　　縦の長さを”height”で指定します


HTMLの基本構造は次の通りです。


横幅、縦幅、それぞれを”ピクセル”又は”パーセント”で指定します。

FC2ブログのツールでは画像のデータそのものを修正し、画像をアップロードして貼り付けるので、

サイズの設定は、おおよそで設定していましたが、HTMLの中で設定すれば、貼り付けた状態でサイズを

調整する事も出来ます。便利ですね！

ブログ内の画像サイズも簡単に合わせられますね！


但し、小さい画像データを無理やり大きくすると、画像が荒くなったり、

元のデータの大きい画像をいくつも挿入したりすると、ページが重くなったりするようです。

画像編集ソフトなどを用いて適切なサイズにあらかじめ調整することも大切なようですね！



＜PR>

世界一やさしいアフィリエイトの教科書1年生 再入門にも最適！ [ 染谷昌利 ] 価格:1,706円 (2018/8/14 12:49時点) 感想(1件)

今日はアフィリエイトの勉強を少ししました、基本的な事ですが、

ブログ内のリンク、その種類と使い分けについて、知っていても効果的に使えていない人が

とても多いそうです。ということで、「リンクの貼り方」で検索！

前にもお世話になった、「AFFIKATSU」さんで教えていただきました！

ちなみに、下のリンクをクリックしてみて下さい。

AFFIKATSU

戻ってこられましたか？

そう、もうお分かりですよね。

上のリンクは、「別窓で開くリンクの貼り方」、

もう一つのリンクは「今開いている窓で開くリンクの貼り方」になります。

今の窓でリンクを開いた場合、元のページに戻るのには、ブラウザバックで戻ることになり、

リンク先で、更に深堀りをしていくときなどは、元のページに戻るのは大変面倒です。

なので、別窓でリンク先のページを開いたほうが都合のいいことが多いです。

しかし、あまりタブを増やしたくない、リンク先へ飛んだら後は戻ってこなくてもいいよ〜って事なら、

今の窓でリンクを開いても問題はないですね。

うまく使い分けて、ページを快適に見てもらいたいですね！


記事作成時の入力は以下の通りです。







「アンカーテキスト」とは、「リンクテキスト」とも呼ばれ、投稿記事上に表示される文字です。