如何將圖像加載到網站上作爲href？

Question

即時通訊真的很新，但繼承我的問題。我需要上傳一張照片到我的網站（即時通訊使用aptana工作室3）。所以我保存我的圖像爲JPEG和使用代碼： 現在它承認我上傳的圖片，但它不會加載。我必須轉換圖像還是以某種方式保存圖像？

Answer 1

哦，哥們，一定要發佈你有問題的代碼。無論如何，使用什麼文件擴展名並不重要（儘管.png可能是最適合網頁的）。我假設這是硬編碼的HTML，如果是這樣的話，我會用一個簡單的<img />元素來顯示圖片。確保圖像保存在附近的目錄中。

<div> 
    <div class="item"><img src="./example.png"/></div> 
</div> 

在上面的例子中，example.png位於同一文件夾作爲我的index.html文件。我們使用屬性src而不是href。屬性規定當元素（例如，元素）被加載時要加載什麼頁面。單擊一個<a>元素。如果您有CSS樣式表，最好將圖像作爲background-image加載到<div>元素，以便更容易操作圖像屬性（如高度和寬度）。這方面的一個例子是：

<div> 
    <div class="item"/></div> 
</div> 

..和的CSS：

.item { 
    background-image: url("boxes.png"); 
    width: 800px; 
    height: 600px; 
    background-size: contain; 
} 

在這裏，我設置圖像的高度和寬度，並告訴我的風格，我想整個形象是展示與background-size: contain;。

我希望這會有所幫助。