Depois de tentar várias soluções prontas para usar, que não exigiam nenhum conhecimento do assunto, você decidiu tentar criar um site na internet "sujando a mão" com o códigoHTML. Você é muito apaixonado por isso, mas há algumas coisas que você ainda não conseguiu entender.

Por exemplo, você gostaria de obter alguns esclarecimentos sobrecomo inserir uma imagem em HTML, quais são os parâmetros corretos a serem usados ​​para formatar o código e quais informações podem ser inseridas no último. Bem, saiba que você veio ao lugar certo na hora certa. Não perdemos mais tempo e imediatamente vemos tudo o que precisamos saber sobre a inserção de fotos em sites e blogs da Internet usando código HTML.

Para entender como inserir uma imagem em HTML, você deve se certificar de que você sabe um conceito-chave: as imagens que você vê nas páginas da Web de sites, blogs e fóruns não são incorporadas neste último, mas são chamados a partir de locais externos. Isso significa que cada foto deve ter um endereço exclusivo ao qual o usuário pode se referir para usá-la on-line.

O endereço de uma imagem é composto desta forma: no início, há o endereço do espaço da web no qual ele está hospedado (por exemplo, ar ) e, em seguida, c ' é o nome da imagem de extensão completa (por exemplo,Immagine.jpg). O endereço direto de uma imagem na Web deve, portanto, ter uma composição do tipoimmagine.jpg.Neste ponto, você estará se perguntando, mas como você se lembra do endereço de uma imagem em uma página da Web, para tornar a foto visível para o público? Nada poderia ser mais simples. Basta usar a tag img seguida pelas palavras src = e o endereço da imagem a ser inserida na página entre aspas. Continuando com o exemplo acima, você deve usar a seguinte formatação:

Agora você sabe como inserir uma imagem em HTMLusando o código básico, mas você pode adicionar outras variáveis ​​para especificar o tamanho, alinhamento e espaçamento das fotos no contexto das páginas em que estão inseridos.Para alinhar uma imagem no centro, esquerda, direita, para cima ou para baixo da página, você tem a fazer é usar o formato que acabamos de ver juntos e adicionar-lhe o align = variável

seguido pelo tipo de disposição que você deseja levar para a foto. Aqui está um exemplo:Com esse código, temos alinhado a imagem no centro (Centro valor

), mas, na verdade, você pode usar muitos outros tipos de variáveis ​​para align: leftalinha as imagens à esquerda;

direitaalinha as imagens à direita;bottomtem a foto no canto inferior direito da primeira linha do texto;do meiotem a foto na parte central à direita da primeira linha do texto;topotem a foto no canto superior direito da primeira linha do texto.Como mencionado acima, através do código HTML você também pode redimensionar imagens (visualmente apenas, sem modificar o arquivo original) e especificar o espaçamento que devem ter comparado aos outros elementos que compõem a página da Web na qual eles estão inseridos.Para indicar as dimensões que devem ter uma imagem, você tem que usar as variáveis ​​largura e altura

especificando os valores de pixels, enquanto que para o espaçamento que você precisa para usar a voz hspace

para indicar o espaçamento horizontal evspacepara indicar o espaçamento vertical. Aqui está um exemplo de uma foto de 300 × 200 pixels com um espaçamento vertical e horizontal de 20 pixels:Finalmente, vamos ver como associar um linka uma imagem, de modo que clicar nela será redirecionado para uma página ou site específico, e como inserir uma descrição de texto da foto a ser reproduzida caso isso não possa ser feito. exibido corretamente (por exemplo, para erros do servidor ou para excluir a foto do local original).Para adicionar uma conexão à Internet a uma imagem, não é necessário prefixar o códigoa href =seguido pelo endereço do site para vincular ao código da imagem e inserir a marca

parano final do código. Aqui está um exemplo onde a imagem que usamos até agora para o nosso exemplo liga o endereço s www.sitodalinkare.com:

Em relação à descrição textual, o último é adicionado à imagem usando o códigoaltque deveria ser usado assim:Eu diria que isso é tudo! Agora você conhece todas as regras básicas para inserir uma imagem em HTML em blogs e sites. É preciso muito pouco para aprendê-las, visto? E a partir daqui você pode aprofundar o tópico descobrindo muitas outras funções que podem ser exploradas usando HTML. Divirta-se!