curso html basico_aula-004

Faculdade Paraíso do

Ceará - FAP

2011.1

Curso de Web e DesignHTML Básico

1

Aula-004

Criando Listas

Tamanho do Texto

Alinhando Texto

2011.1 Curso de HTML Básico – Derlival Barros 2

Alinhando Texto

Cores de Texto

Cores de Fundo

Criando ListasCriando Listas


Criando Listas

• Uma lista é uma coleção de itens relacionados;• Você usa uma lista para organizar dados como

sequência de passos ou itens em um grupo;• Nesta aula, você aprenderá sobre os tipos de listas do

HTML e também a criar diferentes tipos de listas emuma página Web.


uma página Web.

Tipos de Listas

• O HTML fornece quatro tipos:• Ordenadas ou Numeradas• Marcadores ou Não Numeradas• Definição• Intercaladas


• Intercaladas

Listas Ordenadas (Numeradas)

• Uma lista ordenada é usada para exibir um conjunto deitens depois de um número ou letra;

• Uma lista ordenada é também chamada de listanumerada

• As tags responsáveis por esta função são: <ol> e </ol>;


• Para especificar os itens da lista utiliza-se a tag <li>.

Obs.: A tag <li> não necessita de uma correspondente </li> para fechamento e é usada para definir os itens de todos os tipos de listas.

Listas Ordenadas (Exemplo)


Marcadores (Não Ordenadas)

• Uma lista com marcadores ou não ordenadas é usadapara exibir um conjunto de itens depois de umamarcação;

• Uma lista com marcadores é chamada também de listade marcação, não numerada ou ainda não ordenada;

• As tags responsáveis por esta função são: <ul> e </ul>.


• As tags responsáveis por esta função são: <ul> e </ul>.

Marcadores (Exemplo)


Tamanho do

TextoTexto


A tag 

• Como vimos até agora, a formatação que você podefazer com o conjunto básico de tags HTML é bemlimitado;

• Uma maneira de controlar o tamanho do texto é feitocom a tag ;

• As tags responsáveis por esta função são: e


• As tags responsáveis por esta função são: e.

Atributo Size (Tamanho)

• O atributo SIZE dentro da tag controla o tamanhodo texto incluso;

• Infelizmente a tag não permite que vocêespecifique o tamanho em pixels ou pontos.


Obs.: O * é uma variável, representa um valor numér ico que varia de 1 até 7.

Atributo Face

• O atributo FACE dentro da tag é usado paraespecificar uma face de tipos para o texto;

• A face de tipos selecionada será usada apenas se elafor encontrada na máquina do usuário.


Obs.: O * é uma variável, representa o nome da font e que será utilizada e deverá ser escrito entre aspas.

Alinhando TextoAlinhando Texto


Alinhando Texto

• O HTML dá aos designers controle sobre o alinhamentode texto;

• O texto pode ser alinhado na margem esquerda, namargem direita ou centralizado;

• O atributo ALIGN pode ser usado nas tags de parágrafoe cabeçalho.


e cabeçalho.

Obs.: O * é uma variável, representa o nome do atri buto de alinhamento, pode ser representado por: left, right ou center.

Alinhamento a Esquerda

• Quando você definir o valor ALIGN para left, o textoficará alinhado na margem esquerda.


Alinhamento Centralizado

• Quando você definir o valor ALIGN para center, o textoficará alinhado no centro da página.


Alinhamento a Direita

• Quando você definir o valor ALIGN para right, o textoficará alinhado na margem direita.


Cores de TextoCores de Texto


Atributo Color (Cor)

• O atributo COLOR dentro da tag é usado paraespecificar uma cor para o texto;

• Você pode especificar cores usando um dos 140 nomesde cores.


Obs.: O * é uma variável, representa o nome da cor em inglês ou seu código correspondente em hexadecimal.

Tabela de Cores

Cor HTML Tom Mais Claro/Escuro

Preto Black Darkgrey

Branco White Ghostwhite

Verde Green Lime

Amarelo Yellow darkgoldenrod

Azul Blue Aqua

Vermelho Red Darkred

Rosa Pink Crimson

Roxa Violet Lavander

Laranja Orange Darkorange

Cinza Gray Lightgray


Cores de FundoCores de Fundo


Atributo Background

• O atributo BGCOLOR é utilizado para definir a cor defundo de várias tags como <body>, <table>, <td>, entreoutras do documento HTML;


Obs.: O * é uma variável, representa o nome da cor em inglês ou seu código correspondente em hexadecimal.

Perguntas?

2011.1 24Curso de HTML Básico – Derlival Barros