Im creating this fan club form but my I can\'t get my images to show. What am I
ID: 3594773 • Letter: I
Question
Im creating this fan club form but my I can't get my images to show. What am I doing wrong? Im using Notepad++?
<!DOCTYPE html>
<html>
<head>
<title>Downtown Resturant Fan Club</title>
<meta charset="utf -8">
<link rel="stylesheet" type ="text/css" href="style.css" media="all">
</head>
<img src="fanclubjpg" alt"fanclub"/>
<body>
<div id="form_wraapper">
<h2> DOWNTOWN RESTURANT FAN CLUB</H2>
<form class="form">
<p class="field">
<input type="text" name ="fname" id="fname" placeholder="First Name">
<label for="fname"> First Name</label>
</p>
<p class="field">
<input type="text" name="lname" id="lname" placeholder="LastName">
<label for="fname">Last Name</label>
</p>
<p class= "field">
<input type="text" name="mobi" id="mobi" placeholder="7425990000">
<label for ="mobi">Contact No</label>
</p>
<p class="gender">
<input type="radio" name="gender" id="" value="Male">Male
<input type="radio" name="gender" id="" value="Female">Female
<input type="radio" name="gender" id="" value="Other">Other
</p>
<p class="msg">
<textarea name="msg" placeholder="Write your message here..."></textarea>
</p>
</form>
<!-- | -->
</div>
<!-- end of wrapper __
</body>
</html>
Explanation / Answer
<img src="fanclubjpg" alt"fanclub"/> --> This is your image display code
First, of to display image on the webpage you need to give img src the correct path. In your code just the name of the image is given, it means that the .html file and also the image file should be in the same directory.
Secondly, equal to is missing at alt it must be alt = "fanclub"
Third, for displaying at certain height some number plus px should be given not just the number.
So the correct code will be
<img src="fanclubjpg" alt = "fanclub"/>
**Comment for any further queries. Upvote if the answer is satisfactory.