通過9個簡單步驟將HTML標題添加到Web圖像中
圖像為您的網頁添加生命，並引起觀眾的注意。 標題提供了關於您的網頁圖片的額外信息，但是如果沒有高級HTML和CSS技能，它們可能很難添加到網頁中。 這裡有一個可靠的方法，用於為圖片添加一個簡單而有吸引力的標題，該圖片可以隨圖像在網頁上移動。
9步到HTML圖像標題
為圖像添加標題並將它們一起移動到任意位置：
- 添加圖片到您的網頁。
- 在網頁的HTML中，在圖片周圍放置一個div標籤：
- 為div標籤添加樣式屬性：
style =“” >- 使用寬度樣式屬性將div的寬度設置為與圖像相同的寬度：
width：image width px; ”>- 對於略小於周圍文本的標題，請為div樣式添加font-size屬性 ：
font-size：80％; ”>- 字幕看起來最好，如果它們位於圖片下方，那麼在style屬性中添加一個文本對齊屬性：
text-align：center; ”> img src =“URL”alt =“alternate text”width =“width”height =“height”/>- 最後，在圖像和標題之間添加一些額外的空間，方法是在圖像中添加一個樣式屬性，並使用填充底部樣式屬性：
style =”padding-bottom：0.5em;“ /> - 然後直接在圖片下方添加文字說明：
這是我的標題 將網頁上傳到您的服務器並在瀏覽器中進行測試。
字幕提示
- 寬度： CSS尺寸可以進行多種不同的測量，因此您通常必須包含測量類型。 例如：寬度：100 像素 ; 但是，HTML圖像尺寸總是以像素為單位，因此您不需要關閉測量。 寬度=“100”
- 如果您使div的寬度比圖像寬度更寬，則說明可能會出現在圖像旁邊。 如果這是你想要的，那麼在標題之前和圖片標籤之後直接添加一個
標籤。
- 為div標籤添加樣式屬性：