42

申し訳ありませんが、私はこの単純なことを行うことができません。表のセルに画像を追加できません。以下は私が書いた私のコードです:-

 <html>
   <head>CAR APPLICATION</head>
   <body>

    <table border = 5 bordercolor = red align = center>
    <th colspan = 14>ABCD</th>
    <tr>
        <th colspan = 4>Name</th>
        <th colspan = 4>Origin</th>
        <th colspan = 4>Photo</th>
    </tr>
    <tr>
        <td colspan = 4>Bugatti Veyron Super Sport</th>
        <td colspan = 4>Molsheim, Alsace, France</th>
        <td colspan = 4><img src="C:\Pics\H.gif" alt="" border=3 height=100 width=100></img></td>
    </tr>
    <tr>
        <td colspan = 4>SSC Ultimate Aero TT  TopSpeed</td>
        <td colspan = 4>United States</td>
        <td colspan = 4 border=3 height=100 width=100>Photo1</td>
    </tr>
    <tr>
        <td colspan = 4>Koenigsegg CCX</td>
        <td colspan = 4>Ängelholm, Sweden</td>
        <td colspan = 4 border=4 height=100 width=300>Photo1</td>
    </tr>
    <tr>
        <td colspan = 4>Saleen S7</td>
        <td colspan = 4>Irvine, California, United States</td>
        <td colspan = 4 border=3 height=100 width=100>Photo1</td>
    </tr>
    <tr>
        <td colspan = 4> McLaren F1</td>
        <td colspan = 4>Surrey, England</td>
        <td colspan = 4 border=3 height=100 width=100>Photo1</td>
    </tr>
    <tr>
        <td colspan = 4>Ferrari Enzo</td>
        <td colspan = 4>Maranello, Italy</td>
        <td colspan = 4 border=3 height=100 width=100>Photo1</td>
    </tr>
    <tr>
        <td colspan = 4> Pagani Zonda F Clubsport</td>
        <td colspan = 4>Modena, Italy</td>
        <td colspan = 4 border=3 height=100 width=100>Photo1</td>
    </tr>
</table>
 </body>
<html>

私が間違っていることは何ですか？これは私の出力画面です:-

ここに画像の説明を入力

4

7 に答える 7

15

これは私のために働いた： -

 <!DOCTYPE html> 
  <html>
  <head>
<title>CAR APPLICATION</title>
 </head>
 <body>
<center>
    <h1>CAR APPLICATION</h1>
</center>

<table border="5" bordercolor="red" align="center">
    <tr>
        <th colspan="3">ABCD</th> 
    </tr>
    <tr>
        <th>Name</th>
        <th>Origin</th>
        <th>Photo</th>
    </tr>
    <tr>
        <td>Bugatti Veyron Super Sport</th>
        <td>Molsheim, Alsace, France</th>
                <!-- considering it is on the same folder that .html file -->
        <td><img src=".\A.jpeg" alt="" border=3 height=100 width=300></img></th>
    </tr>
    <tr>
        <td>SSC Ultimate Aero TT  TopSpeed</th>
        <td>United States</th>
        <td border=3 height=100 width=100>Photo1</th>
    </tr>
    <tr>
        <td>Koenigsegg CCX</th>
        <td>Ängelholm, Sweden</th>
        <td border=4 height=100 width=300>Photo1</th>
    </tr>
    <tr>
        <td>Saleen S7</th>
        <td>Irvine, California, United States</th>
        <td border=3 height=100 width=100>Photo1</th>
    </tr>
    <tr>
        <td> McLaren F1</th>
        <td>Surrey, England</th>
        <td border=3 height=100 width=100>Photo1</th>
    </tr>
    <tr>
        <td>Ferrari Enzo</th>
        <td>Maranello, Italy</th>
        <td border=3 height=100 width=100>Photo1</th>
    </tr>
    <tr>
        <td> Pagani Zonda F Clubsport</th>
        <td>Modena, Italy</th>
        <td border=3 height=100 width=100>Photo1</th>
    </tr>
</table>
  </body>
  <html>
于 2012-11-20T08:18:40.013 に答える
14

にいくつかの構文エラーがありますHTML。

まず、画像の URL が公共のインターネット上のアドレスを指している必要があります。ページを表示しているユーザーはハード ドライブを持っていないため、ローカル ハード ドライブ上のファイルを参照することはできません。C:\Pics開発マシンのファイルシステム上のパスではなく、イメージの実際の URL に置き換えます。確実に確認したい場合は、別のコンピューターを使用して、img タグの src 属性の値をブラウザーのアドレス バーに貼り付けます。そこでうまくいけば、あなたは大丈夫です。パスは相対パスでも有効でも構いませんが、埋め込まれている Web ページの公開 URL に対して相対パスである必要があります。

