Programação  
 
Conhecimento computador >> Programação >> Programação De Computador Idiomas >> 
Como centralizar uma imagem usando programação HTML
Um codificador página Web utiliza Hypertext Markup Language para dizer ao browser a finalidade funcional de cada elemento em uma página , como um parágrafo , dirigindo ou lista. Desde HTML 4 , Cascading Style Sheets ter fornecido o codificador com uma maneira de dizer ao navegador como cada um desses elementos deve olhar , separado de definir o que são. A página pode ter diferentes estilos CSS para diferentes tipos de dispositivos, como telefones celulares e computadores de mesa , permitindo o aparecimento página para alterar o codificador sem a necessidade de alterar o código HTML . Use as propriedades CSS para centralizar uma imagem. Instruções
1

Coloque a tag " img " no arquivo HTML onde você quer que sua imagem para exibir na página da Web . Ele deve estar entre as marcas "corpo" e depois as tags " h1" . Por exemplo,


Este é o seu texto.

 a descrição da imagem


define uma imagem com o nome foto.jpg que é de 170 pixels de largura e 50 pixels de altura. É a primeira coisa na página após o topo título .
2

Use a "margem " atributo CSS para definir o espaço em torno de elementos de página, como fotos. O valor "auto" para o atributo margem informa ao navegador Web para determinar automaticamente a quantidade de espaço . Então , Uma descrição do picture style="margin:auto;" define que o espaço ao redor da imagem é determinada pelo navegador.
3

Use a propriedade "display " para definir como um elemento de página é exibida. O valor " bloco " 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 ,  A descrição da imagem define a mesma imagem , mas a adição de . "display : block; " agora coloca -lo em sua própria linha
4

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

Anterior :

Próximo : No
  Os artigos relacionados
·Tipos de Sessões do WCF 
·Como criar um EXE de um morcego File 
·Como Pular uma linha em MATLAB 
·Como encontrar os registros duplicados em uma tabela 
·Como atualizar um tempo de espera em um Jquery Progress…
·O que é uma classe ActiveX 
·Como instalar o Dolphin Just Host 
·Como posso abrir um arquivo EPR ​​at Home 
·Como adicionar uma quebra de linha em um String 
·Como obter linhas de DataGrid em JavaScript 
  Artigos em destaque
·Como fazer Int Parte C + + Cordas 
·Como criar texto de rolagem em HTML 
·O que é um ponto de interrupção de exceção 
·Como reinstalar o Grub Bootloader 
·Como executar um processo em um PC remoto com o WMI 
·O que é uma matriz esparsa em MATLAB 
·Como criar TCP /IP pacotes de código em C Programaçã…
·Microsoft C Certificação da Sharp 
·Como matar ou DELETE em VB6 
·Como compilar um CPP em DOS 
Cop e direita © Conhecimento computador https://ptcomputador.com Todos os Direitos Reservados