Adicione imagens no Markdown e modifique o tamanho da imagem
Para adicionar imagens no Markdown:
A sintaxe é dada abaixo.
![ALT TEXT] (caminho do nome da imagem/imagem com extensão "Texto que mostra quando o MouseOver")Para modificar o tamanho da imagem em Markdown:
Para modificar o tamanho da imagem em Markdown, utilizamos a tag "" do HTML. Somente esta tag ajuda a modificar o tamanho da imagem em Markdown e a sintaxe desta tag "" é dada abaixo.
Podemos alterar o tamanho da imagem definindo os valores de largura e altura em números, bem como em porcentagens. Também podemos usar o atributo de estilo nesta tag "" para modificar o tamanho da imagem em Markdown.
Exemplo # 01:
Usamos o código do Visual Studio para executar os códigos de remarca. Para os códigos de marcação, temos que abrir o editor de texto e a janela de visualização. No editor de texto, precisamos adicionar a entrada e a saída é obtida na janela de visualização. No editor de texto, primeiro adicionamos a imagem em Markdown, colocando o “!”Símbolo e adicione colchetes quadrados nos quais adicionamos“ texto alt ”. Agora, estamos adicionando o caminho da imagem.
Entramos no nome da imagem com sua extensão porque o código e a imagem são salvos no mesmo diretório. Então, apenas adicionamos o nome aqui que é “nuvem.png ”. Em seguida, adicionamos o texto que é "imagem em nuvem" e este é o texto que mostra apenas quando o mouseOver. Agora, a imagem é adicionada e também podemos ver esta imagem na janela de visualização.
A imagem da nuvem é mostrada abaixo, pois adicionamos esta imagem no código de marcação que é exibido acima.
Exemplo # 02:
Agora, estamos modificando o tamanho desta imagem usando a tag "". Primeiro, entramos no "src" no qual o nome ou caminho da imagem é adicionado. Depois disso, colocamos "alt" e ajustamos a "imagem da nuvem". Ajustamos a "largura" da imagem para "230". A "altura" é ajustada para "300". Também adicionamos o "título" nesta tag "" e o valor desse "título" é "título da nuvem". Agora, o tamanho da imagem é modificado. Você pode ver o tamanho modificado da imagem na janela de visualização.
O tamanho da imagem neste resultado é modificado e a "largura" da imagem é "230" e a "altura" é "300". Isso ocorre porque ajustamos esta largura e altura no código de marcação.
Exemplo # 03:
Também podemos modificar a imagem "largura" e "altura", colocando seus valores em porcentagens. Depois de adicionar o nome ou caminho da imagem e ajustar o "alt" à "imagem da nuvem", definimos a "largura" e a "altura" da imagem para "50%". Em seguida, adicione o "título" e feche esta tag.
Aqui está a imagem cujo tamanho é modificado usando a tag "". A altura da imagem, assim como a largura, são "50%".
Exemplo # 04:
Agora, estamos utilizando o atributo "estilo" nesta tag "" para modificar o tamanho da imagem em Markdown. Devemos adicionar o nome da imagem e depois o atributo "alt". Depois disso, colocamos o atributo "estilo" e adicionamos "largura e altura" como seus valores. A "largura" que definimos está em pixels, que é "500px" e a "altura" é "400px". Agora, o tamanho da imagem vai ajustar de acordo.
O tamanho da imagem neste resultado foi atualizado; Sua "largura" é agora "500px" e sua "altura" é "400px". Isso é visível como resultado do código de marcação que é fornecido acima, onde ajustamos a largura e a altura no atributo de estilo.
Exemplo # 05:
Estamos adicionando outra imagem. Mas neste código de marcação, não alteramos o tamanho da imagem. O tamanho da imagem é alterado apenas quando utilizamos a tag "". Nós colocamos o “!”E então adicione o texto dentro dos suportes quadrados, que é a“ imagem do sol ”. Depois de fechar os colchetes, colocamos os parênteses nos quais inserimos o nome da imagem “new_sun.png ”e depois adicione o texto que será exibido no MouseOver. O tamanho original da imagem será exibido no resultado.
A imagem do sol é mostrada quando adicionamos esta imagem no código de marcação. Além disso, o tamanho original da imagem é visível porque não podemos ajustar o tamanho da imagem sem usar a tag "".
Exemplo # 06:
Ao empregar a tag "", agora estamos mudando o tamanho desta imagem. Primeiro, adicionamos o nome ou caminho da imagem cujo tamanho queremos modificar no campo "SRC". A “largura” e “altura” da imagem foram alteradas para “300”. O tamanho da imagem agora mudou. A janela de visualização mostra o novo tamanho da imagem.
A largura e a altura da imagem foram modificadas para "300".
Exemplo # 07:
Ao definir os valores de "largura" e "altura" da imagem em porcentagens, podemos alterar facilmente essas dimensões. Nós dois ajustamos a “largura” e “altura” da imagem para “40%” e depois fechamos esta tag.
Aqui está a imagem com 40% de altura e também 40% em sua largura. Adicionamos essa largura e altura dentro da tag "" depois de adicionar o nome da imagem.
Exemplo # 08:
Agora, estamos usando o atributo "estilo" na tag "" para alterar o tamanho da imagem em Markdown. Adicionamos "largura e altura" como os valores ao atributo "estilo" depois de adicionar o nome da imagem e o atributo "alt". A "largura" que especificamos é "450px", enquanto a "altura" também é ajustada para "450px.”O tamanho da imagem agora mudará adequadamente de acordo com esses novos valores de largura e altura.
Agora, o resultado deste código também é mostrado na janela de visualização que é exibida abaixo. Tanto a largura quanto a altura desta imagem agora são "450px" neste resultado abaixo.
Conclusão:
Exploramos o conceito de adicionar imagens em detalhes neste guia e também exploramos como modificar o tamanho da imagem em Markdown também. Adicionamos as imagens em Markdown e modificamos seu tamanho com a ajuda da tag "" e mostramos como fazer tudo isso no Markdown. Mudamos o tamanho da imagem, colocando os valores de largura e altura em números, bem como em porcentagens. Também utilizamos o atributo de estilo na tag "" para atualizar ou modificar o tamanho da imagem em Markdown.