6 exercise as a beginner

HTML-CSS
1

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> 






<div> <h2>Cat Photos</h2> <!----TODO: All link to cat photos --> <p> Click here to View more cat photos.</p> <div>
   </main>
 </body>
</html>

   **Your browser information:**

User Agent is: Mozilla/5.0 (Linux; Android 10; Infinix X683) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.61 Mobile Safari/537.36

Challenge: Step 6

Link to the challenge:

2

Indentation is applying spaces before a child element which makes it visually appealing and helps in readability of code. Moreover indenting space before a child element distinguishes the child element and the parent element visually.

eg:

<body>
  <main>
    <h1> </h1>
  </main>
</body>

This shows that the main element is a child of the body element and the h1 element is a child of the main element.

3

hello!! what @vd.saurab said is correct, so you need to remember to always indent your elements for better readability of your code!
your two first elements (body and h1) are correct!
so now, you need to give space to the main element (cause it’s a child element of body) and afterwards, just give two spaces to the h2 and p elements, so that you will have a code with indentation!

btw, that div elements below you can delete, since the challenge doesn’t ask for nest elements with div!!

let me give an exemple:

<html>
  <body>
    <h1></h1>
    <main>
      <h2></h2>
      <p>
[...]

hope it can help u!!

1 Like
4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.