第二に、<title>タグ。ブラウザでタイトルが必要で、フォーマットできない場合は、このタグを追加する必要があります。

3 番目のエラーは、タグに関する場合、このヘッダーをタグ<th>内に追加する必要があります。行が必要なためです (によって作成されます)。<tr><th><tr>

もう 1 つのことは、行ったすべての colspan は必要ないということです。

必要に応じて有効なhtmlを実行しようとしました。見てみましょう：

<!DOCTYPE html> 
<html>
<head>
    <title>CAR APPLICATION</title>
</head>
<body>
    <center>
        <h1>CAR APPLICATION</h1>
    </center>

    <table border="5" bordercolor="red" align="center">
        <tr>
            <th colspan="3">SONAKSHI RAINA 10B ROLL No:-32</th> 
        </tr>
        <tr>
            <th>Name</th>
            <th>Origin</th>
            <th>Photo</th>
        </tr>
        <tr>
            <td>Bugatti Veyron Super Sport</td>
            <td>Molsheim, Alsace, France</td>
                    <!-- considering it is on the same folder that .html file -->
            <td><img src="H.gif" alt="" border=3 height=100 width=100></img></td>
        </tr>
        <tr>
            <td>SSC Ultimate Aero TT  TopSpeed</td>
            <td>United States</td>
            <td border=3 height=100 width=100>Photo1</td>
        </tr>
        <tr>
            <td>Koenigsegg CCX</td>
            <td>Ängelholm, Sweden</td>
            <td border=4 height=100 width=300>Photo1</td>
        </tr>
        <tr>
            <td>Saleen S7</td>
            <td>Irvine, California, United States</td>
            <td border=3 height=100 width=100>Photo1</td>
        </tr>
        <tr>
            <td> McLaren F1</td>
            <td>Surrey, England</td>
            <td border=3 height=100 width=100>Photo1</td>
        </tr>
        <tr>
            <td>Ferrari Enzo</td>
            <td>Maranello, Italy</td>
            <td border=3 height=100 width=100>Photo1</td>
        </tr>
        <tr>
            <td> Pagani Zonda F Clubsport</td>
            <td>Modena, Italy</td>
            <td border=3 height=100 width=100>Photo1</td>
        </tr>
    </table>
</body>
<html>
于 2012-11-19T16:20:31.450 に答える
6

TR 内にない TH がテーブルの一番上に浮かんでいます。それを修正します。

画像の問題に関しては、コンピュータのハード ドライブから絶対に画像を参照しています。そうしないでください。

そこにあってはならない終了タグもあります。

そのはず：

<img src="h.gif" alt="" border="3" height="100" width="100" />

これも：

<table border = 5 bordercolor = red align = center>

あなたのコルスパンもめちゃくちゃです。3 つの列しかないように見えますが、コードには 14 と 4 の colspans があります。

次のようにする必要があります。

<table border="5" bordercolor="red" align="center">

また、DOCTYPE が宣言されていません。少なくとも次を追加する必要があります。

<!DOCTYPE html>
于 2012-11-19T16:16:13.077 に答える
3

次のようになります。

<td colspan ='4'><img src="\Pics\H.gif" alt="" border='3' height='100' width='100' /></td>

.

<td></td> <img />(ほとんどの場合) 空のタグで閉じる必要があります。終了タグは/>代わりに... br のように置き換えられます

<br/>

あなたの html 構造は単純に使い古されていますが (申し訳ありません)、これはおそらくブラウザー間の互換性が非常に悪いものになるでしょう。また、属性の値を引用符でカプセル化し、タグで大文字を使用しないようにします。

于 2012-11-19T16:17:58.663 に答える
1

画像をコンピュータ上のパス (C:\etc\etc) として参照しています...そこにありますか? あなたは他の人が尋ねたことに答えていません。私はあなたのコードを取得し、dreamweaver に配置しました。保存していないため、イメージとは別に動作します。

場所を確認してからお知らせください。

于 2012-11-19T17:33:09.323 に答える
1

または...画像をアンカータグに配置できます。私は同じ問題を抱えていたので、問題なく修正されました。サイトや写真を公開する前に、多くの人がローカル パスを使用します。最終編集段階で必ず戻って修正してください。

于 2015-06-12T14:42:22.420 に答える
1

画像へのパスに「\」の代わりに「/」を使用してみてください。ここでのコメントのいくつかは、多くの場合、ローカルで行うのが最適な Web 開発を学んでいる私たちの一部を理解していない人々から来ているようです。したがって、src=C:\Pics\H.gif を使用する代わりに、絶対パスの場合は src="C:/Pics/H.gif" を使用し、Pic がHTMLページの場所のサブディレクトリにあります）。また、パスを引用符で囲むことをお勧めします。そうしないと、スペースやその他の奇妙な文字を含むパスで問題が発生します。

于 2015-04-29T02:47:11.163 に答える