Um codificador de página da Web usa a linguagem de marcação de hipertexto para informar ao navegador da Web a finalidade funcional de cada elemento em uma página, como um parágrafo, título ou lista. Desde o HTML 4, as Folhas de Estilo em Cascata fornecem ao codificador uma maneira de informar ao navegador como cada um desses elementos deve ser, além de definir o que eles são. Uma página pode ter diferentes estilos CSS para diferentes tipos de dispositivos, como telefones celulares e computadores desktop, permitindo que a aparência da página seja alterada sem que o codificador precise alterar o HTML. Use propriedades CSS para centralizar uma imagem.

Etapa 1

Coloque a tag "img" no arquivo HTML onde você deseja que sua imagem seja exibida na página da Web. Deve estar entre as tags "body" e após as tags "h1". Por exemplo,

Este é o seu texto.

define uma imagem chamada photo.jpg com 170 pixels de largura e 50 pixels de altura. É a primeira coisa na página após o título superior.

Etapa 2

Use o atributo CSS "margem" para definir o espaço ao redor dos elementos da página, como imagens. O valor "auto" para o atributo margin informa ao navegador da Web para determinar automaticamente a quantidade de espaço. Então, define que o espaço ao redor da imagem é determinado pelo navegador.

Etapa 3

Use a propriedade "display" para definir como um elemento de página é exibido. O valor "block" para a propriedade display informa ao navegador da Web para exibir o elemento em sua própria linha, com espaço acima e abaixo dele. Então, define a mesma imagem, mas a adição de "display:block;" agora o coloca em sua própria linha.

Etapa 4

Visualize a página da Web em vários navegadores diferentes para verificar se a imagem está centralizada corretamente.

Dica

Inclua a descrição da imagem em uma tag "alt". Isso torna sua página mais acessível para leitores com deficiência visual e garante que seu código esteja em conformidade com os padrões.

• Como funcionam os alto-falantes sem fio?
• Como alterar meu endereço de correspondência com os correios

• Como exibir um arquivo PDF em uma página da Web HTML
• Como traduzir uma página da Web usando o idioma do Google
• Como criar uma página da Web
• Como adicionar um banner usando programação HTML
• Como centralizar um documento no Microsoft Excel

• Como converter uma imagem em código HTML
• Como inserir uma imagem com HTML
• Como criar uma página HTML em branco
• Como justificar texto em HTML
• Como centralizar um Iframe