ホームページ作成ＴＯＰ > 画像を入れたい
ホームページ作りに必要な画像に関係するものの一覧です。画像の入れ方や、画像に対しての変更の仕方など。あなたのホームページ作りに必要な情報を探して下さい。
はＨＴＭＬ、
はスタイルシートで、使用している主なものです。（
はIEのみの指定になります。）
また、
←このショートカットマークの場合には、別のジャンルで説明しているページにジャンプします。（別のウィンドウに表示されます。）
| やりたい事 | 使用タグ |
|---|---|
| 画像を表示する | <img src="画像" alt=""> |
background-image:url(画像); | |
| 画像を表示する（中央） | align="center" |
text-align:center; | |
text-align:方向; | |
| 画像を表示する（右寄せ） | align="right" |
text-align:right | |
| 画像を表示する（左寄せ） | align="left" |
text-align:left | |
| 画像のサイズを調整する | width="幅" height="高" |
width:幅 height:高 | |
| 画像を表示しない様にする | display:none |
visibility:hidden | |
| 他のページにリンクする（画像） | <a href="リンク先">〜</a> |
| 画像にリンクした時の枠線を非表示にする | border="0" |
border:none | |
| 背景に画像を表示する（ページ全体） | <body background="画像"> |
background-image:url(画像); | |
| 背景に画像を表示する（繰返さない） | background-repeat:no-repeat; |
| 背景に画像を表示する（繰返し方向を指定） | background-repeat:repeat-方向; |
| 背景画像の場所を指定する | background-position:左右 上下; |
| 背景画像をスクロールせず固定する | background-attachment:設定; |
| 画像と文字を揃える（上） | align="top" |
vertical-align:top | |
| 画像と文字を揃える（中） | align="middle" |
vertical-align:middle | |
| 画像と文字を揃える（下） | align="bottom" |
vertical-align:baseline | |
vertical-align:text-bottom | |
| 画像に枠線を設定する | border="サイズ" |
border:線種 太さ 色 | |
| 画像に文章を回り込ませる | align="方向" |
float:方向 | |
| 画像に回り込ました文章を解除する | <br clear="方向"> |
clear:方向 | |
| 画像と文字の間隔 | vspace="数" hspace="数" |
margin-○○:数 | |
| テーブルの背景に画像を指定する | background="画像" |
background-image:url(画像) | |
| セルの背景に画像を指定する | background="画像" |
background-image:url(画像) | |
| 文字の背景に画像を表示する | background-image:url(画像); |
| リストの背景に画像を入れる | background-image:url(画像); |
ホームページ作成ＴＯＰ > 画像を入れたい > このページのＴＯＰ ▲
