HTML Basics III part 1 "Oops, try again. Make sure to put in at least two images: one regular, the other a link."


#1

can someone tell me what i did wrong or what am i missing?
I'm supposed to:

Make the heading have the font family Arial.
Add an image!Add a second image which is clickable and links to a site.

My code looks like:

<!DOCTYPE html>
<html>
    <head>
        <title>Table Time</title>
    </head>
    <body>
        <h1 style="font-family: Arial">Tables Are Mega Sweet</h1>
        <a href="Google.com">google.com
        
            <img src="http://www.google.com/imgres?imgurl=https://i.ytimg.com/vi/4NsZPpRuenA/maxresdefault.jpg&imgrefurl=https://www.youtube.com/watch?v%3D4NsZPpRuenA&h=720&w=1280&tbnid=3BJDxvRfPLxWNM:&docid=UFhe1lMBBA9YgM&ei=pLNCVsSdM8O6ef-IofgF&tbm=isch&ved=0CDoQMygIMAhqFQoTCMT_l820h8kCFUNdHgodf0QIXw" />
        </a>
        
        
    </body>
</html>

thank you


#2

i only see one image. you indeed have the linked image (the source of the image is a website url, not a image url, when using google image click: view image, then copy the url, it should shorten the url and end with .jpg (or .png), then the image also shows)

You still miss a regular image (add a image)


#4

Ok, So, I have done both things and it's still showing me the "Oops, try again. You need two images...." crap.


#5

That is crap indeed, but there isn't much we can do to help you unless you provide us your code


#6

ok One second........................................


#7

<!DOCTYPE html>
<html>
	<head>
		<title>Table Time</title>
	</head>
	<body>
		<h1 style="font-family:Arial">Tables Are Mega Sweet</h1>
	<a href="https://www.google.com/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwjgoo2r4p_LAhUrs4MKHWdZARwQjRwIBw&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D7Q93umHjFg0&bvm=bv.115339255,d.amc&psig=AFQjCNFZLKh2PlQJQVsz15AdbVGs94CUeg&ust=1456931318728010">
	<img src="https://i.ytimg.com/vi/7Q93umHjFg0/maxresdefault.jpg">
		</a>




	</body>
</html>

#8

you put one image, which you wrapped with link tags (<a></a>).

Now add another image.


#9

What do you mean? Do what I did with the ", , and tags?


#10

a href, img src, and a/


#11

No, that is one image (<img>) wrapped in a link (<a></a>), now add another image (<img>)


#12

OKk, I'll try that. Thanks.


#13

Hi! I'm stucked in this exercise and I don't know exactly what am I doing wrong...Could you help me please? Thanks a lot! My code looks like that:

<!DOCTYPE html>
<html>
	<head>
		<title>Table Time</title>
	</head>
	<body>
		<h1 style="font-family:Arial">Tables Are Mega Sweet</h1>
		<img src="http://4b93n32qwvjj3ddn5w3yhffoas6.wpengine.netdna-cdn.com/wp-content/uploads/2014/02/big-adda.png"> </a>
		<a href= "https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTp0qmVWaF9KFHLC-ULeD54TQC6YqcH22l0dkyVO1KgAZE1p156QQ">
		</a>
		
	</body>
</html>

#14

Like that! sorry


#15

I suggest you reset your code and start again..

Remember you need two images, one with link the other normal

Image tag is:

<img src="https://s3.amazonaws.com/codecademy-images/CC_Symbol_Blue.png" />

This is a link:

<a href="http://www.codecademy.com"> your text or image goes here </a>

#16

2 posts were split to a new topic: Images and links


#18