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.item2.item3.item4.item | <ol><li>item</li><li>item</li><li>item</li><li>item</li></ol> |
|
- item* item+ item | <ul><li>item</li><li>item</li><li>item</li><li>item</li></ul> |
|
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;
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
