How to make an image?

Question

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.

Answer 1

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)-->

Answer 2

Loki Odinson (OFFLINE) Rowsej Jingga Sona Arthur 🐺Michael🐺 Christine 🐲JTLZ 🐲 Prop de Puppy 🇱🇺 SomDorrie Please help. I don't know what is wrong.

Answer 3

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

Answer 4

Gaël Des IrisRowsej SomDorrie How do you fix?

https://code.sololearn.com/Wni6DjJJmeoL/?ref=app

Answer 5

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.” />

Answer 6

Rowsej another one.
https://goo.gl/images/XKLE3R

Answer 7

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

Answer 8

PKAIdris okay.

Answer 9

Gaël Des Iris Which emoji image?

Answer 10

Oh.... I thought you wanted help from me. I was confused. I needed help. Here it is.:
https://goo.gl/images/h27Dra

Answer 11

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.

Answer 12

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

Answer 13

Loki Odinson (SLIGHTLY ONLINE) Yes. Ii is in the code.

Answer 14

Are you asking how to put an image in HTML? Or how to create an image from scratch?

Answer 15

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.

Answer 16

On iOS, you can hold and drag the image up into the URL bar. I’m not sure with Android, though.

Answer 17

the device I have is Hauwie.

Answer 18

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.

Answer 19

Rowsej here it is.
https://goo.gl/images/Rq3fK7

Answer 20

[Captain.Moon]
you need to go to the website that uploaded the image to get it's full address