在學習網頁設計中，經常需要在網頁中添加圖片展示。那么HTML中如何上傳圖片代碼呢？ 首先，需要在HTML文檔中創建一個選擇文件的按鈕，使用input標簽。代碼如下：

<input type="file" name="pic" id="pic" accept="image/*">

這行代碼會在網頁上創建一個選擇文件的按鈕。其中，type屬性為file表示這是一個選擇文件的輸入框，name屬性指定了文件上傳時的名稱，accept屬性指定上傳文件的類型，此處設為image/*，表示允許上傳圖片文件。 接著，需要在表單中添加一個提交按鈕，使用button標簽。代碼如下：

<button type="submit" name="submit" value="submit">上傳圖片</button>

這行代碼會在網頁中創建一個提交按鈕，用戶點擊后提交表單，從而上傳圖片。 最后，需要處理上傳圖片的邏輯，可以使用服務器端腳本語言如PHP或Python，也可以使用JavaScript。此處以PHP為例，上傳圖片代碼如下：

<?php
if(isset($_POST["submit"])) {
$target_dir = "uploads/";
$target_file = $target_dir . basename($_FILES["pic"]["name"]);
$uploadOk = 1;
$imageFileType = strtolower(pathinfo($target_file,PATHINFO_EXTENSION));
// Check if image file is a actual image or fake image
if(isset($_POST["submit"])) {
$check = getimagesize($_FILES["pic"]["tmp_name"]);
if($check !== false) {
echo "File is an image - " . $check["mime"] . ".";
$uploadOk = 1;
} else {
echo "File is not an image.";
$uploadOk = 0;
}
}
// Check if file already exists
if (file_exists($target_file)) {
echo "Sorry, file already exists.";
$uploadOk = 0;
}
// Check file size
if ($_FILES["pic"]["size"] >500000) {
echo "Sorry, your file is too large.";
$uploadOk = 0;
}
// Allow certain file formats
if($imageFileType != "jpg" && $imageFileType != "png" && $imageFileType != "jpeg"
&& $imageFileType != "gif" ) {
echo "Sorry, only JPG, JPEG, PNG & GIF files are allowed.";
$uploadOk = 0;
}
// Check if $uploadOk is set to 0 by an error
if ($uploadOk == 0) {
echo "Sorry, your file was not uploaded.";
// if everything is ok, try to upload file
} else {
if (move_uploaded_file($_FILES["pic"]["tmp_name"], $target_file)) {
echo "The file ". basename( $_FILES["pic"]["name"]). " has been uploaded.";
} else {
echo "Sorry, there was an error uploading your file.";
}
}
}
?>

這段代碼會先檢查上傳文件的類型、大小和路徑等信息是否合法。如果合法，就將文件移動到服務器端的指定目錄中去。 總結來說，上傳圖片的基本流程是：在HTML文檔中創建一個選擇文件的按鈕和一個提交表單的按鈕，然后處理上傳文件的邏輯。在使用時，還需要注意上傳文件的類型、大小和路徑等信息是否合法，從而保證網頁能夠正常展示圖片。