無料ホームページの作り方
| TOP | 文字の表示 | 文字のタグ | カラーコード | 背景表示画像表示 | リンクを入れよう |
| テーブルを使う | 文字を動かす | スタイルシート | ページの公開 | リンク | SEO |
■ページに背景色を指定する
<body>の中に bgcolor="カラーコード" と入れます。
背景色を黒に指定したいのであれば、下のようになります。
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<title>初めてのホームページ</title>
</head>
<body bgcolor="#000000">
</body>
</html>
どんな表示になってるかな？
■ページに画像を表示する
これが初めてホームページを作るときの難関ですね。
画像表示のソースを入れても、□の中に×と表示される。
どうして表示されないかと言うと、
同じフォルダの中にホームページファイルと画像ファイルが入ってないか、
同じフォルダに入ってるのに表示されないのは、画像の名前が違ってるから表示されないのです。
画像にはいくつかの種類があります。gif画像、jpg画像、png画像、bmp画像など
パソコンの初期設定では、画像の名前部分は表示されますが、拡張子が表示されてません。
○○.gifとか○○.jpgなど点より右部分が表示されてないのです。
素材屋さんの画像を保存する前に、画像を右クリックしてプロパティを見てください。
画像のアドレスが出ます。画像の名前は、アドレスの最後の/←これより右部分が名前です。
そのまま表示されたアドレスを使って画像を表示させるのは、
直リンクになりますから、絶対にしないでくださいね。
画像は右クリックして名前を付けて画像を保存で、パソコンの中に保存してから表示させましょう。
| タグのソース | ブラウザ表示 |
|---|---|
| <img src="画像ファイル名" border="0"> |  |
右上の画像を右クリックして、プロパティを見てください。
ホームページアドレス/pinpon1.gif となってるでしょ。画像ファイル名は pinpon1.gif になります。
| タグのソース | ブラウザ表示 |
|---|---|
| <img src="画像ファイル名" alt="ぴんぽんは楽しいです" border="0"> | |
■画像の横幅と縦幅を指定する
| タグのソース |
|---|
| <img src="画像ファイル名" alt="説明" width="横幅の数字" height="縦幅の数字" border="0"> |
■画像の表示位置を指定する
centerで中央表示 leftで左表示 rightで右表示です。
| タグのソース |
|---|
| <div align="center"><img src="画像ファイル名" border="0"></div> |
■ページに背景画像を指定する
背景色を指定する場合は <body bgcolor="カラーコード"> と入れましたが、
背景画像を指定する場合は <body background="画像ファイル名"> と入れます。