Como inserir uma imagem em html? Instruções detalhadas

Nós diremos sobre o que é html e comoInsira a imagem em html. Então, para explicar o que é, devemos dizer que ao visitar os recursos da Internet, você observa constantemente o resultado de seu trabalho, porque todas as páginas, sites consistem em elementos criados com a ajuda de html.

O que é isso? O nome abreviado html significa HyperText Markup Language, a linguagem de marcação de hipertexto. Este idioma permite que você execute transições de um texto para outro, e essas peças podem ser armazenadas como em um computador e em diferentes, localizadas mesmo em diferentes lados do planeta. Com a ajuda da codificação, é possível organizar a colocação de textos, imagens, arquivos de vídeo, tabelas e vemos páginas de internet facilmente localizadas, facilmente vistas e legíveis.

O HTML não se aplica a linguagens de programação, porqueFoi criado apenas para marcar as páginas da Internet. É ele quem dá um comando especial aos nossos navegadores que exibem o que é passado nas informações do código. Os navegadores de internet de diferentes empresas podem reconhecer de forma diferente os dados do código html. Ao criar páginas, você deve visualizar seu trabalho em navegadores mais populares, como Mozilla, IE e Opera.

As partes constituintes do código são as chamadastags. Eles consistem em nomes que possuem um certo significado (cor, largura, altura, fonte específica, localização, etc.). Isso se aplica tanto ao texto quanto ao vídeo, arquivos de áudio ou imagens adicionadas a ele.

Como inserir uma imagem no html - esta questão pode interessar muitas pessoas que estão começando a aprender esta linguagem de marcação para trabalhar no site. Vamos dizer-lhe em detalhes como fazê-lo direito.

Para inserir uma imagem em html, precisamos de várias etiquetas importantes e um link para a imagem desejada.

O código HTML permite o uso de arquivos de imagem de tipos como JPEG, GIF, PNG. Queremos notar que o elemento IMG - a imagem não possui uma tag de fechamento.

Como é que o código HTML padrão parece adicionar uma imagem ao texto?

Aqui, então:

<img src = "/ images / link to picture" Nome da imagem </ a>

Descrevemos os dados desse código. Como você já sabe, img é uma designação de imagem. É seguido pelo parâmetro obrigatório src - este é um elemento apontando para o endereço, o URL da imagem a ser adicionada. Observe que o link para a imagem é colocado estritamente entre aspas, então o próximo local para o nome da imagem. Você pode pensar nisso mesmo, se não for indicado pelo autor. A imagem html é fechada pela tag de fechamento -, que fecha o código.

Aqui, os especialistas que criam umpágina, decidir a questão de como inserir uma imagem para html. Para complementar o conhecimento adquirido neste campo, vamos apresentá-lo com mais alguns elementos de um código HTML que você pode achar útil para o processo de adicionar fotos.

Para que sua imagem sejaum determinado lugar na página web, é necessário especificar a sua localização. Para fazer isso, precisamos de um elemento ALIGN, ao qual devemos adicionar algumas dessas opções - esquerda, direita, centro (esquerda, direita, centro) e outras. Isso já será feito a seu critério.

E se precisarmos colocar uma imagem na tabela, como usar o html? Como inserir uma foto em uma tabela?

Será parecido com isto:

<TABELA BORDER = 1>

<TR>

<TD>

<img src = "/ images / link to picture" Nome da imagem </ a>

</ TD>

</ TR>

</ TABLE>

Aqui vale a pena descrever tags desconhecidas para você.

TABELA - significa uma tabela que, como você pode ver, noo começo abre e no final tem uma tag de fechamento. é a localização da linha da tabela e é a célula da nossa tabela. Eles podem ser qualquer número. Essas duas tags também podem ser fechadas. O link é atualmente um item na célula da tabela.

BORDER é um parâmetro para a largura do quadro, que é indicado em pixels.

Agora você sabe não só o segredo de como inserir uma imagem em html, mas também como usar os elementos desta linguagem para colocar a imagem que você selecionou na tabela - o quadro.