Curso html basico_aula-003

Faculdade Paraíso do

Ceará - FAP

2011.1

Curso de Web e DesignHTML Básico

1

Aula-003

Formatando Páginas Web

Inserindo Parágrafos e Quebras de Linhas

Linhas Horizontais, Títulos e Subtítulos

2011.1 Curso de HTML Básico – Derlival Barros 2

Linhas Horizontais, Títulos e Subtítulos

Comentários em Páginas Web

Acentuação e Caracteres Especiais

Formatando

Páginas WebPáginas Web


Formatando Páginas Web

• Na aula anterior, aprendemos a criar um documentoHTML simples;

• Agora iremos aprender a formatar uma página Webusando tags;

• Primeiro iremos formatar uma página exibindo:


• Texto em negrito• Texto em itálico• Texto sublinhado

Exibindo Texto em Negrito

• Para exibir uma palavra ou parte de um texto emnegrito, utiliza-se a tag Bold (negrito);

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

• Ex.: Bem Vindos ao Curso de HTML Basico


• Ex.: Bem Vindos ao Curso de HTML Basico

Exibindo Texto em Itálico

• Para exibir uma palavra ou parte de um texto em itálico,utiliza-se a tag Italic (itálico);

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

• Ex.: Bem Vindos ao Curso de HTML Basico


• Ex.: Bem Vindos ao Curso de HTML Basico

Exibindo Texto Sublinhado

• Para exibir uma palavra ou parte de um texto emsublinhado, utiliza-se a tag Underline (sublinhado);

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

• Ex.: Bem Vindos ao Curso de HTML Basico


• Ex.: Bem Vindos ao Curso de HTML Basico

Parágrafos e

Quebras de Quebras de

Linhas


Criando Parágrafos

• Você pode utilizar a tag Paragraph para agrupar linhasde texto em uma página Web;

• O browser irá exibir o texto em um único parágrafo sevocê não criar outros;

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


Quebras de Linhas

• Por padrão, os browsers automaticamente encaixam otexto de uma página Web na janela do navegador;

• Se você precisar exibir uma parte do texto em uma novalinha, você pode inserir uma quebra de linha utilizando atag Break ;

• O browser exibe a parte do texto escrito após a tag


• O browser exibe a parte do texto escrito após a tagBreak em uma nova linha;

• As tag responsável por esta função é: .

Linhas

HorizontaisHorizontais


Linhas Horizontais

• Você usa linhas horizontais para dividir a informaçãoexibida em blocos diferentes;

• As tag responsável por esta função é: <hr>;• O browser exibe uma linha horizontal na página Web no

ponto que você especificou a tag. Automaticamente éinserida uma linha em branco antes da linha horizontal.


inserida uma linha em branco antes da linha horizontal.

Títulos e

SubtítulosSubtítulos


Título e Subtítulos (Cabeçalhos)

• Vamos aprender como adicionar título e subtítulo emuma página Web;

• Você pode inserir título e subtítulo em diferentes blocosde texto, a fim de aumentar a legibilidade;

• Existem seis níveis de cabeçalho e eles são exibidos emnegrito;


negrito;• As tags responsáveis por esta função são: <h#> e

</h#>.

Comentários em

Páginas WebPáginas Web


Comentários

• Os comentários são usados para incluir notas,sugestões e explicações que não fazem parte dodocumento;

• Web browsers ignoram texto, tags e outros objetos queestão entre a tag Comment (comentário);

• As tag responsável por esta função é: .


• As tag responsável por esta função é: .

Acentos e

Caracteres Caracteres

Especiais


Acentos e Caracteres Especiais

• Ao usar um editor de texto que permita acentuação paracriar um página, corremos o risco dos acentos nãoserem interpretados corretamente por alguns browsers,em especial browsers instalados em países onde não seutiliza acentuação, como os Estados Unidos, porexemplo;


exemplo;• Se quisermos garantir que a acentuação da nossa

página será universalmente entendida devemos usar asentities;

• Nas entities faz diferença usar caracteres maiúsculos ouminúsculos;

Acentos e Caracteres Especiais

• Na verdade entities é o único caso onde a HTML é case-sensitive;

• É verdade que é muito trabalhoso colocar as entities aoinvés de usar diretamente os caracteres acentuados;

• Alguns editores permitem que digitemos os acentos eeles se encarregam de converter para as entities;


eles se encarregam de converter para as entities;• A tabela a seguir especifica as entities usadas para

conseguir letras acentuadas, e alguns caracteresespeciais como c cedilha, símbolo de copyright,caracteres nórdicos, etc.

Tabela de Caracteres Especiais

Nome Código Caractere

Agudo &*acute; á

Circunflexo &*circ; ê

Acento Grave &*grave; à

Cedilha &*cedil; ç

Til &*tilde; ã

Trema &*uml; ü

Copyright © ©

Marca Registrada ® ®

Espaço Espaço em Branco


Obs.: O * é uma variável, representa o caractere qu e você irá utilizar, devendo ser substituído por uma letra maiúscula ou minúscula.

Perguntas?

2011.1 21Curso de HTML Básico – Derlival Barros