Scribd
Upload
7 views4 pages

HTML errors to find - answers

The document contains multiple HTML code variants, each with various syntax errors and issues. Common mistakes include incorrect closing tags, missing quotes, and misspelled attributes. The document serves as an example of common HTML pitfalls for educational purposes.

Uploaded by

gabriel.pilichev.bg
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
7 views4 pages

HTML errors to find - answers

The document contains multiple HTML code variants, each with various syntax errors and issues. Common mistakes include incorrect closing tags, missing quotes, and misspelled attributes. The document serves as an example of common HTML pitfalls for educational purposes.

Uploaded by

gabriel.pilichev.bg
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

Вариант 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>

You might also like