[GUIA] HTML no DA

4 min read

Deviation Actions

ArtistasBRASIL's avatar
Published:
25.3K Views
Ave! :iconkittydividerredplz:

Talvez você já saiba o que é HTML, o código utilizado para que as páginas de internet sejam exibidas pelos navegadores. Mas você sabe o que você pode fazer com o HTML no DA? É claro que há uma limitação, você não pode utilizar todos os códigos existentes de HTML para fazer alguma modificação, pois isso poderia "quebrar" a página entre outras coisas ruins. Por isso, alguns códigos são bloqueados, mas há outros que você pode utilizar para deixar seu texto mais bonito, seja em um journal, no note, nos comentários, na assinatura... Mas saiba que, mesmo assim, há alguns códigos HTML que podem ser usados no DA que não funcionam em alguns lugares. Por exemplo, você pode inserir uma imagem em um journal, mas não pode fazer o mesmo em um comentário.

Vamos ver quais os códigos HTML que funcionam no DA e o que eles fazem.

RETIRE OS ESPAÇOS QUE ESTÃO EM SEGUIDA DE < PARA QUE O CÓDIGO FUNCIONE!


:bulletred: Formatação de textos


Escreva em negrito/bold:
< b>VOCÊ ESCREVE O TEXTO AQUI</b>



Escreva em itálico:
< i>VOCÊ ESCREVE O TEXTO AQUI</i>



Escreva em sublinhado/underline:
< u>VOCÊ ESCREVE O TEXTO AQUI</u>



Escreva em sublinhado com pontinhos:
< acronym title="">VOCÊ ESCREVE O TEXTO AQUI</acronym>

- Você pode escrever alguma coisa entre as aspas de title, esse texto irá surgir quando a pessoa passar o mouse sobre o texto que estiver sublinhado com pontinhos. O sublinhado com pontinhos não aparece em todos os navegadores.



Escreva riscado/strike:
< strike>VOCÊ ESCREVE O TEXTO AQUI</strike>



subscript fará seu texto ficar alinhado um pouco mais abaixo, isso também diminui o tamanho da fonte:
< sub>VOCÊ ESCREVE O TEXTO AQUI</sub>



superscript fará seu texto ficar alinhado um pouco mais acima, isso também diminui o tamanho da fonte:
< sup>VOCÊ ESCREVE O TEXTO AQUI</sup>



Escreva menor:
< small>VOCÊ ESCREVE O TEXTO AQUI</small>



Escreva
centralizado:

< div align="center">VOCÊ ESCREVE O TEXTO AQUI< /div>



Escreva
alinhado à direita:

< div align="right">VOCÊ ESCREVE O TEXTO AQUI< /div>



- Alinhado à esquerda já é padrão. Todo texto sem formatação está alinhado à esquerda.



Escreva com tamanhos diferentes,

Pode ser assim, H1


Pode ser assim, H2


Pode ser assim, H3


Pode ser assim, H4


Pode ser assim, H5

Pode ser assim, H6


< h1>VOCÊ ESCREVE O TEXTO AQUI</h1>
< h2>VOCÊ ESCREVE O TEXTO AQUI</h2>
< h3>VOCÊ ESCREVE O TEXTO AQUI</h3>
< h4>VOCÊ ESCREVE O TEXTO AQUI</h4>
< h5>VOCÊ ESCREVE O TEXTO AQUI</h5>
< h6>VOCÊ ESCREVE O TEXTO AQUI</h6>



Escreva com uma outra fonte:
< code>VOCÊ ESCREVE O TEXTO AQUI</code>





:bulletred: Inserir elementos



Para postar um link sobre um texto:
< a href="ENDEREÇO">VOCÊ ESCREVE O TEXTO AQUI< /a>




Para postar uma imagem :
< img src="ENDEREÇO">




Para postar uma imagem com link :
< a href="ENDEREÇO">< img src="ENDEREÇO">< /a>




Para formar listas com bolinha:

  • Opção 1
  • Opção 2
  • Opção 3


Use < li>VOCÊ ESCREVE O TEXTO AQUI em cada linha.




Para formar listas sem bolinha:

    Opção 1
    Opção 2
    Opção 3


Use < ul>VOCÊ ESCREVE O TEXTO AQUI em cada linha.



Para inserir uma linha que vai de um canto ao outro:




Somente < hr>




Para inserir um vídeo no seu journal (Vimeo, Youtube, DA Film):

< da:embed profile="video type" id="ID DO VÍDEO" />




Códigos para usuários premium e super grupos mais complexos para se fazer caixas de texto personalizadas e outras customizações: cyphervisor.deviantart.com/gal… (Tutoriais em inglês)




Lembre-se de que você pode combinar um código com o outro, utilizando dois efeitos ou mais no mesmo conteúdo, assim como o código usado para inserir uma imagem com link. Espero que tenham gostado e até a próxima.

Código para vídeo e link para as caixas de texto personalizadas e outras customizações para premium - Contribuição de ushirin
© 2013 - 2024 ArtistasBRASIL
Comments205
Join the community to add your comment. Already a deviant? Log In
Galelei's avatar