This is heading 1

This is heading 2

This is heading 3

This is paragraph

This is paragraph with atributte style="color:red;"

This is paragraph with atributte style="font-size:30px;"

This is paragraph with atributte title="I'm a tooltip"




Cal

HTML5 tutorial! Visit our HTML Tutorial

  1. - Texto em negrito
  2. - texto importante
  3. - texto em italico
  4. - texto enfatizado
  5. - texto marcado
  6. - pequeno texto
  7. - texto excluido
  8. - texto inserido
  9. - texto subscrito
  10. - Texto sobrescrito
  11. Defines an abbreviation or acronym
  12. Defines contact information for the author/owner of a document
  13. Defines the text direction
  14. Defines a section that is quoted from another source
  15. Defines the title of a work
  16. Defines a short inline quotation

Valores de cor
Em HTML, as cores também podem ser especificadas usando:
O nome da cor, valores RGB, valores HEX, valores HSL, 
valores RGBA e valores HSLA:
O mesmo que o nome da cor "Tomato":	

background-color:"Tomato"

background-color:rgb(255, 99, 71)

background-color:#ff6347

background-color:hsl(9, 100%, 64%)

O mesmo que o nome da cor "Tomato", mas 50% transparente RGBA e HSLA:

background-color:rgba(255, 99, 71, 0.5)

background-color:hsla(9, 100%, 64%, 0.5)

Valor RGB Em HTML, uma cor pode ser especificada como um valor RGB, usando esta formula: rgb ( vermelho, verde , azul ) Cada parâmetro (vermelho, verde e azul) define a intensidade da cor entre 0 e 255. Por exemplo, rgb (255, 0, 0) é exibido como vermelho, porque o vermelho é definido como seu valor mais alto (255) e os outros são definidos como 0. Para exibir a cor preta, todos os parâmetros de cor devem ser definidos como 0, assim: rgb (0, 0, 0). Valor hexadecimal Em HTML, uma cor pode ser especificada usando um valor hexadecimal no formulário: # rrggbb Onde rr (vermelho), gg (verde) e bb (azul) são valores hexadecimais entre 00 e ff (igual ao decimal 0-255). Por exemplo, # ff0000 é exibido como vermelho, porque vermelho é definido como seu valor mais alto (ff) e os outros são definidos para o valor mais baixo (00). Para exibir a cor branca, todos os parâmetros de cor devem ser configurados para 255, assim: rgb (255, 255, 255).

background-color:#ff0000

background-color:#00ff00

background-color:#0000ff

Tons de cinza são freqüentemente definidos usando valores iguais para todas as 3 fontes de luz:

background-color:#000000

background-color:#3c3c3c

background-color:#787878

background-color:#b4b4b4

background-color:#f2f2f2

background-color:#ffffff

Valor HSL Em HTML, uma cor pode ser especificada usando matiz, saturação e luminosidade (HSL) no formulário: hsl ( matiz , saturação , leveza ) Matiz é um grau na roda de cores de 0 a 360. 0 é vermelho, 120 é verde e 240 é azul. A saturação é um valor percentual, 0% significa um tom de cinza e 100% é a cor total. A leveza também é uma porcentagem, 0% é preta, 50% não é clara nem escura, 100% é branca

background-color:hsl(240, 50%, 75%)

Saturação A saturação pode ser descrita como a intensidade de uma cor. 100% é cor pura, sem tons de cinza 50% é 50% cinza, mas você ainda pode ver a cor. 0% é completamente cinza, vocé não pode mais ver a cor.

background-color:hsl(0, 50%, 75%)

Leveza A leveza de uma cor pode ser descrita como a quantidade de luz que deseja dar a cor, onde 0% significa sem luz (preto), 50% significa 50% de luz (nem escura nem clara) 100% significa leveza total (branco).

background-color:hsl(120, 100%, 80%)

Valor RGBA Os valores de cores RGBA são uma extensão dos valores de cores RGB com um canal alfa - que especifica a opacidade de uma cor. Um valor de cor RGBA é especificado com: rgba ( vermelho, verde , azul, alfa ) O parâmetro alpha é um número entre 0.0 (totalmente transparente) e 1.0 (não transparente) Valor de HSLA Os valores de cores do HSLA são uma extensão dos valores de cores do HSL com um canal alfa - que especifica a opacidade de uma cor. Um valor de cor do HSLA é especificado com: hsla ( matiz, saturação , leveza, alfa ) O parâmetro alpha é um número entre 0.0 (totalmente transparente) e 1.0 (não transparente)



Combinando Marcas Diacríticas
Uma marca diacrítica é um "glifo" adicionado a uma letra.
Algumas marcas diacríticas, como grave e aguda são chamadas de acentos.
Marcas diacríticas podem aparecer acima e abaixo de uma letra, dentro de uma letra e entre duas letras.
Marcas diacríticas podem ser usadas em combinação com caracteres alfanuméricos para produzir um caractere que não esteja presente no conjunto de caracteres (codificação) usado na página.
aqui estão alguns exemplos: