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.
