背景画像を貼り付けるhtmlコードはどこに貼り付ければいいんですか?

このQ&Aのポイント
  • 背景画像を表示させるためには、HTMLコードの<body>タグ内にstyle属性を追加し、background-imageプロパティを指定します。
  • 具体的には、<body>タグの直後に次のようなコードを追加します:<style>body { background-image: url('画像のURL'); }</style>
  • このコードを貼り付けることで、指定した画像が背景として表示されます。
回答を見る
  • ベストアンサー

背景画像を貼り付けるhtmlコードはどこに貼り付ければいいんですか?

コードはわかるんですが、どこに貼り付けたらいいのか教えてください。 ようするに最初は <html> <head> <meta http-equiv="content-type" content="text/html; charset=EUC-JP"> <title>無題</title> <meta name="generator" content=" 6.0.0.49"> </head> <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red"> <p style="line-height:150%;">&nbsp;</p> </body> </html> となっているんですが、このなかのどこに挿入したらいいのかおしえていただきたいです。

質問者が選んだベストアンサー

  • ベストアンサー
  • new_hope
  • ベストアンサー率49% (513/1032)
回答No.1

<body>タグ内に挿入します。 <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" background="○○.jpg"> または、 <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" background="○○.gif"> という感じです。

関連するQ&A

  • ホームページ作成

    背景を右下に設定する時は <style type="text/css"> <!-- body{ background-image: url(背景画像のURL); background-attachment: fixed; background-repeat: no-repeat; background-position: right bottom; } --> </style> を<head>から</head>までに書けばいいと書いてあったので <html> <head> <meta http-equiv="content-type" content="text/html; charset=EUC-JP"> <title>無題</title> <meta name="generator" content=" 6.0.0.49"> <style type="text/css"> <!-- body{ background-image: url(背景画像のURL); background-attachment: fixed; background-repeat: no-repeat; background-position: right bottom; } --> </style> </head> <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red"> <p style="line-height:150%;">&nbsp;</p> </body> </html> と書きましたがダメでした。 どこが間違っていますか? またどうすれば直るか教えてください。 当たり前ですが、「画像URL」のところはちゃんとアドレスに置き換えました。

  • HPの背景画像を動かさずスクロールしたい

    ジオシティーズでHPを作っていたのですが スクロールした時に 背景画像を動かさず 文字だけ移動したいのですが、 いろいろタグを探し回ったりして試しに貼りつけたりしたのですがうまくいきません。 初心者ですので難しいことがよくわからないので簡単に説明・回答いただけるとうれしいのですが・・; 念のためHPの上部のhtmlを貼っておきます <html> <head> <meta http-equiv="Page-Enter" content="revealTrans(Duration=2,Transition=23)"> <meta http-equiv="content-type" content="text/html; charset=EUC-JP"> <title>LINK</title> <meta name="generator" content="Namo ActiveSquare 6.0.0.49"> <base href="http://www.geocities.jp/ユーザー名/"></head> <body text="white" link="white" vlink="white" background="http://www.geocities.jp/ユーザー名/147896325.jpg" > &nbsp;<p style="line-height:150%;">

  • alphaEDITについて

    alphaEDITの2.0.3 Build 268を愛用しています。 OSは、Win XP SP3です。 今まで、alphaEDITの2.0.3 Build 268でずっとサイトを更新してきました。 しかし、今回起動してみると、以下のような症状が現れました。 起動時 HTMLソースで表示すると、以下のようなタグが表示されます。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title></title> </head> <body> <p>&nbsp;</p> </body> </html> 一度、WYSIWYGに切り替えて、HTMLソースに戻すと、 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html><head><title></title> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <meta content="MSHTML 6.00.6000.16890" name="GENERATOR"></head> <body> <p>&nbsp;</p></body></html> に変わってしまいます。 今までこのようなことはありませんでした。 iniも消してみましたが、直りません。 設定をいじった記憶もありません。 すみませんが、このような症状の直し方を知っている方がいらっしゃいましたら、 教えていただけないでしょうか

  • CGIの掲示板での背景を固定するには?

    CGIで出来た掲示板の背景に使う画像をを上部中央に固定したいのですが、 どうすれば出来ますか? 使うCGIの背景の設定の記述には if ($backgif) {print "<body background=\"$backgif\" bgcolor=\"$bgcolor\" text=\"$text\" link=\"$link\" vlink=\"$vlink\" alink=\"$alink\">\n" と有ります。 方法が分かる方、教えてください~~!!

    • ベストアンサー
    • CGI
  • 検索できません・・ホームページ

    ホーページを作り たちあげました。検索してもらえるように 登録しましたが いっこうに・・ 下のようなものでは 検索されませんか? チェックしてください お願いします キーワードの カンマがだめなのですか? 教えてください <HTML><BODY><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <!-- saved from url=(0039)http://www.****.com/mphone/index.html --> <HTML><HEAD><TITLE>○○○</TITLE> <META content="MSHTML 6.00.2716.2200" name=GENERATOR> <META http-equiv=Content-Type content=text/html;CHARSET=x-sjis><X-SAS-WINDOW RIGHT="1012" LEFT="0" BOTTOM="620" TOP="0"><X-SAS-REMOTESAVE dir=mphone/ FILE="index.html" USER="○○" SERVER="○○.com"> <META content=△△,○○,■■ name=keywords> <META content=○○・■・○等へ○○ペイントを行なっております。 name=description></HEAD><BODY BACKGROUND="img/001.gif"> <BODY text=#000000 vLink=#000000 aLink=#000000 lLink=#000000 > <HTML><BODY><title>○○○</title> <body background="m.gif">

  • テキストがうまく反映されない!

    携帯サイトを初めてつくろうと挑戦しています。 <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS"> <meta http-equiv="Cache-Control" content="no-cache"> <title>題名</title> </head> <body bgcolor="#ffffcc" text="#000000" link="#3366ff" alink="#000099"> <front color="#ffffff">題名</front> </body> </html> 上記のようにテキストを書いたんですけど、HTML化しても背景の色とか変わってないんです。。真っ白です。。何が原因でしょうか??※TeraPadを使ってテキストを書いています。

  • セキュリティ保護の為、アクティブコンテンツは表示されない

      現在ホームページを作っています。 試しに表示させると 「セキュリティ保護の為、アクティブコンテンツは表示されない・・・」等のエラーメッセージの様な、ツールバーが表示されます。 これを、表示させないには、どうすればいいでしょうか? ちなみに、途中ですが、ソースは、こんな感じです。 <HTML> <BODY BGCOLOR=#FFFFFF> <BASEFONT SIZE="4"> <PRE> <HEAD> <META name="GENERATOR" content="IBM HomePage Builder 2001 V5.0.3 for Windows"> <SCRIPT LANGUAGE="JavaScript"> <!--- document.linkColor="blue"; document.vlinkColor="blue"; //---> </SCRIPT> </HEAD> <BODY background="p4-6.gif" bgcolor="#F5F5DC" text="#000000"> <BASEFONT SIZE="4"> よろしくお願いします。  

  • 背景画像のX方向繰り返し表示を止めたい

    掲題の通り、X方向のみ背景画像が繰り返し表示されてしまいます。 テキストスペースも中央部のみの640ピクセルに収まるようにしていますが、背景画像の記述方法が解りません。 制御部分のソースは下記の通りです。 宜しくお願いします。 <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 6.5.0.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> <STYLE type="text/css"> <!-- body { background-image: url(img/bg.jpg) background-repeat:no-repeart; } --> </STYLE> </HEAD> <BODY text=#333333 background="img/bg.jpg"> <TABLE cellspacing="0" width="630" align="center" border="0"> <TBODY> <TR> <TD align=middle> <TABLE width="100%" border="0"> <TBODY> <TR> <TD align=center bgColor=#228b22><STRONG><FONT color=#ffffff>『ご挨拶』</FONT></STRONG></TD></TR>

    • ベストアンサー
    • HTML
  • ホームページビルダー11背景が4分割される

    こんにちは、 ホームページビルダー11を使用して、HPを使用中です。 背景の図(下記="18.jpg")が、4つに分割されて表示します。 下記のどこを修正すれば、1つの背景になるでしょうか? </HEAD> <BODY background="18.jpg" bgcolor="#000066" text="#FFFFFF" link="#FFDD44" vlink="#DDBB22" alink="#FFFFFF">

  • 下記のソースですが、画面一杯に表示されません、なぜでしょうか?

    <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 6.5.0.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <META name="IBM:HPB-Input-Mode" content="mode/flm; pagewidth=750; pageheight=900"> <TITLE></TITLE> </HEAD> <BODY bgcolor="#FFFFFF" text="#663300" link="#0000FF" vlink="#99CCFF"> <DIV style="top :0px;left : 0px; position : absolute; z-index : 1; width : 750px; height : 900px; visibility : visible; " id="Layer1"> <CENTER> <TABLE width="100%" border="0" cellspacing="0" cellpadding="5" bgcolor="#68B921"> <TR ALIGN="CENTER" VALIGN="MIDDLE"> <TD><IMG src="" width="111" height="96" alt="アイコン"></TD> <TD WIDTH="100%" VALIGN="TOP"></TABLE> </CENTER> </DIV> </BODY> </HTML>

専門家に質問してみよう