Encontrando e Adicionando Imagens
Objetivo
Adicionar imagens ao site para torná-lo mais atrativo para os usuários. Como fazer isso? É possível encontrar imagens em fontes como Unsplash. Lá, é possível pesquisar pelo tema desejado, selecionar a imagem, copiar o endereço e utilizá-la no site.
Etapas
1. Buscar o tema desejado
Acesse o site https://unsplash.com/. Pesquise por qualquer tema de interesse.
2. Selecionar a imagem
Encontre a imagem que mais lhe agrada e clique nela.
3. Copiar o endereço da imagem
Para copiar o endereço da imagem, clique com o botão direito sobre a imagem e selecione "Copiar endereço da imagem" no menu contextual.
4. Uso da imagem
É possível colar o endereço copiado no atributo src da imagem para adicionar a imagem selecionada ao site. Recomenda-se também especificar a largura da imagem para garantir um bom ajuste ao site. Além disso, pode-se fornecer um conteúdo descritivo para o atributo alt ou utilizar o título do artigo para o alt da imagem.
Exemplo:
index.html
Resultado
index.html
index.css
Estado do Site
Tutorial em Vídeo
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
How do I add an image to my website using the copied address?
Can you explain how to set the width and alt attributes for the image?
What should I do if the image doesn't display correctly on my website?
Awesome!
Completion rate improved to 5Encontrando e Adicionando Imagens
Deslize para mostrar o menu
Objetivo
Adicionar imagens ao site para torná-lo mais atrativo para os usuários. Como fazer isso? É possível encontrar imagens em fontes como Unsplash. Lá, é possível pesquisar pelo tema desejado, selecionar a imagem, copiar o endereço e utilizá-la no site.
Etapas
1. Buscar o tema desejado
Acesse o site https://unsplash.com/. Pesquise por qualquer tema de interesse.
2. Selecionar a imagem
Encontre a imagem que mais lhe agrada e clique nela.
3. Copiar o endereço da imagem
Para copiar o endereço da imagem, clique com o botão direito sobre a imagem e selecione "Copiar endereço da imagem" no menu contextual.
4. Uso da imagem
É possível colar o endereço copiado no atributo src da imagem para adicionar a imagem selecionada ao site. Recomenda-se também especificar a largura da imagem para garantir um bom ajuste ao site. Além disso, pode-se fornecer um conteúdo descritivo para o atributo alt ou utilizar o título do artigo para o alt da imagem.
Exemplo:
index.html
Resultado
index.html
index.css
Estado do Site
Tutorial em Vídeo
Obrigado pelo seu feedback!
