トップ > インターネット > ホームページ作成・素材 > ゼロから始めるHTMLドリル！

ゼロから始めるHTMLドリル！

パソコンの超初心者でも簡単にホームページが作れちゃう！
毎回のマガジン購読と課題提出で、一歩ずつ着実に、HTMLの達人に近づくことが出来ます☆
ここから、貴方だけの魅力的なホームページを作ってみましょう！

最新号：2008-09-05
発行周期：不定期（週2回程度）
読んでる人：42人
創刊日：2008-02-25
Score!：-点
コメント数： 1
メルマガID：173280
バックナンバー：全て公開
発行者サイト：あり
>> 月間ランキング

<<メルマガトップへ<<前の記事 ｜ 次の記事>> ｜ 最新の記事

【ゼロから始めるHTMLドリル】　第８回 2/3

発行日： 2008/7/1

____________________＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿

【ゼロから始めるHTMLドリル】第８回の２

■画像サイズの指定■

今回は画像を表示する時に、画像のサイズを変更する方法を学びます。

大きい画像を小さくしたり、
小さい画像を大きくしたり、する方法です。

では例として「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作成ができていくと思います。

ではドリルに進んでみましょう。

<<メルマガトップへ<<前の記事 ｜ 次の記事>> ｜ 最新の記事

>> メルマ！の会報誌もお届けします

ブックマーク：

このメルマガを読んでいる人はこんなメルマガも読んでいます

初心者のためのホームページアクセスアップ講座: 　本マガジンを読んでいただくことで、貴方のホームページがより魅力あるホームページに進化し、もう一度来ようと思わせる「本当の」アクセスアップをされると...
ごはんのおとも: 白いご飯にぴったしの食べ物、メインは漬物ですが、実際に購入してレビューしていきたいと思います。
実践で使えるダジャレ・こばなし: 寒いダジャレやこばなしを言ってませんか？でも、ダジャレって誰にでも愛されてしまう、友人や彼女との会話に使ってみてね☆
男性による、男性のためのパワーダイエット: 　たくさんの人々が興味を持ち、トライしているダイエット。ダイエットは、本当は難しいものじゃありません。実はダイエット成功の鍵は、あなたの「心の中」に...
ＦＸ投資を学ぼう: 今後、ＦＸ投資で、利益を得、自分の人生を変えたいと、お考えの方のみ、私と一緒に、ＦＸ投資について、学んでいきましょう。