Ir para o conteúdo

🌐 Inserindo Hyperlinks e Imagens 💡

Atualmente, inserir hyperlink e imagens um arquivo é algo bem comum. Assim, esta página dedica-se a apresentar alguns exemplos de como podemos realizar este processo em arquivos markdown.

Para adicionar um hyperlink podemos utilizar a seguinte estrutura:

Sintaxe :
[Texto que será utilizado como *hyperlink*](URL)

Vejamos um exemplo:

Exemplo :
[Meu site](https://luisrodrigoog.github.io/)

O código acima deve produzir uma saída semelhante à

Saída :

Meu site

Ao passar o mouse sobre o texto Meu site percebemos que temos um hyperlink para o endereço https://luisrodrigoog.github.io/

📚 Imagens

Para adicionar uma imagem podemos utilizar a seguinte estrutura:

Sintaxe :
![Texto que será carregando quando a imagem não puder ser carregada](localização da imagem)

Vejamos um exemplo:

Exemplo :
![Banner](../../img/barra-mkdocs-002.jpg)

O comando anterior deve gerar um resultado semelhante ao apresentado abaixo:

Saída :

Banner

Caso a imagem não possa ser carregada será exibida a mensagem entre os colchetes, ou seja será apresentado >>ERRO<<.

Exemplo :
![>>ERRO<<](../../img/barra-mkdocs-002-erro.jpg)

O resultado obtido com o código acima será:

Saída :

>>ERRO<<

Para adicionar uma imagem que funcionará como um hyperlink, podemos utilizar a seguinte estrutura:

Sintaxe :
[![Texto que será carregando quando a imagem não puder ser carregada](localização da imagem)](URL)

Vejamos um exemplo:

Exemplo :
[![Banner](../../img/banner-lnx-002.jpg#center)](../../lnx_sistema/)

O comando anterior deve gerar um resultado semelhante ao apresentado abaixo:

Banner

Passando o mouse sobre a imagem acima podemos perceber que ela funciona como um hyperlink


Última atualização: 31 de outubro de 2020

Comentários