Images · Imagens
This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version. · Esta página precisa de um navegador recente (com suporte a SharedArrayBuffer). Por favor, atualize Chrome, Edge, Firefox ou Safari para a versão mais recente.
English
Images
- Show a picture with the
<img>tag. <img>is a single tag — no closing tag, like<br>.- It needs two attributes:
src(where the picture is) andalt(a description).
Português
Imagens
- Mostre uma imagem com a etiqueta
<img>. <img>é uma etiqueta única — sem etiqueta de fechamento, como<br>.- Precisa de dois atributos:
src(onde a imagem está) ealt(uma descrição).
<img src="/static/code/web-basics/cat.svg" alt="A cartoon cat">
English
Why alt text matters
altis text that describes the picture.- It shows if the image cannot load, and screen readers read it aloud.
- Always add a short, clear
alt— it makes your page kinder to everyone.
Português
Por que o texto alt importa
alté texto que descreve a imagem.- Ele aparece se a imagem não carregar, e leitores de tela o leem em voz alta.
- Sempre adicione um
altcurto e claro — isso torna sua página mais acessível para todos.
English
Common mistakes
- An image needs
src(the file) andalt(a description). <img>has no separate closing tag.
Português
Erros comuns
- Uma imagem precisa de
src(o arquivo) ealt(uma descrição). <img>não tem etiqueta de fechamento separada.
English
Now you try
- The picture lives at
/static/code/web-basics/cat.svg. - Show it, then add
alttext to an image.
Português
Agora você tenta
- A imagem vive em
/static/code/web-basics/cat.svg. - Mostre-a, depois adicione texto
alta uma imagem.
Show the cat picture. Add an <img> with src="/static/code/web-basics/cat.svg". · Mostre a foto do gato. Adicione um <img> com src="/static/code/web-basics/cat.svg".
This image has no description. Add an alt attribute that describes it, like alt="A cartoon cat". · Esta imagem não tem descrição. Adicione um atributo alt que a descreva, como alt="A cartoon cat".