Como Centralizar uma Imagem em HTML

O alinhamento de imagens é uma parte importante da programação de páginas da internet. Infelizmente, conforme os métodos de programação evoluem, algumas tags HTML caem em desuso e deixam de ser reconhecidos pelos navegadores. Para centralizar uma imagem em HTML, experimente os métodos abaixo. Caso eles não funcionem, pode ser uma boa ideia trocar para o Cascading Style Sheets (CSS).

Método 1

Método 1 de 2:

Alinhando no texto

Baixe em PDF

Na programação em HTML, você pode alinhar textos com “center”, mas, para imagens, é preciso usar a palavra “middle”. Como uma imagem não é um elemento em linha, ela deve ser identificada a partir da relação com os outros elementos.
Insira uma tag de parágrafo para indicar o começo de uma nova linha. Comece a tag com <p> e digite o texto.
3
Para inserir a imagem, digite <img src=”Nomedaimagem.gif”. Em seguida, digite alt=”descrição da imagem” para inserir a descrição da imagem.
- O código “src” informa a URL da imagem ao site.
- Já a seção “alt” informa o título da imagem.
Digite align=”middle”> no fim da parte da tag referente à imagem.^{[1]XFonte de pesquisa}
Depois, feche a tag com </p>. Uma tag inteira ficaria mais ou menos assim: <p>Estamos aprendendo a usar HTML. <img src=”dancingdogpicture.gif” alt=”dancing dog” align=”middle> O exemplo terminou. </p>.
Publicidade

Método 2

Método 2 de 2:

Alinhando em uma tag de centralização

Baixe em PDF

Você pode inserir a imagem dentro do elemento centralizado, mas isso vai criar um espaço extra em volta do elemento.
Centralize o elemento logo no começo. Digite <center>.
Digite <img src=”cachorrodançando.gif” alt=”cachorro dançando”.
Digite height=”200”width=”200”>, ou insira os valores que você desejar. Essa é a última parte do pedaço da tag referente à imagem.
Uma tag inteira ficaria mais ou menos assim:
<center><img src=”imagemdecachorrodançando.gif” alt=”cachorrodançando” height=”200” width=”200”></center>.^{[2]XFonte de pesquisa}
Publicidade

Avisos

Lembre-se de que tanto a tag de alinhamento quanto a de centralização podem ficar defasadas e não serem mais usadas no futuro. Embora isso não tenha uma data certa para acontecer, eventualmente, os navegadores vão parar de reconhecê-las e você terá que atualizar o site para CSS ou HTML5.