0

Can someone help me with this, everytime I click the link the img slightly turn big.

<html> <head><title>Demo</title> </head> <body><p align="center"><strong>Demo</strong></p><hr width="50%" align="center" /> <center> <img src="https://qph.fs.quoracdn.net/main-qimg-e634c0c8ac3bef0c209a23566f8288e7-c" height="70%" width="50%" border="1px" alt="image not found" /> </center> <center><a href="https://assortedmind.tumblr.com">click this link</a> </center> </body> </html>

26th Apr 2018, 12:54 PM
Nanashi River
Nanashi River - avatar
8 Réponses
+ 1
Well, if it fails validation due to using outdated HTML, that is more likely to mean it won't display well on certain browsers / devices. Have you run your HTML through the validator yet, and fixed the problems?
26th Apr 2018, 1:14 PM
Emma
+ 1
All errors fixed: https://code.sololearn.com/WB6wO9OI7j4Y/?ref=app I still can't guarantee it will display well in all browsers. Testing in different browsers and devices, is an art form, that's why people use frameworks, because someone has gone through the pain of getting the frameworks and themes to run on all popular browsers.
26th Apr 2018, 1:34 PM
Emma
+ 1
Thank you for fixing those errors, I'm just starting to learn programming so I choose to start learning on html first and dont have any idea on css rightnow, Im just following the app suggestion, anyway thank you for helping me I learned a lot of new things today.
26th Apr 2018, 1:49 PM
Nanashi River
Nanashi River - avatar
+ 1
Its ok I dont mind it, it still helps me anyway. Thank you for all the info you gave me, it helps me understand more about programming.
26th Apr 2018, 2:30 PM
Nanashi River
Nanashi River - avatar
0
It works for me, but this HTML validator finds outdated parts you're using: https://validator.w3.org/nu/#textarea Also, not related to your issue, but alt stands for 'alternative', meaning it's good for screen readers (blind people), or people who use text only browses. Try to include accessibility. The alt tag should describe the image, so if it can't load it still makes sense.
26th Apr 2018, 1:08 PM
Emma
0
So there is no problem on my coding? I just started learning html yesterday, so im kind of new to this things.
26th Apr 2018, 1:12 PM
Nanashi River
Nanashi River - avatar
0
I'm kind of lost, so should I add something in the img tag besides the the alt?
26th Apr 2018, 1:20 PM
Nanashi River
Nanashi River - avatar
0
Apologies if I overwhelmed you. You're doing great. Unlike most other languages, HTML changes a lot over the years, due to quite a few reasons: 1) The first web browser could only handle text and a few colours 2) To start with, touch screens didn't exist 3) Most screen sizes used to be very similar 4) Accessibility didn't exist 5) Only one web browser used to exist, so you didn't have to design for multiple browsers etc Note, that good identation in the HTML code, helps readability for humans. The tags are lined up.
26th Apr 2018, 2:09 PM
Emma