Фигуры на полях

Курсы Ссылки и изображения
1

Можете подсказать, где ошибка? Вроде все перепроверил

Снимок экрана 2022-07-29 015529
Снимок экрана 2022-07-29 0155291638×817 105 KB

2 
<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <title>Фигуры на полях</title>
    <link rel="stylesheet" href="figures.css">
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <a href='https://figuresonfields.com'>
       <figure>
        <img src='img/field.jpg' alt = 'Фигуы на полях'>
      <figcaption>
    Загадочные фигуры на полях оказались ландшафтным оформлением поля для гольфа
     </figcaption>
     </figure>
   </a>  
    
     
    
    
    
    <!--
    вся карточка должна быть ссылкой с адресом https://figuresonfields.com
    карточка должна содержать теги <figure>, <figcaption> и, само собой, <img>
      адрес изображения — img/field.jpg
     альтернативный текст изображения — Фигуры на полях
    -->
  </body>
</html>
3

Из-за ошибки в атрибуте alt. У вас написано alt = 'Фигуы на полях' – ошибка в слове Фигуры Напиште правильно и все сойдется. В тренажерах это имеет значение.

<img src="img/field.jpg" alt="Фигуры на полях">
4

спасибо, в следующий раз буду внимательнее

1 лайк
5

ЧёртовыФигурыНаПолях
ЧёртовыФигурыНаПолях552×922 188 KB 

  <body>
    <a href="https://figuresonfields.com">
      <figure>
        <figcaption>
          <img src="img/field.jpg" width="370" height="270" alt="Фигуры на полях">
        
    Загадочные фигуры на полях оказались ландшафтным оформлением поля для гольфа
        </figcaption>
      </figure>
    </a>  
  </body>

Я правильно понимаю, что тут нужно просто играться со значениями атрибутов высоты и ширины изображения? Если так, то с увеличением ширины, картинка плывёт вправо, уменьшая правый черный отступ, а чёрный отступ слева продолжает меня наказывать своей широтой.

6

в ТЗ ничего не сказано про высоту и ширину

7

БезВысотыИширины

<body>
    <a href="https://figuresonfields.com">
      <figure>
        <figcaption>
          <img src="img/field.jpg" alt="Фигуры на полях">
         Загадочные фигуры на полях оказались ландшафтным оформлением поля для гольфа
        </figcaption>
      </figure>
    </a>  
  </body>

Вот что получается без параметров высоты и ширины. Не могу найти ошибку.

8

перенесите строчку с тегом <img… выше строчкой, между и

1 лайк
9

Спасибо, помогло)

11

подскажите что не так? в образце есть отступы у картинки, откуда они берутся

<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <title>Фигуры на полях</title>
    <link rel="stylesheet" href="figures.css">
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <a href="https://figuresonfields.com">
      <figure>
        <img src="img/field.jpg" alt="фигуры на полях">
          <figcaption>Загадочные фигуры на полях оказались ландшафтным оформлением поля для гольф
          </figcaption>
      </figure>
    </a>
  </body>
</html>