Como utilizar o editor HTML

Data de publicação: 24/06/2013

Categoria: 02 - Básico

Última modificação: 02/08/2016

Print this page

avaliar 1 estrela avaliar 2 estrela avaliar 3 estrela avaliar 4 estrela avaliar 5 estrela
Sua avaliação: none, Avaliação: 5 (1 votos)

Visualizações: 679 vezes

images

Ao criar um conteúdo (post, página etc) você terá a disposição um editor para inserir os seus textos e conteúdo multimídia. Note que nesta área existem 2 abas de opções para a forma que deseja editar o conteúdo.

texto

A aba “Texto” existe para a inserção de códigos Html. É usada, especialmente, para a criação de páginas com uma montagem mais arrojada (tabelas, gráficos etc), com funções que não existem na aba “Visual”. E também usada em situações como, por exemplo, a inserção de códigos de incorporação, como do Youtube.

Ao clicar nesta aba, são exibidos alguns comandos básicos:

  • b – negrito
  • i – itálico
  • link – link
  • b-quote – parágrafo
  • del – riscado
  • ins – define o texto inserido
  • img – define uma imagem com uma URL
  • ul – define o início de uma lista não-ordenada (com pontos)
  • ol – define o início de uma lista ordenada (com números)
  • li – define o início de um item da lista
  • code – indica um código de exemplo a ser exposto
  • more – divide a leitura da continuidade do post em uma outra página
  • procurar – sistema de busca de palavras no código digitado
  • fechar tags – fecha a tag trabalhada
  • tela cheia – exibe apenas o editor em tela cheia.

O ideal é montar antes o código em um programa de edição de Html (ex: Dreamweaver) e colar depois no post.

Conheça alguns dos códigos básicos de Html:

Colocar imagem: <img alt=”” src=”ENDEREÇO DA IMAGEM” width=”LARGURA” height=”ALTURA” />

Criar link: <a href=”ENDEREÇO QUE VAI O LINK“>NOME DO LINK</a>

Negrito: <b>TEXTO</b>

Itálico: <i>TEXTO</i>

Sublinhado: <span style=”text-decoration: underline;”>TEXTO</span>

Mudar cor do texto: <font color=”CÓDIGO“>TEXTO</font>
Clique aqui para gerar o código da cor.

Mudar tamanho do texto: <font size=”TAMANHO“>TEXTO</font>

Mudar alinhamento: <div style=”text-align: ALINHAMENTO;“>TEXTO</div>
Substitua “ALINHAMENTO” por: right, left, center ou justify.