画像がかなり大ので全体的に1/６ぐらいに、小さくしたいです。

プログラムは以下です。
プログラムの構成ですが！
HTMLとCSSのコラボで動いています。
質問したプログラムはHTMLです。
<section id="city">
<h2 class="icon">City</h2>
<ul class="clearfix photograph-list">
<li><img src="images/Disney's/14380.jpg" alt="駅への階段"></li>
<li><img src="images/Disney's/14379.jpg" alt="自転車とシャッター"></li>
<li><img src="images/Disney's/14378.jpg" alt="スケートパーク"></li>
<li><img src="images/Disney's/14377.jpg" alt="エアポート"></li>
<li><img src="images/Disney's/14376.jpg" alt="雑貨を扱う店舗"></li>
<li><img src="images/Disney's/14375.jpg" alt="ストリートバスケ"></li>
</ul>
</section>

以上画像ですが
ＨＴＭＬ側～画像縮小を試みる場合
個々に縮小指定するのではなくて、全体に一つの一連のプログラムで、縮小
指定ができるような？気がします。
この場合ですが、HTMLとCSSと、両方から画像の縮小ができると思います。
CSS側から行ったほうが、全体的になプログラムの構成がスマートとにでき
ような気がします。いかがなものでしょうか？
今回初めて、CSSに挑戦しています。
よろしくお願いいたします。

質問者からの補足コメント

• 

  ご回答くださいましてありがとうございました。
  レスポンシブ関連の著書と思い
  「HTML＆CSSとWebデザイン」を購入しました。
  著書の最初のHTML関連は飛ばしましたが、他最後までやりました。
  しかし、CSSがレスポンシブに有効みたいなことは書いてありませ
  んでした。今回の質問でCSSとレスポンシブの関連が分かり、よかっ
  たです^^

    補足日時：2019/11/10 05:46

No.1 ベストアンサー 回答者： t_fumiaki 回答日時： 2019/11/09 09:22

スマートとかじゃ無くて、htmlはコンテンツのマークアップ、CSSはコンテンツやレイアウトのデザインを行なうもの。

∴html側ではサイズ指定は行なわない。
html側でやってしまったら、スマホ表示の時ドースルの？

htmlは1本で、cssをpc/スマホで自動的に表示方法を分ける作り方をレスポンシブデザインと言います。

今後の為にもデザインはCSSで行う様にして下さい。

この回答へのお礼

ご指導ありがとうございました。
助かります。

お礼日時：2019/11/09 12:53