★
ホームページを作ってみよう �� ★
|
Ｈ Ｔ Ｍ Ｌ を 覚 え た い 〜 画 像 編 （イラスト・ 写真など ） |
管理人が勉強しながら覚えるためのページです 良かったら参考にしてね
♪ ★
ホームページを作ってみよう �� ★
★ 画 像 編 〜 実 践 ペ ー ジ ★ この実践ページを合わせて見ていただくと、分かりやすいと思います
お
知 ら せ ・・・ 実践ページをインラインフレームで表示してますので、見てね
(^。^)b （一番下にあるよ♪）
☆ 07/11/11 ページの一番下からこの表のＴＯＰへジャンプするようにしたよ♪
|
（ Ｉ Ｍ Ｇ ） |
タ グ の 記 述 （ 要 素 属 性 ＝ ” 属 性 値 ” ） |
ポ イ ン ト |
|
◆ 画 像 を 貼 り 付 け る |
＜ ＩＭＧ ＳＲＣ ＝ ”貼り付ける画像のＵＲＬ ” ＞ |
|
|
◆ 画 像 の 表 示 サ イ ズ 変 更 |
＜ ＩＭＧ ＳＲＣ ＝ ”貼り付ける画像のＵＲＬ ” ＷＩＤＴＨ ＝ ”画像のヨコ幅 ” ＨＥＩＧＨＴ ＝ ”画像のタテ幅 ”＞ ※ サイズの指定は、ピクセル数 または 画面に対する比率（％） |
※ 画像の実際のサイズを変えるのではなく、画面に表示させるサイズを変える操作です |
|
◆ 画像が表示できない場合 代 替 テ キ ス トを表示 |
＜ ＩＭＧ ＳＲＣ ＝ ”貼り付ける画像のＵＲＬ ” ＡＬＴ ＝ ”代わりのテキスト ” ＞ |
|
|
◆ 画像に枠を付ける |
＜ ＩＭＧ ＳＲＣ ＝ ”貼り付ける画像のＵＲＬ ” ＢＯＲＤＥＲ ＝ ”枠の太さ ”＞
※ 枠の太さは、ピクセル数で指定する |
|
|
◆ 画像の横にテキストを配置 （ テキストが複数行の場合 ） |
＜ ＩＭＧ ＳＲＣ ＝ ”貼り付ける画像のＵＲＬ ” ＡＬＩＧＮ ＝ ”ＬＥＦＴ または ＲＩＧＨＴ ” ＞
※ テキストの回り込む位置の指定は、画像が左（LEFT）か右（RIGHT）かを 指定すると考えると分かりやすい |
|
|
◆ テキストの並び方
（テキストが１行の場合） |
＜ ＩＭＧ ＳＲＣ ＝ ”貼り付ける画像のＵＲＬ ” ＡＬＩＧＮ ＝ ”ＴＯＰ、ＭＩＤＤＬＥ（ＣＥＮＴＥＲ）、ＢＯＴＴＯＭ ” ＞
★ ＴＯＰ ・・・ テキストと画像が、上揃え ★ ＭＩＤＤＬＥ（ＣＥＮＴＥＲ） ・・・ テキストと画像が、上下中央揃え ★ ＢＯＴＴＯＭ ・・・ テキストと画像が、下揃え ※ 並び方を指定しない場合は、下揃えになります |
|
|
◆ 背景画像を固定する
|
＜ ＢＯＤＹ ＢＡＣＫＧＲＯＵＮＤ ＝ ”背景用の画像のＵＲＬ ” ＢＧＰＲＯＰＥＲＴＩＥＳ ＝ ”ＳＣＲＯＬＬ または ＦＩＸＥＤ ”＞
★ ＳＣＲＯＬＬ ・・・ 背景画像を、ページの内容と一緒にスクロール ★ ＦＩＸＥＤ ・・・ 背景画像だけ、固定 ※ 「 ＢＧＰＲＯＰＥＲＴＩＥＳ 」は、固定する場合のみ指定します 指定しない場合は、ＳＣＲＯＬＬが初期設定になっています |
|
|
◆ 画像と回り込むテキスト の間に余白を入れる |
＜ ＩＭＧ ＳＲＣ ＝ ”貼り付ける画像のＵＲＬ ”ＡＬＩＧＮ ＝ ”ＬＥＦＴ か ＲＩＧＨＴ ” ＶＳＰＡＣＥ ＝ ”上 下の余白 ” ＨＳＰＡＣＥ ＝ ”左 右の余白 ” ＞
※ 余白の数値は、「 ピクセル 」で指定します |
余白を指定しないと、画像の横や上下にテキストがぴったり付いた感じになるので、余白は設定した方がいいよ |
インラインフレーム非対応ブラウザの方は、 ↑ 上のテキストをクリックしてみてね♪