Tutoriais Básicos de HTML

Mídia do HTML

Manual de referência do HTML

HTML5 Tutoriais Básicos

HTML5 API

HTML5 Mídia

Links HTML Parágrafos HTML

Formatação de Texto HTML

Nesta seção, vamos aprender sobre a formatação de texto do HTML, ou seja, adicionar formatação a texto comum

Formatação de Texto HTML

Exemplo

<strong>Texto em negrito(oldtoolbag.com)</strong>
<br/><i>Texto em itálico, w3codebox guia básico</i>
<br/><code>Code é automaticamente gerado</code>
<br/>Este é o elemento X<sub>superescrito</sub> e X<sup>subscrito</sup>
<br/>Fórmula química: <b>C<sub>7</sub>H<sub>7</sub>F<sub>2</sub>N</b>

Teste e veja ‹/›

Tags de formatação do HTML

O HTML usa tags <b>(Negrito) e <i>(Itálico) para formatar o texto de saída, por exemplo:Negrito ou Itálico

Essas tags HTML são chamadas de tags de formatação (veja o manual de referência completo de tags na parte inferior).

Normalmente, a tag <strong> substitui a tag de negrito <b> para usar, então é recomendado usar <strong> , <em> substitui a tag <i>. No entanto, o significado dessas tags é diferente: <b> e <i> definem texto negrito ou itálico. As tags <b> e <strong> são duas tags diferentes, a tag <b> representa negrito, representada pela letra B, a tag <b> pode destacar o efeito de negrito da aparência da fonte. Por exemplo：<b>Estou em negrito</b> Mas, a tag <strong> é o local que我们要强调，这两个标签具有不同的含义。如：<strong>强调字体</strong>. <strong> ou <em> significa que o texto que você deseja apresentar é importante e deve ser destacado. Hoje, todos os principais navegadores podem renderizar vários efeitos de fontes. No entanto, navegadores futuros podem suportar melhores efeitos de renderização.

Exemplo online

Formatação de texto normal
Este exemplo demonstra como formatar texto normal em arquivos HTML.

Texto pré-formatado
Este exemplo demonstra como usar a tag pre para controlar linhas em branco e espaços.

Tag de "saída de computador"
Este exemplo demonstra os efeitos de visualização de diferentes tags de "saída de computador".

Endereço
Este exemplo demonstra como escrever endereços em arquivos HTML.

Abreviação e sigla
Este exemplo demonstra como o HTML realiza abreviações ou siglas.

Direção do texto
Este exemplo demonstra como o HTML muda a direção do texto.

Citação em bloco
Este exemplo demonstra como o HTML realiza citações de diferentes tamanhos.

Efeito da palavra deletada e efeito da palavra inserida
Este exemplo demonstra como o HTML marca texto deletado e texto inserido.

Tags de formatação de texto HTML

Etiqueta	Descrição
<b>	Definir texto negrito
<em>	Definir texto destacado
<i>	Definir texto itálico
<small>	Definir texto pequeno
<strong>	Definir ênfase
<sub>	Definir palavra inferior
<sup>	Definir palavra superior
<ins>	Definir palavra inserida
<del>	Definir palavra deletada

Tag de "saída de computador" HTML

Etiqueta	Descrição
<code>	Definir código de computador
<kbd>	Definir código de teclado
<samp>	Definir exemplo de código de computador
<var>	Definir variável
<pre>	Definir texto pré-formatado

Tag de citação HTML, citação e definição de etiqueta

Etiqueta	Descrição
<abbr>	Definir abreviação
<address>	Definir o endereço
<bdo>	Definir a direção do texto
<blockquote>	Definir uma citação longa
<q>	Definir uma citação curta
<cite>	Definir referência, citação
<dfn>	Definir um item de definição.

Links HTML Parágrafos HTML