Изображения не отображаются на моем сайте (HTML)

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
    <title>AYNTK</title>

  </head>
  <body>
    <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
      <div class="carousel-inner">
        <div class="carousel-item active">
          <img src="templates\Slide 1.jpg" class="d-block w-100">
        </div>
        <div class="carousel-item">
          <img src="templates\Slide 2.jpg" class="d-block w-100">
        </div>
        <div class="carousel-item">
          <img src="templates\Slide 3.jpg" class="d-block w-100">
        </div>
      </div>
      <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
      </button>
      <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
      </button>
    </div>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

 </body>
</html>

Я действительно новичок в разработке HTML и CSS... Я взял этот код с сайта Bootstrap, пытаясь создать карусель, и добавил относительный путь моих изображений в тег img в качестве источника. Изображения не отображаются на сайте... В чем может быть причина?

разместите ваши изображения на Google диске, то есть загрузите их на Google диск, сделайте их доступными для всех в Google диске, затем скопируйте ссылку для каждого изображения, поместите ссылку везде, где вы хотите, чтобы изображение было в вашем коде с тегами изображения, и все готово, брат. Ваши изображения будут загружены. Вы размещаете его где-нибудь или запускаете его локально в браузере, брат

Замените \ на / в атрибуте src тега img как

<img src="templates/Slide 1.jpg" >
Вернуться на верх