+ 8
How to make an image?
I know how to but it never works. I am not sure if I am found it right. Please post a code or give an example.
35 Respostas
+ 12
Hi [Captain.Moon]
I've gone through your code
Well done, you are doing a great job thereš
First of all, the <img> tag doesn't have a closing tag
Secondly, why your image isn't showing is because your are using an incomplete address of the image.
Below is the full address of the image:
https://hyperallergic.com/wp-content/uploads/2018/07/Apple_Emoji_update_2018_Face-with-Pleading-Eyes.jpg
So you can either write your code as:
<img src="https://hyperallergic.com/wp-content/uploads/2018/07/Apple_Emoji_update_2018_Face-with-Pleading-Eyes.jpg"
height="50px" width="50px" alt="Emoji"/>Emoji
or
<img src="https://hyperallergic.com/wp-content/uploads/2018/07/Apple_Emoji_update_2018_Face-with-Pleading-Eyes.jpg"
width="50px" alt="Emoji"/>Emoji
<!--(the height will be giving the same measurement as the width)-->
+ 10
Loki Odinson (OFFLINE) Rowsej Jingga Sona Arthur šŗMichaelšŗ Christine š²JTLZ š² Prop de Puppy š±šŗ SomDorrie Please help. I don't know what is wrong.
+ 10
Hey, it's not making an image in your HTML code, it's making a link from your HTML to your image, this can be local, or on a network!! While the browser renders your page it reads this tag <img> the src attribute starts a search and loads or downloads the image into the browser, that shows you the image in it's place!!
https://code.sololearn.com/WOyyOkv4UPQS/?ref=app
+ 9
+ 6
The image tag is self closing (i.e. the closure is internal to the tag rather than a separate tag) and fundamental portion is the source of the image:
<img src=āhttp://www.yourimagelocation.comā />
There are additional properties that may go into the tag that help it function more effectively:
alt = tell the browser what to show as text if your image doesn't loac (also used by screen readers and necessary for compliant code)
height and width = tells the browser how much space your image will take on the page, enabling faster loading (and necessary for compliance)
style = can add additional information telling a browser how to display an image using inline CSS with things like a border, padding, etc.
A well structured, basic image tag may look like this:
<img src=āhttp://www.yourimagelocation.comā height=ā100pxā width=ā100pxā alt=āThis is an image.ā />
+ 5
Rowsej another one.
https://goo.gl/images/XKLE3R
+ 5
https://www.telegraph.co.uk/content/dam/technology/2017/11/01/emoji_update_2017_12_trans_NvBQzQNjv4BqqVzuuqpFlyLIwiB6NTmJwfSVWeZ_vEN7c6bHu2jJnT8.png?imwidth=1400 and https://cdn.macrumors.com/article-new/2017/11/crying-tears-of-joy-emoji-250x248.jpg
+ 5
PKAIdris okay.
+ 5
Gaƫl Des Iris Which emoji image?
+ 5
Oh.... I thought you wanted help from me. I was confused. I needed help. Here it is.:
https://goo.gl/images/h27Dra
+ 4
Can you please make one and add a picture? I want to see what is wrong and how it is like. If no then I can show you.
+ 4
Use the <img> tag:
<img src = "URL_FOR_IMAGE_HERE" alt = "Alternative text if image doesnāt load"/>
To upload from your device, use Dropbox: https://www.sololearn.com/discuss/1054246/?ref=app
+ 4
Loki Odinson (SLIGHTLY ONLINE) Yes. Ii is in the code.
+ 4
Are you asking how to put an image in HTML? Or how to create an image from scratch?
+ 4
PKAIdris I copied a code someone shared. Whenever I actually copy from Google, all it does is:<img src ="https://hyperallergic.com/">Emoji
it does not pit the rest.
+ 4
On iOS, you can hold and drag the image up into the URL bar. Iām not sure with Android, though.
+ 4
the device I have is Hauwie.
+ 4
I have absolutely 0% of an idea what Hauwie is, so sorry, I canāt help :-( But if you give me the link, I might be able to get the image URL for you.
+ 4
Rowsej here it is.
https://goo.gl/images/Rq3fK7
+ 4
[Captain.Moon]
you need to go to the website that uploaded the image to get it's full address