Tell us what’s happening:
Describe your issue in detail here.
**Your code so far**
<html>
<body>
<h1>CatPhotoApp</h1>
<main>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p>Click here to view more cat photos.</p>
</main>
</body>
</html>
**Your browser information:**
User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.120 Safari/537.36
Tell us what’s happening:
Describe your issue in detail here.
**Your code so far**
<html>
<body>
<h1>CatPhotoApp</h1>
<main>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p>Click here to view more cat photos.</p>
</main>
</body>
</html>
**Your browser information:**
User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.120 Safari/537.36
For readability, typically we indent HTML (as well as other programming languages) to illustrate its structure. A lot of editors do it automatically for us, but some don’t. For instance.
<html><head><title>This is my site</title></head><body><h1>title</h1>
<p>You know I love this site</p><br><a href="#images">
<img src="http://www.imagepost.com/image"></a></body></html>
Is valid code, but very hard to pick out whats there… so coding convension is rather:
<html>
<head>
<title>This is my site</title>
</head>
<body>
<h1>title</h1>
<p>You know I love this site</p>
<br>
<a href="#image">
<img src="http://www.imagepost.com/image">
</a>
</body>
</html>