Tutorial para iniciantes #03 - Alinhar imagem, espaçamento e mais
Olá pessoal! Tudo bem com vocês?
Neste terceiro tutorial irei trazer para vocês algumas dicas como alinhar as imagens tanto para direita quanto para esquerda e centralizado + códigos HTML essenciais para nossos posts.
Para quem está iniciando e quer deixar seu post mais limpo e bem apresentável, nós usamos alguns artifícios e aqui veremos: como deixar mais espaço, como justificar um texto e como colocar links direto de imagens. Talvez você poderá perceber que eu trouxe novamente aqui alguma dica, mas como recordar é viver então não tem problema. E chega de papo e vamos para a ação!
Alinhando as imagens
Colocando esses códigos:
lado direito
<div class="pull-right">Sua imagem aqui</div>lado esquerdo
<div class="pull-left">Sua imagem aqui</div>
centralizado
<center>Sua imagem aqui</center>
Agora vamos centralizar a imagem:
Justificar texto
É muito importante visualmente um texto bem dinâmico e bem organizado. Com blocos e deixando um espaço para cada parágrafo. Vamos saber como se faz:
<div class=text-justify>
Seu texto aqui
</div>
Colocando espaço entre os textos
Por mais que você aperte no enter não consegue o espaço que tanto deseja. Seus problemas acabaram:
1 espaço
Seu texto aqui<br>Seu texto aqui
Seu texto aqui
Seu texto aqui
2 espaços
Seu texto aqui
<br>
<br>
Seu texto aqui
Seu texto aqui
Seu texto aqui
3 espaços
Seu texto aqui
<br>
<br>
<br>
Seu texto aqui
Seu texto aqui
Seu texto aqui
Colocando link direto em imagens/gifs
Lembrando que ainda coloco o
<center> e o </center> para centralizar suas(eus) imagens/gifs para ficarem mais organizadas então coloque assim:[sua imagem](o link da imagem)
Para essa imagem ele fica desse jeito:
<center>[](https://pixabay.com/pt/coiote-vida-selvagem-natureza-948817/)</center>
Ficamos por aqui pessoal e espero que eu tenha te ajudado, comente aí se gostou e se possível dê um upvote!
Fonte de imagem 1/design @coyotelation - imagem 2
Acompanhe as publicações anteriores
#pt é a nossa tag
Clique na imagem/gif para conhecer os projetos que apoiam nossa comunidade
@coyotelation Muito bom! Como você está colocando o index na base do post, é só substituindo nos favoritos. ;D
Excelente trabalhando sem sombra de dúvida!
haha.. valeu @nascimentoab. O que dá pra melhorar irei sempre compartilhar e valeu pela presença!
Sem dúvida, vou experimentar. Obrigado pela ajuda, amigo!
Eu que agradeço! Abraço!
Me ajudou muito obrigado!
Valeu! Tamu junto!
Boas dicas. Um bocadinho de HTML para todos :)
hahaha valeu! Sempre é bom!
Parabéns, seu post foi votado e compartilhado pelo projeto Brazilian Power, cuja meta é incentivar a criação de mais conteúdo de qualidade, conectando a comunidade brasileira e melhorando as recompensas no Steemit. Obrigado!
Obrigado! Vamos em frente!
Congratulations @coyotelation! You have completed some achievement on Steemit and have been rewarded with new badge(s) :
Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here
If you no longer want to receive notifications, reply to this comment with the word
STOPUhul! Menos uma bloqueada!
Muito bom cara, aposto que isso vai ajudar um monte de gente, e na real, que não vejo problema em se repetir certos conceitos, o importante é estarem expressados de diversas formas, podendo assim serem entendidos por uma variedade maior de pessoas, tem que veja algo simples e consiga executar, tem quem precise de exemplos, outras pessoas precisam de ouvir, de assistir, enfim, o importante é o compartilhamento desse conhecimento em todas as formas, e bom ver que tem quem faça isso!! Grato por compartilhar com a gente isso!!
Obrigado pela força Paulo! Sempre bom compartilharmos nossos conhecimentos aqui. Valeu!
Opa, de nada!! É essa a meta!! Grato pela resposta!!
Muito bom! Tem coisa que eu nem sabia e vai me ajudar bastante aqui!
Vai sim Paixão, arrocha!
Legal essas dicas, a de justificar estava atrás esses dias! Me ajudou, obrigada. Só uma dica que talvez seja bom para acrescentar no seu post. Como vc já está na terceira postagem sobre o assunto, acho que pode ser bom colocar o link das últimas no fim do texto.
Se eu te disser que eu iria fazer isso Letícia! hahahaha... mas como você percebeu eu não coloquei! Vou providenciar! Obrigado! :D
Simples, direto e muito útil. Um post para referência em todas as horas. Obrigado por compartilhar!
Valeu @aldenio! Sempre em prol da comunidade! Obrigado!