Я получаю эту ошибку при вводе моего HTML кода в W3 C Validator: Quote "в имени атрибута

Question

У меня проблемы с моим HTML кодом для моего Введение в HTML класс. Когда я ввожу свой код в валидатор W3 C, я получаю ошибки на изображении с надписью «Цитата» в имени атрибута. Возможная причина: совпадающая цитата отсутствует где-то ранее. Единственная проблема заключается в том, что все цитаты соответствуют друг другу. Я не наверняка, где ошибка в моем коде. Может кто-нибудь помочь мне найти ее?

* {
  box-sizing: border-box;
}

body {
  background-color: #FFFFFF;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#wrapper {
  margin: auto;
  width: 90%;
  min-width: 960px;
  background-color: #F4F4F4;
  color: #373737;
}

header {
  background-color: #F4F4F4;
  font-size: 30px;
  display: inline;
}

nav {
  float: right;
  font-weight: bold;
  display: inline;
  width: 50%;
  text-align: justify;
  min-width: 500px;
}

nav a {
  display: inline-block;
  text-decoration: none;
  padding-left: 1em;
  padding-right: 1em;
  color: #373737;
}

nav a:hover {
  color: #C0B283;
  letter-spacing: 0.1em;
  border-bottom: 3px solid #C0B283;
  transition: letter-spacing 800ms, border-bottom 800ms, letter-spacing 800ms;
}

.studio {
  font-style: italic;
}

li,
p {
  text-align: center;
}

main {
  background-color: #F4F4F4;
  color: #373737;
  display: block;
  overflow: auto;
  height: 100%;
}

footer {
  font-size: 70%;
  text-align: center;
  padding: 10px;
  background-color: #373737;
  color: #C0B283;
}

h2 {
  text-align: center;
}

h2,
caption {
  font-size: 24pt;
}

mark {
  background-color: #F4F4F4;
  border-bottom: 3px solid #C0B283;
}

.ah {
  color: #373737;
  text-decoration: none;
  font-weight: bold;
  padding-left: 10px;
}

footer a {
  text-decoration: none;
  color: #C0b283;
}

.vid {
  float: left;
  width: 40%;
  background-color:#C0B283;
  height: 30%;
}

.img {
  float: right;
  width: 40%;
  height: 30%;
  background-color:#DCD0C0;
  margin-top:3em;
}
.img2 {
  float: right;
  width: 49%;
  height: 30%;
  background-color:#DCD0C0;
  margin-top:14em;
}

.size1 {
  width: 40%;
  height: 40%;
}

.size2 {
 width: 70%;
 height: 40%;
}

video, video source {
  width: 90%;
  height: 90%;
}

.aud {
  float: left;
  width: 40%;
  background-color:#C0B283;
  display:block;
  margin-top:10em;
}

video, video source, audio, audio source {
  margin:3%;
  float:right;
}

h6 {
  margin-left: 15px;
  color: #373737;
  margin-top: -3em;
  display:inline;
}

Answer 1

Ваша проблема - просто опечатка в этой строке

<img class="size1" src="khalid2.jpg" alt="Khalid Free Spirit" height="200" width:"200" style="margin: 7%">

У вас есть width:"200", который должен быть width="200"

Answer 2

 <div class="img2">
    <img class="size2" src="khalid3.jpg" alt="Khalid American Teen" height="200" width:"200" style="margin: 2%">
 </div>

Проблема 1 в строке выше должна быть

width="200" not width:"200"

То же самое относится к

<div class="img">
  <img class="size1" src="khalid2.jpg" alt="Khalid Free Spirit" height="200" width:"200" style="margin: 7%">
</div>