Вариант 1
<!DOCTYPE html>
<html lang="en">
<head>
<title>My first site</title>
</head>
<body>
<h1>My first page<h1> <!-- Incorrect closing tag for h1 -->
<h3>This is heading 3</h3 <!-- Missing closing angle bracket for h3 -->
<p>My first paragraph</p>
<img src="img_typo.jpg" alt="Girl with a jacket">
<p title=I'm a tooltip>This is a paragraph.</p> <!-- Missing quotes around title attribute -->
<img src="img_girl.jpg">
<img src="img_boy.jpg" width="500px" height="600px"> <!-- px units not needed -->
<p style="color: red;">This is a red paragraph.</p>
</html> <!-- Missing closing tag for body -->
Вариант 2
<!DOCTYPE html>
<html lang="en">
<head>
<title>My first site<title> <!-- Missing closing slash on title tag -->
</head>
<body>
<h1>My first page</h1>
<h3>This is heading 3<h3> <!-- Incorrect closing tag for h3 -->
<p>My first paragraph</p>
<img src="img_typo.jpg" alt="Girl with a jacket">
<p title="I'm a tooltip>This is a paragraph.</p> <!-- Unclosed title attribute quote -->
<img src="img_girl.jpg"
<img src="img_boy.jpg" width=500 height=600> <!-- Missing quotation marks around width and height attributes -->
<p style="color: red>This is a red paragraph.</p> <!-- Unclosed color style quote -->
</body>
</html>
Вариант 3
<!DOCTYPE html>
<html lang="en">
</head> <!—Incorrect head tag -->
<title>My first site</title>
</head>
<body>
<h1>My first page</h2> <!-- Incorrect closing tag for h1 -->
<h3>This is heading 3</h3>
<p>My first paragraph<p> <!-- Missing closing paragraph tag -->
<img src="img_typo.jpg" alt="Girl with a jacket">
<p title="I'm a tooltip>This is a paragraph.</p> <!-- Unclosed title attribute quote -->
<img src="img_girl.jpg">
<img src="img_boy.jpg" wdth="500" height="600"> <!-- Misspelled 'width' attribute -->
<p style="color:red>This is a red paragraph.</p> <!-- Missing closing quote for color -->
</body>
</html>
Вариант 4
<DOCTYPE html> <!—Missing ! -->
<html lang = "en">
<head>
title>My first site</title> <!—Missing < -->
</head>
<body>
<h1>My first page</h1>
<h3>This is heading 3</h2> <!—h3 -->
<p>My first paragraph</p>
<img src="img_typo.jpg" alt="Girl with a jacket> <!—Missing “ -->
<p title="I'm a tooltip">This is a paragraph.</p>
<img sr="img_girl.jpg"> <!—Miss spelled src -->
<img src="img_boy.jpg" width="500" height="600">
<p style="color:red;">This is a red paragraph.</p>
</body>
<html> <!—Missing / -->
Вариант 5
<!DOCTYPE html>
<html lan = "en"> <!—Miss spelled -->
<head>
<title>My first site</titl> <!—Title -->
</head>
</body> <!—/ -->
<h1>My first page</h1>
<h3>This is heading 3</h3>
</p>My first paragraph</p> <!—/-->
<img src="img_typo.jpg" alt=Girl with a jacket> <!—“ ” -->
<p title="I'm a tooltip">This is a paragraph.</p>
<img sc="img_girl.jpg"> <!—src -->
<img src="img_boy.jpg" width="500" height="600">
<p style="color - red;">This is a red paragraph.</p> <!—color:red -->
</body>
</html>
Вариант 6
<!DOCTYPE html>
<html lang="en">
<head>
<title>My first site<title> <!-- Missing closing slash on title tag -->
</head>
<body>
<h1>My first page</h1>
<h3>This is heading 3</h3>
<p>My first paragraph</p>
<img src="img_typo.jpg" alt=Girl with a jacket> <!—Missing “ ” -->
<p title="I'm a tooltip>This is a paragraph.</p> <!-- Unclosed title attribute quote -->
<img src= img_girl.jpg> <!—Missing “ ” -->
<img src="img_boy.jpg" width=”500” height=”600”>
<p style="color: red>This is a red paragraph.</p> <!-- Unclosed color style quote -->
</body>
<html> <!—Missing / -->
Вариант 7
<!DOCTYPE htl> <!—html -->
<html lang = "en">
<head>
<title>My first site</title>
</head>
<body>
</h1>My first page</h1> <!—/ -->
<h3>This is heading 3</h3>
<p>My first paragraph</p>
<img src= img_typo.jpg alt="Girl with a jacket"> <!—“ ” -->
<p title="I'm a tooltip">This is a paragraph.<p> <!—/ -->
<img src="img_girl.jpg" <!—> -->
<img src="img_boy.jpg" width="500" height="600">
<p style="color - red;">This is a red paragraph.</p> <!—color:red -->
</body>
</html>
Вариант 8
<DOCTYPE html> <!—! -->
<html lang = "en">
<head>
<title>My first site</title>
<head> <!—/ -->
<body>
<h1>My first page</h1>
<h2>This is heading 3</h3> <!—h3 -->
<p>My first paragraph</p>
<img src="img_typo.jpg" alt="Girl with a jacket">
<p title="I'm a tooltip">This is a paragraph.</p>
<img src="img_girl.jpg">
<img src="img_boy.jpg" width=500 height=600> <!—“ ” -->
<p style="color:red;">This is a red paragraph.</p>
<//body> <!—// -->
</html>
