Exemplos de formatação de documento na Comunidade

[Gabriela Godoi do Prado]

Contents

• Overview
• Cabeçalhos e parágrafos
• h1. Exemplo de título
• h2. Exemplo de título
• Alinhamento
• Estilos de texto
• Listas
• Recuos
• Tabelas

Overview

Este é um documento de teste para a Comunidade Cisco para verificar o dimensionamento e o espaçamento dos elementos HTML.

Cabeçalhos e parágrafos

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

h1. Exemplo de título

h2. Exemplo de título

h3. Exemplo de título

h4. Exemplo de título

h5. Exemplo de título

h6. Exemplo de título

# este é um texto pré-formatado para código

Uma alternativa ao texto simples e pré-formatado é o</> Inserir recurso de amostra de código:

que oferece realce de sintaxe para linguagens e formatos de programação específicos:

#!/usr/bin/env python3
# -----------------------------------------------------------------------------
# Script to generate QRCodes for URLs:
#   ./qr_urls.py
# -----------------------------------------------------------------------------
import qrcode
from qrcode.image.styledpil import StyledPilImage
from PIL import Image

urls = {
    # "name" : "url",
    "ISE Resources" : "https://cs.co/ise-resources",
}

for name,url in urls.items() :
    qr = qrcode.QRCode(error_correction=qrcode.constants.ERROR_CORRECT_H)
    qr.add_data(url)
    img = qr.make_image(image_factory=StyledPilImage,
                        embeded_image_path="./logo.png",
                       )
    img.save('./'+name.replace(' ', '_')+'.QR.png')

Alinhamento

Este parágrafo está alinhado à esquerda.

Este parágrafo está centralizado.

Este parágrafo está alinhado à direita.

Este parágrafo é totalmente justificado em todo o espaço de conteúdo.

Estilos de texto

Também queremos ver estilos de texto como negrito, itálico, sublinhado e tachado mostrados para saber como eles se parecem.

Existem também vários tamanhos de texto como Smallest, Smaller, Small, Normal (que é maior do que um parágrafo não normal!), Big, Bigger, Biggest. Você também pode ver como eles ficam nos parágrafos:

Smallest

Smaller

Small

Normal (que é maior do que um parágrafo não normal!)

Big

Bigger

Biggest

Listas

• regular bullets
• regular bullets
  • regular bullets
  • regular bullets
    • regular bullets
    • regular bullets
  • regular bullets
• regular bullets
• regular bullets

E estes são marcadores numerados:

1. lista numerada
2. lista numerada
   
   1. lista numerada
   2. lista numerada
      
      1. lista numerada
      2. lista numerada
   3. lista numerada
3. lista numerada
4. lista numerada

Recuos

Estes devem estar alinhados com as listas.

Texto recuado uma vez

Texto recuado duas vezes

Texto recuado três

Referência explícita (Spoiler)

Esta é uma tag spoiler

Tabelas

Esta é uma tabela padrão criada usando o widget de tabela. O padrão é 100% de largura com uma divisão de largura igual para todas as colunas.

célula

célula

célula

Você provavelmente desejará editar o estilo padrão para remover a largura % e as linhas de alinhamento superior. Use Shift+Enter para manter as células compactas e evitar a margem/preenchimento dos parágrafos.

col 1	col 2	col 3	col 4	col 5
cel 1-1	cel 1-2	cel 1-3	cel 1-4	cel 1-5
cel 2-1	cel 2-2 Nova linha de parágrafo (somente Enter)	cel 2-3	cel 2-4	cell2-5
cel 3-1	cel 3-2 Nova linha com Shift+Enter	cel 3-3	cel 3-4	cel 3-5

Espero ter ajudado.

Gabriela

Community Manager