Como Aumentar O Tamanho De Uma Imagem Em Html

Índice:

Como Aumentar O Tamanho De Uma Imagem Em Html
Como Aumentar O Tamanho De Uma Imagem Em Html

Vídeo: Como Aumentar O Tamanho De Uma Imagem Em Html

Vídeo: Como Aumentar O Tamanho De Uma Imagem Em Html
Vídeo: COMO AJUSTAR O TAMANHO DA IMAGEM AUTOMATICAMENTE NO HTML CURSO HTMLCSSJS 2024, Novembro
Anonim

Você pode alterar o tamanho da imagem exibida na página, especificando os atributos apropriados para a tag

que é responsável por mostrar os gráficos na página HTML. Aumentar ou diminuir é feito por meio dos atributos de largura e altura.

Como aumentar o tamanho de uma imagem em html
Como aumentar o tamanho de uma imagem em html

Insira uma imagem

Antes de editar, adicione uma imagem à página especificando tags

… Para editar um documento HTML, você precisa abrir a página em qualquer editor de texto. Clique com o botão direito no arquivo e selecione o atributo "Abrir com" - "Bloco de notas". Você também pode especificar qualquer outro editor que seja mais conveniente para você usar para alterar o código.

Vá para a seção do documento e encontre a tag

… Se a imagem ainda não foi adicionada à página, digite o seguinte código:

O caminho para o arquivo de imagem pode ser relativo ou absoluto. O atributo alt="Image" é responsável pelo nome da imagem e pela adição de uma legenda, que será exibida quando o ponteiro do mouse estiver sobre a imagem.

Mudança de tamanho

Para ampliar a imagem, defina os parâmetros apropriados de largura e altura adicionando atributos à tag da imagem:

O parâmetro largura corresponde à largura da imagem, e altura contém o indicador da altura da imagem. Neste caso, ao abrir a página, será exibida na janela do navegador uma imagem com 300 pixels de largura e 350 pixels de altura. Você também pode adicionar os atributos hspace e vspace para alterar as configurações de formatação na página:

Neste descritor, as margens horizontais (hspace) e verticais (vspace) da imagem foram especificadas. Qualquer texto adicionado à página será espaçado 5 pixels horizontalmente da imagem e 10 pixels verticalmente. O atributo border é responsável por criar uma borda de 1 pixel ao redor da imagem.

Deve-se notar que o tamanho da imagem pode ser definido não apenas em pixels, mas também como uma porcentagem em relação ao tamanho da janela do navegador. Por exemplo:

Como resultado do trabalho desse código, a imagem será esticada por toda a largura da janela. É importante notar que a imagem neste caso pode ficar distorcida. A exibição ampliada da imagem depende da qualidade da própria imagem.

Salve as alterações feitas usando a função "Arquivo" - "Salvar" da janela "Bloco de notas". Verifique a exibição da imagem na janela do navegador abrindo o arquivo HTML clicando com o botão direito e escolhendo a opção "Abrir com". Na lista de opções propostas, selecione o programa que você usa para navegar na Internet. Você pode editar o arquivo HTML quantas vezes quiser para ajustar o tamanho da imagem.

Recomendado: