Como Incorporar Uma Imagem Em Um Site Usando Html

Índice:

Como Incorporar Uma Imagem Em Um Site Usando Html
Como Incorporar Uma Imagem Em Um Site Usando Html

Vídeo: Como Incorporar Uma Imagem Em Um Site Usando Html

Vídeo: Como Incorporar Uma Imagem Em Um Site Usando Html
Vídeo: Como INSERIR IMAGEM no HTML - COMPLETO!!!! Passo a Passo! 2024, Novembro
Anonim

Os artigos na Internet parecem secos e incompletos se o texto não for diluído com mídia adicional. A decoração mais simples e acessível de uma postagem de blog ou site é uma ilustração com imagem. Ele pode ser publicado usando tags especiais.

Como incorporar uma imagem em um site usando html
Como incorporar uma imagem em um site usando html

É necessário

  • - acesso à internet;
  • - foto.

Instruções

Passo 1

Acredita-se que a publicação direta de imagens armazenadas em um computador seja possível. Este é um erro: se o seu computador não for um servidor 24 horas, 7 dias por semana, a imagem não será exibida na mensagem.

Passo 2

Faça upload da imagem em um armazenamento especial, como Yandex.fotka ou Ipicture.ru. É importante que o arquivo esteja visível e sempre online. Abra a imagem na página do site de destino e copie o URL da linha correspondente.

etapa 3

Comece a redigir sua mensagem no modo HTML. Insira as seguintes tags:. No lugar do passe, cole o endereço copiado do arquivo gráfico.

Passo 4

Verifique a inserção correta no modo de visualização. O arquivo deve ser exibido na janela em seu tamanho original. Se não houver imagem, verifique a precisão do endereço inserido.

Etapa 5

Se você carregou uma imagem grande e deseja exibi-la em escala, ajuste as marcas. Após as aspas de fechamento, insira a tag width = ou height = e, em seguida, o tamanho desejado em pixels. Por exemplo:. Neste caso, você obterá uma imagem orientada verticalmente com uma altura de 800 pixels.

Etapa 6

Ao estilizar com as seguintes marcas, o tamanho não é ajustado, mas um quadro aparece ao redor da imagem:. A cor da moldura é vermelha, a espessura é de 5 pixels. Altere as opções apropriadas para corresponder às cores e tamanhos desejados.

Recomendado: