• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
HTML - Cores Fontes Parágrafos
 

HTML - Cores Fontes Parágrafos

on

  • 3,509 views

 

Statistics

Views

Total Views
3,509
Views on SlideShare
3,509
Embed Views
0

Actions

Likes
0
Downloads
6
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    HTML - Cores Fontes Parágrafos HTML - Cores Fontes Parágrafos Presentation Transcript

    • HTMLMICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
    • Formatação de texto • Cor • Tags básicas • Formatação de parágrafo • Formatação de fonteMICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
    • CORES • Um recurso essencial no desenvolvimento de páginas para web são as cores. • As cores, se bem utilizadas, causam uma experiência excelente para o internauta que acessa sua página. • As cores tem a capacidade de despertar diferentes emoções e sensações em nossos cérebros (pesquisar sobre pscologia das cores).MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
    • CORES • Para a criação de páginas web utilizamos o padrão de cores RGB • R – Red • G – Green • B – Blue • Sua utilização em HTML pode ser com seu nome em inglês ou seu valor hexadecimal.MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
    • CORES • Valores em inglês: – Red – Green – Blue • Valores Hexadecimal: – #FF0000 – #00FF00 – #0000FFMICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
    • CORES • Utilizando os valores HEXADECIMAL temos um conjunto do # + 6 elementos: • #FF0000 • Cada 2 elementos desse conjunto representa um valor RGB •#FF0000MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
    • CORES • Cada elemento pode receber um valor que vai de 0(sem a cor) até F(a cor utilizada no máximo) • 0123456789ABCDEF • A vantagem de se utilizar dos valores hexadecimais é o alcance de tonalidades que dificilmente são representadas por palavras.MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
    • Tags Básicas <b> Teste </b> Teste <i> Teste </i> Teste <s> Teste </s> Teste <u> Teste </u> Teste <b><i><u>Teste</u></i></b> TesteMICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
    • Formatação de Parágrafo • É utilizada através do conjunto de tags <hX> onde x vai de 1 até 6. • Formata o texto com tamanhos predefinidos e com uma quebra de linha automática após a finalização da tag: <h1> ... </h1> <h2> ... </h2> <h3> ... </h3> <h4> ... </h4> <h5> ... </h5> <h6> ... </h6>MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
    • Formatação de fonte • A tag para formatação de fonte é a <font>. • Ela possui parâmetros que nos permite alterar a cor, o tamanho e o tipo da fonte. • Esses parâmetros podem ser combinados. • <font color=“”> cor em inglês ou sua codificação hexadecimal. • <font face=“”> nome do tipo de fonte • <font size=“”> tamanho de 1 à 7MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
    • Formatação de fonte <font size=“3” color=“red”> Teste </font> Teste <font color=“red” face=“comic sans ms”> Teste </font> Teste <font color=“green” face=“courier new” size=“7”> <b> Teste </b> </font> TesteMICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
    • Exercícios Construa uma página da web onde serão desenvolvidos os exercícios abaixo • 1) Escreva a frase “Meu Brasil brasileiro” com cada palavra com um tipo e uma cor diferente. • 2) Escreva a frase “Um país de várias culturas, raças, povos, nações, um mundo dentro de um país, um país dentro de um mundo” utilizando negrito e itálico para destacar as palavras culturas / raças / povos / nações / mundo .MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS