パソコンの超初心者でも簡単にホームページが作れちゃう!
毎回のマガジン購読と課題提出で、一歩ずつ着実に、HTMLの達人に近づくことが出来ます☆
ここから、貴方だけの魅力的なホームページを作ってみましょう!
- 最新号:2008-09-05
- 発行周期:不定期(週2回程度)
- 読んでる人:42人
- 創刊日:2008-02-25
- Score!:-点
- コメント数 : 1
- メルマガID:173280
- バックナンバー:全て公開
- 発行者サイト:あり
- >> 月間ランキング
【ゼロから始めるHTMLドリル】 第8回 2/3
発行日: 2008/7/1
___________________________________
【ゼロから始めるHTMLドリル】第8回の2
■画像サイズの指定■
今回は画像を表示する時に、画像のサイズを変更する方法を学びます。
大きい画像を小さくしたり、
小さい画像を大きくしたり、する方法です。
では例として「MyHP」のなかに新しく、例として「img.html」を作ってください。
前回「MyHP」内に画像をおきましたね、その画像のサイズを「img.html」の中で動かしてみましょう。
画像のサイズ変更のタグはこのように書きます。
<img src="画像の名前.拡張子" width="幅" height="高さ" />
幅と高さはそれぞれ「ピクセル数」と「%」を使って指定することが可能です。
では初めに「%」で表示してみましょう。
<html>
<head></head>
<body>
<img src="画像の名前.拡張子" width="50%" height="50%" />
</body>
</html>
「%」では数値の後に半角の「%」を必ずつけてください。
ここで「%」で表示したときの注意がひとつあります。
画面のサイズを拡大したり縮小したりしてみてください、すると一緒に画像のサイズも拡大したり縮小したりします。
これではなかなかHPのデザインが定まりませんね。
なので、画面上の画像のサイズが一定のまま、という画像サイズの指定の仕方が「ピクセル数」を使った書き方です。
さっそく書いてみましょう。
<html>
<head></head>
<body>
<img src="画像の名前.拡張子" width="500" height="1000" />
</body>
</html>
ここでは例としてちょっと大きなサイズに指定してみました。
「ピクセル数」は数値をそのまま書くことで、指定できます。
さて、先ほどのように画面を拡大縮小してみてください、今度は画像の大きさは一定のまま変わることがなくなります。
これらを場合によって使い分けることで、
よりいっそう便利に、そして素敵なHP作成ができていくと思います。
ではドリルに進んでみましょう。
このメルマガを読んでいる人はこんなメルマガも読んでいます
- 初心者のためのホームページアクセスアップ講座
- 本マガジンを読んでいただくことで、貴方のホームページがより魅力あるホームページに進化し、もう一度来ようと思わせる「本当の」アクセスアップをされると...
- ごはんのおとも
- 白いご飯にぴったしの食べ物、メインは漬物ですが、実際に購入してレビューしていきたいと思います。
- 実践で使えるダジャレ・こばなし
- 寒いダジャレやこばなしを言ってませんか?でも、ダジャレって誰にでも愛されてしまう、友人や彼女との会話に使ってみてね☆
- 男性による、男性のためのパワーダイエット
- たくさんの人々が興味を持ち、トライしているダイエット。ダイエットは、本当は難しいものじゃありません。実はダイエット成功の鍵は、あなたの「心の中」に...
- FX投資を学ぼう
- 今後、FX投資で、利益を得、自分の人生を変えたいと、お考えの方のみ、私と一緒に、FX投資について、学んでいきましょう。
![メルマガスタンド[メルマ!]](/img/common/backnumber_article/melma_logo.gif)


