Um dos elementos mais importantes para seu blog ou site é a utilização e incorporação de imagens no seu código HTML. No ínicio da web não podíamos ilustrar nosso documento para ficar mais coeso, ou seja, era um emaranhado de textos corridos. Neste artigo vamos demonstrar o uso da tag <img> e seus atributos
Para aparecer a sua imagem é importante lembrar que a tag img precisa estar dentro do conteúdo do seu site, ou seja, dentro da tag body, sabendo disso, segue o código a seguir:
<img src="endereço-da-imagem" alt="frase-alternativa" width="100" height="100" />
A tag img do HTML possuí características importantes:
- src (source): a tag src é uma tag obrigatória onde vai ficar o endereço da sua imagem, ela precisa estar armazenada em um servidor, sendo ele local ou remoto
- alt (texto alternativo): o elemento alt é opcional mas é muito recomendado utilizar pois melhora no SEO do seu site, ele serve para exibir um texto quando obter uma falha em mostrar a imagem
- width (largura): esta tag indica a largura em pixels
- height (altura): já a tag height indica a altura também em pixels