Clickable Photo Page


#1



https://www.codecademy.com/courses/web-beginner-en-zrZ6c/0/5?curriculum_id=50579fb998b470000202dc8b


My text editor looks small, my pictures are not showing up. Nine columns are up with no pictures


<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css" />
		<title>My Photo Page</title>
		        
		        <table>
		            <thead><th>Ivan's Table</th></thead>
		            <tbody>
		                <tr></tr>
		                    <img src="C:\Users\Public\Pictures\Sample Pictures\cranesbill-blossom-bloom-blue-54319.jpeg;"</td>
		                    <img src="C:\Users\Public\Pictures\Sample Pictures\cranesbill-blossom-bloom-blue-54319.jpeg"</td>
		                    <img src="C:\Users\Public\Pictures\Sample Pictures\Chrysanthemum.jpg"</td>
		                <tr></tr>
		                    <img src="C:\Users\Public\Pictures\Sample Pictures\Chrysanthemum.jpg"/td>
		                    <img src="C:\Users\Public\Pictures\Sample Pictures\Chrysanthemum.jpg"/td>
		                    <img src="C:\Users\Public\Pictures\Sample Pictures\Chrysanthemum.jpg"/td>
		                <tr></tr>
		                    <img src="C:\Users\Public\Pictures\Sample Pictures\Chrysanthemum.jpg"/td>
		                    <img src="C:\Users\Public\Pictures\Sample Pictures\Chrysanthemum.jpg"/td>
		                    <img src="C:\Users\Public\Pictures\Sample Pictures\Chrysanthemum.jpg"/td>
		            </tbody>
		        </table>
	</head>
	<body></body>
</html>


#2

@daeus82,
-1
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table
Within a =table-row= tr-HTML-Element consisting of a pair <tr> </tr>
you will have to put your =table-data= td-HTML-Element consisting of a pair <td> </td>
Each td-HTML-Element represents a cell in the table-row

-2
as a source of your img-HTML-Element
you should use a =link= which is reachable by codecademy.....
try

<img src="http://www.istockphoto.com/file-view/display/8000/154318/"/>

#3

I think you need to work on your nesting. You need to close your head (</head>) after your title, and the table should be inside the body. Then, inside each of your table row (<tr></tr>) you should have 3 table cells (<td></td>), each table cell should hold an image. For example:

<tr>
   <td><img src="url" /></td>
</tr>

this is just one cell, you should have 3 cells in each row.

Be glad the images don't show up, if they did, this means everyone with internet connection could access all your files on your computer. If you want to use images from your computer, you need to upload them (dropbox, google drive, prntscrn or anything else)


#4

So it let me pass the exercise but the editor looks funky and out of whack, there is blank boxes with no pictures.:tired_face:

The image know shows but my page editor looks like crap, how do put an image and a link together?


#5

you put the anchor tags (<a></a>) inside your your table cell, wrapping the image:

<td><a href="url"><img src="url" /></a></td>