A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

HTML: trabalhando com Fontes. Fontes Para a criação de um bom texto, que seja diferenciado das demais páginas e de boa leitura, é recomendável aplicar.

Apresentações semelhantes


Apresentação em tema: "HTML: trabalhando com Fontes. Fontes Para a criação de um bom texto, que seja diferenciado das demais páginas e de boa leitura, é recomendável aplicar."— Transcrição da apresentação:

1 HTML: trabalhando com Fontes

2 Fontes Para a criação de um bom texto, que seja diferenciado das demais páginas e de boa leitura, é recomendável aplicar alterações nas fontes. A tag principal para fonte é - tendo com sua tag de fechamento a

3 Face O atributo face determina qual o tipo de fonte que o texto compreendido entre a tag de abertura e a tag de fechamento font será aplicado no texto Você pode determinar uma fonte ou um conjunto de fontes, já que alguns computadores não possuem muitas fontes instaladas.

4 Usando o atributo Face Usando Face Arial Verdana Fonte Arial Fonte Verdana

5 Size O atributo size determina qual o tamanho do texto dentro da tag font. Enquanto a tag determina um título, o atributo size – que fica na tag font – é mais indicado quando, num mesmo parágrafo, queremos ter vários tamanhos de fontes.

6 Usando o atributo Size Usando Size Alterando tamanho Tamanho 1 Tamanho 2 Tamanho 3 Tamanho 4 Tamanho 5 Tamanho 6 Tamanho 7

7 Usando o atributo Color para aplicar cor a uma parte do texto O atributo color aplica cor a uma determinada fonte do documento. Esta cor será definida ao inserir o atributo na tag desejada. Exemplo: Texto em vermelho Isso determina que apenas a frase “texto em vermelho” estará na cor vermelha

8 Atributo Text vs. Atributo Color O atributo text (aplicado na tag ) determina a cor padrão do texto do documento; O atributo color (aplicado na tag ) determina a cor que o texto compreendido entre as tags e receberá.

9 Exemplo Formatando Fontes Estou determinando em meu texto azul que somente aqui será vermelho.

10 Destacando seu Texto Atributos como negrito, itálico, sublinhado, tachado, sobrescrito ou subscrito podem ser aplicados no texto. Negrito... ou... Itálico... ou... Sublinhado... Tachado... Sobrescrito... Subscrito...

11 Exemplo Mais formatos Texto em negrito Texto em itálico Texto sublinhado Texto tachado 5 2 log n

12 Alinhando o Texto Assim como em outros programas, podemos alinhar nossa fonte. O atributo align é aplicado na tag e define qual alinhamento o texto daquele parágrafo receberá.

13 Tipos de Alinhamento Alinhado a esquerda: Centralizado: Alinhado a direita: Justificado:

14 Exemplo Alinhamento Texto a esquerda Texto centralizado Texto a direita Texto justificado

15 Marquee A tag cria um letreiro. O texto compreendido entre as tags passará de um lado para o outro da tela, como num letreiro. Como padrão, o texto irá da direita para a esquerda.

16 Exemplo Letreiro Olá Mundo!

17 Atributos da tag marquee o texto vai e volta na tela o letreiro vai e para o letreiro vai da esquerda para a direita o letreiro passará pela tela duas vezes determina a velocidade do letreiro altura largura cor de fundo do letreiro determina espaço em branco aos lados determina espaço em branco acima e abaixo

18 Aplicando linha horizontal A tag usada para aplicar uma linha horizontal na página é. Ela pode ser aplicada de duas formas: 1.Sem atributos: a linha irá ocupar 100% da tela 2.Com atributos: consigo definir largura (width), espessura (size) e cor (color)

19 Exemplo Linhas Abaixo temos uma linha sem atributos Abaixo temos uma linha com atributos

20

21 Exercício! Crie a página que será mostrada a seguir

22 Tamanho do texto: 6 Fonte: Verdana Cor: verde Negrito e Centralizado Letreiro: sim Itálico

23 Para auxiliar... Página da Internet Código-fonte


Carregar ppt "HTML: trabalhando com Fontes. Fontes Para a criação de um bom texto, que seja diferenciado das demais páginas e de boa leitura, é recomendável aplicar."

Apresentações semelhantes


Anúncios Google