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.
Links¶
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 :
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 :
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 :
Imagens como Links¶
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:
Passando o mouse sobre a imagem acima podemos perceber que ela funciona como um hyperlink