我有一個問題，我只能添加一張圖片，html 似乎忽略了我想添加的第二張圖片。抱歉，代碼雜亂無章，我 8 小時前才開始使用 HTML。
這是代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8">
<meta name = "My mech inventions/arts" content = "Machine part 1.0\nHead & Neck">
<title>Josiah's Blueprints</title>
</head>
<body style = "background-color:black">
<h2 style = "color:white">Machine Part 1.0<h2>
<h2 style = "color:maroon;"><b>Head & Neck</b></h2>
<hr/>
<p style = "color:white"><i>Fig 1.0</p></i>
<p style = "color:white"><b>Front View</p></b>
<img width = "1300" src = "/home/princesspriest/KRITA/Mech blueprints/Mech blueprint (head & neck Front view) .png" alt = "Fig 1.0 front View of the mech's head and neck"/>
<p style = "color:white"><i>Fig 2.0</p></i>
<p style = "color:white"><b>Upper View</p></b>
<img width = "1300" src = "/home/princesspriest/KRITA/Mech blueprints/Mech blueprint (head & neck upper view) .png" alt = "Fig 2.0 upper view of the mech's head and neck"/>
</body>
</html>
抱歉，如果我無法添加網頁截圖，我希望代碼足以解決此類問題。
uj5u.com熱心網友回復：
我將您的代碼復制到一個新檔案中，并在 Internet Explorer 中打開了 html 頁面。當然，這兩個影像都沒有加載，因為它們不在我的檔案系統中，所以我用從網上獲取的玫瑰影像替換了它們。根據您用來渲染它們的語法，兩個影像都正常加載。您可以通過在檔案的 css 中（或通過 style 屬性在 html 中）指定位置來對元素的位置施加更多控制。可用的顯示選項有靜態、粘性、固定、絕對和相對。根據您的選擇，您需要為相對于檔案頂部、底部、左側或右側的位置指定其他引數。您可以在以下鏈接中了解有關此主題的更多資訊：
https://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/
請注意，由于您采用了 1300 的寬度，因此圖片將無法并排放置。您必須向下滾動頁面才能看到第二張圖片。如果第 2 張圖片沒有加載，請嘗試將其替換為另一張圖片，以確定問題是圖片的問題，還是實際語法的問題。我再說一遍：使用以下圖片鏈接加載兩張圖片都沒有問題：
https://www.aboutgiving.co.nz/content/images/thumbs/0004092_red-roses.jpeg
我希望這證明是有幫助的。
uj5u.com熱心網友回復：
您需要以正確的順序關閉標簽，否則將無法正確顯示。
img {
width: 100px;
}
i, b {
color: black;
}<p style="color:white">
<i>Fig 1.0</i>
</p>
<p style="color:white">
<b>Front View</b>
</p>
<img width="1300" src="https://picsum.photos/100" alt="Fig 1.0 front View of the mech's head and neck" />
<p style="color:white">
<i>Fig 2.0</i>
</p>
<p style="color:white">
<b>Upper View</b>
</p>
<img width="1300" src="https://picsum.photos/100" alt="Fig 2.0 upper view of the mech's head and neck" />轉載請註明出處，本文鏈接：https://www.uj5u.com/net/353269.html
標籤：html