0

HTML で 4 行 16 列のテーブルを作成し、すべての行と列が作成されるまで、1 つのセルに画像を挿入し、別のセルにテキストを挿入しました。以下の私のコードを参照してください。私の問題は画像にあります。画像サイズが大きすぎます。サムネイルのサイズに合わせる方法がわかりません。また、テキストは画像のすぐ隣にありません。注: 画像は左側にあり、テキストは画像の右側にあります。どんな助けでも大歓迎です。

<html>
<head>
<title> Cameron Cookies </title>
</head>


<body>
<table cellspacing="0" cellpadding="0">
    <tr>
        <td><img src="j0175514.jpg" alt="Chocolate cookies"></img></td>
        <td>Chocolate</td>
        <td><img src="j0408843.jpg" alt="Chocolate Nut cookies"></img></td>
        <td>Chocolate Nut</td>
    </tr>
    <tr>
        <td><img src="j0428480.jpg" alt="Macadamia Nut cookies"></img></td>
        <td>Macadamia Nut</td>
        <td><img src="j0182695.jpg" alt="Oatmeal Raisin cookies"</img></td>
        <td>Oatmeal Raisin</td>
    </tr>
    <tr>
        <td><img src="j0428480.jpg" alt="M & M cookies"</img></td>
        <td>M & M's</td>
        <td><img src="j0440992.jpg" alt="White Chocolate cookies"</td>
        <td>White Chocolate</td>
    </tr>
    <tr>
        <td><img src="j0387871.jpg" alt="Chocolate Pecan cookies"</img></td>
        <td>Chocolate Pecan</td>
        <td><img src="j0425515.jpg" alt="Chocolate Hazelnut cookies"</img></td>
        <td>Chocolate Hazelnut</td>
    </tr>
</table>
</br>Cookies are a great gift idea that everybody loves. Just give us a call or send us an e-mail 24 hours in advance and we'll create
a lovely gift bag or basket filled with an assortment of fresh, homemade cookies.
Thanks for visiting our website and be sure to come visit us in person here in Portland, Maine.
To place an order, click here. </p>
</body>

</html>
4

1 に答える 1

4

ほとんどのブラウザーは、タグwidthのおよびheight属性で指定されたサイズに画像を自動的にサイズ変更します。<img>

width 属性と height 属性を指定すると、これらの値を優先して自然な画像またはオブジェクトのサイズをオーバーライドするようにユーザー エージェントに指示します。

オブジェクトが画像の場合、スケーリングされます。ユーザー エージェントは、作成者が指定した幅と高さに一致するように、オブジェクトまたは画像をスケーリングするために最善を尽くす必要があります。 画像、オブジェクト、およびアプレットのビジュアル表示

ただし、これを行う正しい方法は、元の画像のサイズを目的のサイズに変更することです。

したがって、画像が必要であり、160 x 120代わりに画像がある場合は、1600 x 1200先に進んでサイズ変更された画像を作成し、ソースでそれを参照してください。

そうすることで、画像ファイルが元のファイルよりもはるかに小さくなるため、ページの読み込みが速くなります。

于 2010-02-01T23:48:15.433 に答える