I'm trying to put an image in a panel using HTML5 but it's not recognizing it.
In the default pane it looked like this:
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>MobiAbert</span> </a>
ButIwanttoputthecompanyimageinsteadofthenamewithaniconontheside.Imadethefollowingchangeintheline:
<ahref="index.html" class="site_title"> <img src="imagens/logomobi.png"/> </a>
But the image does not appear and looks like this:
How can I resolve this?
Do so
<img src="imagens/foto.png" alt="Imagem de página não encontrada" width="330" height="202" />
The above example loads the image called "photo.png" which is inside the "images" folder.
Warning: The "images" folder must be in the same folder as your .html file.
And now a little help
Tag The main attributes of the tag are:
src: indicates the path of the image within the web site folders.
alt: defines alternate text that will be read by voice browsers, it also defines text that will be displayed if the image does not load.
height: sets the height of the image. It is important to define this attribute so that the browser will "reserve" the space in the layout until the image is loaded.
width: sets the width of the image. It is important to define this attribute so that the browser will "reserve" the space in the layout until the image is loaded.
border: Although not supported in HTML5, it may be necessary to remove the border of images that are links (border="0").