AG8 Informtica

38

3 PARTE

CAPTULO 06Este captulo abranger :1. Tags de formatao de texto lgicas e fsicas2. Texto pr-formatado3. Endereos, citaes e comentrios

AG8 Informtica

39

TAGS DE FORMATAOAssim como em um editor de texto, em HTML voc poder utilizar

efeitos em seu texto. Como j percebeu os comandos, tags, trabalham emcontiner.

Alguns destes comandos j foram introduzidos no captulo anterior. Osprincipais comandos de estilo:

TAG SINTAXE FUNOSTRONG texto Similar ao negritoTYPERWRITER texto Deixa o texto com espaamento

regularBIG texto Aumenta a fonte e aplica negritoSMALL texto Reduz e altera a fonteSOBRESCRITO texto>/sup> Eleva o texto e diminui seu corpoSUBESCRITO texto Rebaixa o texto e diminui seu corpoBLINK texto Faz com que o texto pisqueNEGRITO texto Aplica o estilo negritoITLICO texto Aplica o estilo itlicoSUBLINHADO texto Aplica um sublinhado (em alguns

browsers esta tag no funciona)

Estes so os mais utilizados, porm h outros que merecem ateno.Para alterar a formatao de um texto em HTML existem dois tipos de

estilos que devem ser observados: o estilo lgico e o estilo fsico.

AG8 Informtica

40

1. ESTILO LGICOAs tags deste tipo indicam como o texto destacado deve ser utilizado e

no como ser apresentado. Este estilo no indica como o texto serformatado e sim como ser utilizado no documento. No possvel garantirque um texto destacado que utilize tags deste tipo sempre ser apresentadoem negrito ou itlico, por exemplo. Depender do browser.

Algumas tags de estilo lgico utilizadas em HTML padro:

Indica que os caracteres devero ser enfatizados de alguma forma. Deforma diferente do restante do texto. Geralmente em itlico

Esta tag enfatiza ainda mais que a anterior. Em negrito.

Esta tag indica um cdigo de exemplo a ser exposto.

Esta tag indica texto de exemplo. Quando voc quer dar um exemplode endereo para a Internet sem criar link.

AG8 Informtica

41

2. ESTILOS FSICOSEste estilo de tag realmente altera a formatao do texto, no estilo

anterior voc no possui garantia que o texto ir ser visualizado da forma queplanejou. Neste estilo ele ser visualizado da forma que atribuir as tags a ele.

Algumas tags de estilo fsico para HTML padro:

coloca o texto em negrito coloca o texto em itlico fonte de mquina de escrever com espaamentouniforme. coloca o texto sublinhado coloca o texto tachado o texto ir aparecer maior que o restante ao redor o texto ir aparecer menor que o restante ao redor coloca o texto subscrito coloca o texto sobrescrito

AG8 Informtica

42

Optando por utilizar tags do estilo fsico, caso o navegador noreconhea uma das tags ele a ir substituir por outra equivalente ou ignorar aformatao.

3. TEXTO PR-FORMATADOO texto de uma arquivo em HTML formatado atravs das tags. Mas

voc possui a opo da tag para estabelecer uma formataoatravs de um editor de texto e que esta formatao permanea na sua pginahtml.

O texto pr-formatado excelente para apresentar cdigo-fonte comseus espaamentos adequados. Este recurso pode ser utilizado para criartabelas mas no recomendvel.

Uma observao importante que, ao usar tags de estilo ou vnculo, notags de elemento, neste espao elas iro funcionar normalmente.

SINTAXE:

TEXTOTEXTOTEXTO

4. CITAES E COMENTRIOSA tag utilizada na criao de citaes longas que

no devem ser aninhadas em pargrafos.. A tag destaca citaescurtas.

Um exemplo:

"O mercado de webdesign um dos segmentos de design com maior potencialde crescimento para os prximos anos. Estima-se um crescimento de nomnimo 50% ao ano at 2005. E, na corrida rumo a esse novo eldorado, asagncias de propaganda mais uma vez largaram na frente dos escritrios dedesign, investindo primeiro em estruturas especializadas para atender demanda do mercado (...)".Maria Edicy Moreira.

AG8 Informtica

43

Visualizao no Internet Explore 5

Visualizao no Netscape 4.51

Caso queira fazer comentrios a respeito do seu cdigo HTML apenascomo referncia pessoal e no para ser exibido em suas pginas voc deverfazer o comentrio da seguinte forma:

AG8 Informtica

44

5. ENDEREOS

Esta tag utilizada para identificar autorias de sua pgina. Geralmenteso apresentadas na parte inferior de cada pgina. Mostra quem confeccionouaquela pgina, com quem o leitor deve entrar em contato caso queira teralguma informao ou fazer alguma observao. Estes endereos soprecedidos de um fio , que ainda veremos, e voc poder utilizar a tag para separar linhas.

TEXTOVejamos um exemplo:

Cassia.teixeira@bol.com.brA servio de Ag8 Informtica Ltda - Meltima atualizao: 10 de Janeiro de 2000Todos os direitos autorais so reservados

Esta uma excelente forma de garantir que as pessoas entrem emcontato com voc caso necessitem e tambm uma forma de estar melhorandoa sua HP (Home Page) atravs de sugestes.

6. A TAG O texto que se encontrar entre estas tags ir aparecer piscando.

Dependendo da verso do Netscape, esta tag somente ter efeito sobre o textose ele estiver sendo visualizado atravs do Netscape, esse efeito ter umadessas caractersticas:1. texto ficar piscando em intervalos regulares2. Um bloco cinza ou branco ficar piscando atrs do texto.

Este recurso geralmente utilizado para chamar a ateno do leitorsobre uma determinada parte do texto.

AG8 Informtica

45

O problema do efeito piscando que ele chama atenoexcessivamente sobre aquela parte do texto tirando a ateno do leitor dorestante do texto. A maioria dos projetistas web consideram este efeito feio,desagradvel e irritante. Em HTML poderamos coloc-lo como se fosse passara colher com bastante fora no fundo de uma panela de alumnio. J imaginou?

EXERCCIOS1. Os comandos de formatao podem ser combinados para aplicar mais de

um efeito ao mesmo tempo?2. Coloque os comandos HTML abaixo para que o texto tenha o seguinte

efeito:

Tutorial de HTML3. Crie uma pgina HTML sobre algo que goste de fazer, e que faa muito

bem, e queira ensinar a outras pessoas. Um tutorial usando todas as tagsvistas at ento. Utilizando principalmente todos os comandos deformatao.

4. Por que a tag Blink no bem aceita pela maioria dos projetistas depginas Web?

5. Qual a utilidade da tag de pr-formatao e qual sua sintaxe?6. Como devo utilizar a tag e qual sua finalidade?

ANOTAES