Logo do siteSilhueta da face do Maujor seguida do texto Maujor o dinossauro das CSS

Menu hamburger Três barras horizontais na cor laranja destinadas a ser clicada para abrir o menu menu do site

Você está no BLOG do Maujor. IR PARA O SITE

Os elementos SUB e SUP

Publicado em: 2007-09-27 — 11.560 visualizacoes

Esta página integra o Compêndio sobre o uso dos elementos HTML e descreve os elementos:
SUB  e SUP

O elemento SUB
Este é um elemento inline destinado a marcar fragmentos de texto que devam ser renderizados em alinhamento vertical mais baixo em relação ao texto principal.

Exemplo:

<p>A fórmula química do ácido sulfúrico é H<sub>2</sub>SO<sub>4</sub>.</p>

A marcação acima é renderizada como mostrado a seguir:
A fórmula química do ácido sulfúrico é H2SO4.

Para efeito de comparação veja a seguir o mesmo texto do exemplo marcado sem uso do elemento sub:

A fórmula química do ácido sulfúrico é H2SO4.

O elemento SUP
Este é um elemento inline destinado a marcar fragmentos de texto que devam ser renderizados em alinhamento vertical mais alto em relação ao texto principal.

Exemplo:

<p>A S<sup>ra.</sup> Maria chegará na 2<sup>a.</sup> feira.</p>

A marcação acima é renderizada como mostrado a seguir:
A Sra. Maria chegará na 2a. feira.

Para efeito de comparação veja a seguir o mesmo texto do exemplo marcado sem uso do elemento sup:

A Sra. Maria chegará na 2a. feira.

[ « anterior ]   [ index ]    [ próximo » ]

Desenvolvimento com Padrões Web? Adquira os livros do Maujor
Visite o site dos livros.

Esta matéria foi publicada em: 2007-09-27 (quinta-feira). Subscreva o feed RSS 2.0 para comentários.
Comente abaixo, ou link para http://www.maujor.com/blog/2007/09/27/elementos-sub-e-sup/trackback no seu site.

4 comentários na matéria: “Os elementos SUB e SUP”

  1. DiogoNo Gravatar disse:

    show essa tag!

  2. WenderNo Gravatar disse:

    Já necessitei muitas vezes desta TAG e não a conhecia … parabéns … obrigado !

  3. CamiloNo Gravatar disse:

    Já tinha usado esses elementos numa página uma vez, mas me parece que o vertical:align:baseline que uso em um arquivo ‘default.css’ provoca alguma “alteração” no posicionamento deles

  4. DiegoNo Gravatar disse:

    Vivendo e aprendendo!
    Pensei que já conhecesse todas as tags htmls existentes!

    Mais uma vez… Parabéns Maujor!!!

Comentário:





Teclar "Enter" cria um novo parágrafo. Teclar "Shift + Enter" causa uma quebra de linha.

Subscribe without commenting

topo