forked from appacademy/practice-for-prepwork-html-debugging
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
94 lines (81 loc) · 3.48 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html>
<html>
<head>
<title>Debugging HTML Practice</title> <!--first bug found, the opening title tag was not followed by it's corresponding closing tag-->
</head>
<body>
<div class='profile'>
<h1>Profile Name</h1> <!-- second bug found, The beginning did not contain a "h1" tag but I've taken care of that-->
<div class='address'>Address</div>
<div class='contact'>
<strong>Email:</strong> <a href='mailto:[email protected]'>[email protected]</a>
</div>
<div>
<strong>Telephone:</strong> 0207 955 3705
</div>
<div class='categories'>
<h2>Categories</h2> </div>
<ul>
<li>Lorem ipsum</li>
<li>dolor sit</li>
<li>amet</li>
<li>dolor sit</li>
</ul>
<!--Third bug found, the above list has misplaced syntax, "ul" was found in the place of "li" and vice versa-->
</div>
<div id='biography'>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
est laborum.
</p>
<p> <center> <h6><FONT COLOR=red>Text</FONT></h6> </center>
</p>
<!--Hmmm, lemme actually see the number of bugs that I found in this area,
1. Fourth bug, the text element "text wasn't present in the first place"
2. Fifth bug, the text element didn't have the correct heading which was 'h6'
3. Sixth bug, the text element wasn't centered on the screen
4. Seventh bug, the text element didn't have the specified color. -->
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
est laborum.
</p>
</div>
<div class='footer'>
<div class='footer-3-wide'>
<ul>
<li>
<!-- Eight bug found, there is an unecessary "ol" tag at the beginning of this unordered list-->
<!-- Nineth bug found, in the place of the unecessary "ol" tag, there was supposed to be an "li" tag -->
<a href='https://www.example.com/' target='_blank'>
Lorem ipsum dolor sit amet
</a>
</li>
<li>
<a href='https://www.example.com/' target='_blank'>
Lorem ipsum dolor sit amet
</a>
</li>
<li>
<a href='https://www.example.com/' target='_blank'>
Lorem ipsum dolor sit amet
</a>
</li>
<li>
<a href='https://www.example.com/' target='_blank'>
Lorem ipsum dolor sit amet
</a>
</ul>
</div>
</div>
</body>
</html>