Como formatar seu texto no Tabnews
Introdução
Para a formação de conteudo do Tabnws podemos utilizar duas alternativas, a linguamgem de markdown ou até mesmo as tags do HTML mesmo.
O markdown é uma maneira facil e rapida de realizar anotações, criar conteúdo para um site e produzir documentos prontos para impressão e pricipampente para documentar o codigo no github, o famoso Readme.md. Utilizado pela maioria das pessoas para criar conteúdo para a web, ele pode ser usado para formatar praticamente tudo.
Headintags
Na criação de um titulo, adicione o sinal (#) na frente de uma palavra ou frase. O número de desses sinais que você usa deve corresponder ao nível do cabeçalho. Ja no caso de utilizar as tags HTML podemos fazer o uso das headintags mesmo como por exemplo <h1>Titulo</h1>
Markdown | HTML | Renderização |
---|---|---|
# Heading level 1 |
<h1>Heading level 1</h1> |
Heading level 1 |
## Heading level 2 |
<h2>Heading level 2</h2> |
Heading level 2 |
### Heading level 3 |
<h3>Heading level 3</h3> |
Heading level 3 |
#### Heading level 4 |
<h4>Heading level 4</h4> |
Heading level 4 |
##### Heading level 5 |
<h5>Heading level 5</h5> |
Heading level 5 |
###### Heading level 6 |
<h6>Heading level 6</h6> |
Heading level 6 |
- É importante dizer que com o uso do markdown é preciso dar um espaço após o uso do caracter.
Quebra de linha
Para as fazer as quebras de linha no markdown, podemos utilizar o "Enter" normalmente, ja no caso das tags HTML as proprioas <br>
e <p>
solucional esse problema.
Enfase
Pode-se também adcionar ênfase em seus conteudos para isso basta utilizar os seguintes caractes ou tags no caso de formatação por HTML:
Markdown | HTML | Renderização |
---|---|---|
**negrito** |
<strong>negrito</strong> |
negrito. |
*italico* |
<em>italico</em> |
italico. |
***italico e negrito*** |
<em><strong>italico e negrito</strong></em> |
italico e negrito |
Citação
Para criar uma cintação em bloco pode-se ultilizar o ">"
Exemplo de citação em bloco
Listas
Você pode organizar itens em listas ordenadas e não ordenadas.
Markdown | HTML | Renderização |
---|---|---|
1.item 2.item 3.item 4.item |
<ol> <li>item</li> <li>item</li> <li>item</li> <li>item</li> </ol> |
itemitemitemitem |
- item * item + item |
<ul> <li>item</li> <li>item</li> <li>item</li> <li>item</li> </ul> |
itemitemitemitem |
Bloco de codigo
Os blocos de código são normalmente recuados com quatro espaços ou uma tabulação. Quando estiverem em uma lista, recue oito espaços ou duas tabulações.
<html>
<head>
<title>Test</title>
</head>
Imagens
Para imagems em markdown, é preciso passar alguns caracteres sendo eles:
1."![]" sendo o nome da imagem; 2."()" o endereço da imagem;
![Tux, the Linux mascot](https://mdg.imgix.net/assets/images/tux.png?auto=format&fit=clip&q=40&w=100)
Considerações:
Esses e muitos outros comandos são de extrema importacia para uma boa formatações de conteudo dentro do Tabnews, documentações de codigo e divesos outros tipos de comentario
Referencias:
https://www.markdownguide.org/basic-syntax/ https://docs.pipz.com/central-de-ajuda/learning-center/guia-basico-de-markdown#open
Outra dica que eu daria é utilizar o ícone de ajuda que está dentro do Editor, pois ele irá mostrar as principais formatações do Markdown:
Este GIF foi extraído desta publicação: Novas melhorias: RSS e mais 7 melhorias 🎉