HTML/css projects

Tell us what’s happening:
Describe your issue in detail here.

I am trying to add photos to my projects, I do
not know how to put the location to it. It is
iCloud on iPad.

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta content='width=device-width, initial-scale=1.0, shrink-to-fit=no' name='viewport'/>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="">
    <title></title>
    <link href="style.css" rel="stylesheet">
</head>
<body>
<section>
<p><!DOCTYPE html></p>
<p><html lang="en" ></p>
<p>&nbsp;</p>
<p><head></p>
<p><meta charset="UTF-8"></p>
<p><title>Survey Form | Kimberley Milliner</title></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><link rel="stylesheet" href="css/style.css"></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p></head></p>
<p>&nbsp;</p>
<p><body></p>
<p>&nbsp;</p>
<p><div id="main"></p>
<p><br></p>
<p><h1 id="title">Survey Form</h1></p>
<p><div id="main-div"><br></p>
<p><p id="description">Let us know how we can improve freeCodeCamp</p></p>
<p><form id="survey-form"></p>
<p><label id="name-label" class="left-tab"> *Name:</label></p>
<p><input autofocus id="name" type="text" placeholder="Enter your name" required><br><br></p>
<p><label id="email-label" class="left-tab">*Email:</label></p>
<p><input id="email" required type="email" placeholder="Enter your Email"><br><br></p>
<p><label id="number-label" class="left-tab">*Age:</label></p>
<p><input id="number" type="number" placeholder="Age" min="1" max="125"><br><br></p>
<p><label class="left-tab">Which option best describes your current role?</label></p>
<p><select id="drop-down"></p>
<p><option>Student</option></p>
<p><option>Full Time Job</option></p>
<p><option>Full Time Learner</option></p>
<p><option>Prefer not to say</option></p>
<p><option>other</option></p>
<p></select><br><br></p>
<p><label class="left-tab">How likely is that you would recommend freeCodeCamp to a friend?</label></p>
<p><input class="right-tab" type="radio" name="recommend"><label>Definitely</label><br></p>
<p><input class="right-tab" type="radio" name="recommend"><label>Maybe</label><br></p>
<p><input class="right-tab" type="radio" name="recommend"><label>Not sure</label><br><br></p>
<p><label class="left-tab">What do you like most in FCC:</label></p>
<p><select id="down-options"></p>
<p><option>Challenges</option></p>
<p><option>Projects</option></p>
<p><option>Community</option></p>
<p><option>Open Source</option></p>
<p></select><br><br></p>
<p><label class="left-tab">Things that should be improved in the future <br>(Check all that apply):</label></p>
<p><input class="right-tab" type="checkbox" value="1"><label>Front-end Projects</label><br></p>
<p><input class="right-tab" type="checkbox" value="2"><label>Back-end Projects</label><br></p>
<p><input type="checkbox" class="right-tab" value="3"><label>Data Visualization</label><br></p>
<p><input class="right-tab" type="checkbox" value="4"><label>Challenges</label><br></p>
<p><input class="right-tab" type="checkbox" value="5"><label>Open Source Community</label><br></p>
<p><input class="right-tab" type="checkbox" value="6"><label>Gitter help rooms</label><br></p>
<p><input type="checkbox" class="right-tab" value="7"><label>Videos</label><br></p>
<p><input class="right-tab" type="checkbox" value="8"><label>City Meetups</label><br></p>
<p><input 
/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (iPad; CPU OS 15_7_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/15E148 OPT/3.3.3

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

you have to use a URL that anyone can access (not just yourself hopefully)
What URL did you try to use?