AG8 Informtica

46

FONTESPara fazer alteraes no tamanho, tipo e cor da fonte de seu texto voc

utilizar a tag que do tipo continer. Sua sintaxe a seguinte:

1. SIZEO tamanho Size especifica o tamanho da fonte utilizada. Os valores

permitidos vo de 1, o menor, a 7, o maior. O padro 3. Se for especificadoum nmero antecedido com o sinal de adio ou subtrao o valor da fonteser acrescido ou subtrado nesse valor. Vamos a um exemplo: se eu estivertrabalhando com uma fonte 5 e for especificado

AG8 Informtica

47

Algumas cores:

COR CDIGO COR CDIGOAqua #70DB93 Blue #0000FFBlack #000000 Cyan #00FFFFFuchsia #FF00FF Gray #C0C0C0Green #00FF00 Lime #32CD32Brown #800000 Navy #23238EOlive #808000 Red #FF0000Silver #E6E8FA Teal #008080White #FFFFFF Yellow #FFFF00

Vamos a um exemplo de cdigo:

Experincia com Fontes

Primeiro exemplo com tipos de fontes

Este texto ser exibido em Agaramond

Este texto ser exibido em Tahoma

Este texto ser exibido em Aracane

Exemplos com tamanhos diferentes de fontes

Este texto ser exibido em Courier

Este texto ser exibido em Courier

Este texto ser exibido em Courier

Este texto ser exibido em Courier

Este texto ser exibido em Courier

Este texto ser exibido em Courier

Este texto ser exibido em Courier

Agora iremos usar cores

Este o primeiro texto a ser modificado

AG8 Informtica

48

4. ALINHAMENTOPense no que alinhar um texto no Word ou no StarWrite. Pois ento

voc sabe o que alinhar um texto. claro que voc no ir alinhar em HTMLda mesma forma, ter que utilizar tags e parmetros para estas tags.

Para alinhar um texto voc utilizar o atributo ALIGN com valores : LEFT(esquerda), RIGHT (direita), CENTER (centralizado) e JUSTIFY (justificado).

PARGRAFOSO comando inicia um novo pargrafo onde o texto

automaticamente alinhado pela margem esquerda da tela. Caso voc desejeque seu novo pargrafo seja iniciado com um alinhamento diferente vocdever especificar na hora que incluir esta tag o atributo align.

Vejamos um exemplo:

AlinhamentoMACROMEDIA FLASHA tecnologia Shockwave Flash, da Macromedia, j est presente na Web halguns anos, e no ltimo no ganhou um forte impulso com a incluso do plug-innecessrio nos navegadores mais recentes (apartir do Internet Explorer 4 eNetscape Navigator 4.6). Cada vez mais utilizado, este programa j est sendoempregado em sites de grandes empresas. Seu poder se deve a sua grandecapacidade multimdia e sua versatilidade. Sua finalidade a criao deimagens vetoriais com animao, som e interatividade.Depois veremos mais sobre o Flash

CABEALHOQuanto ao cabealho voc s poder alterar o alinhamento para direita e

centralizado, a esquerda alinhamento padro.

AG8 Informtica

49

Exemplo:

Este um exemplo de cabealho com alinhamentoVamos ao cdigo-fonte para verificarmos a diferena:

Alinhamento de cabealhoCabealho sem alinhamento especialEste um exemplo do cabealho sem alinhamento especial.Cabealho com alinhamento centralizadoEste um exemplo de cabealho alinhado ao centro.Cabealho com alinhamento a direitaEste um exemplo de cabealho alinhado a direita.

5. ALINHAMENTO COM O COMANDO A utilizao desta tag uma forma prtica e rpida de alinhar bloco de

texto. A abreviatura DIV significa diviso. Ao usar esta tag num bloco de textovoc estar atingindo todas as tags dentro daquele bloco. Suas vantagenssobre o Align que:1. Precisar ser utilizada apenas uma vez, ao contrrio do atributo Align, que

tem de ser includo em diversas tags.2. A tag pode ser usada para alinhar qualquer elemento (cabealho,

pargrafos, citaes, imagens, tabelas, etc.). O atributo Align encontra-sedisponvel apenas em um nmero limitado de tags.Voc dever colocar a tag e acrescentar o atributo align na tag de

abertura. O atributo align poder ter os valores left, right e center.

Sintaxe:

TEXTO e OUTRAS TAGSTEXTO e OUTRAS TAGS

AG8 Informtica

50

OBSERVAO:Alm do atributo align=center temos a tag que

funciona igualmente ao atributo.

Vamos treinar um pouco com este cdigo-fonte:

Utilizando a tag DIV para alinharJavaScript na World Wide WebA World Wide Web iniciou-se como um simples repositrio de informaes,mas cresceu muito alm disso. A medida que a Web desenvolveu-se, asferramentas tambm desenvolveram-se. Ferramentas simples de marcaocomo HTML foram unidas por linguagens de programao de verdade.Incluindo JavaScript, que na verdade no uma linguagem deprogramao mas uma linguagem Script hospedeira de pginas emHTML.Entendendo a utilidade do JavaScriptComo a HTML uma linguagem apenas de marcao de texto simples, elano pode responder para o usurio, tomar decises, nem autorizar tarefasrepetitivas. Tarefas interativas como essas exigem uma linguagem maiscomplexa.Eu precisarei usar JavaScript em todas as minhas pginasApenas se quiser aprimor-las e interagir com o usurio.

6. CARACTERES ESPECIAISH caracteres que no podem ser obtidos por meio do teclado. Eles

podem ser inseridos em sua pgina atravs da especificao de um cdigoespecial que o browser interpreta e substitui por um caracter especfico. Essescdigos podem ser obtidos utilizando-se uma nomeclatura definida pela ISO -LATIN - 1 ou a partir de uma entidade HTML.

AG8 Informtica

51

A norma ISO utiliza um cdigo composto pelo caractere & seguido dosmbolo # e, ento, de uma combinao numrica com ponto-e-vrgula. J aentidade HTML usa o caractere & seguido de uma palavra que identifica osmbolo com ponto-e-vrgula.

Caso voc queira escrever uma pgina HTML em outro idioma ter queusar bastante esses caracteres especiais.

Imagine que voc queira fazer uma pgina HTML ensinando a outraspessoas a linguagem HTML. Como faria para explicar uma tag sem que obrowser interpretasse como um comando. Ter de utilizar estes smbolosespeciais.

Vamos a um exemplo:

Tutorial em HTMLO comando &ltBR&gtA finalidade deste comando HTML marcar uma seo do texto comopargrafo inserindo uma quebra de linha.J o comando &ltP&gt para indicar incio de uma novo pargrafo.

Observe que para que o browser pudesse mostrar e seminterpretar como comandos usei caracteres especiais &lt para indicar sinal de .

Quando voc utiliza a acentuao comum do teclado nas suas pginaspodem at parecer que tudo ir correr tudo bem. Mas algum que visualizarsuas pginas em um computador que no tenha as mesmas configuraes de'vdeo e teclado, alguns caracteres podem no sair da forma desejada.

Por exemplo:

A palavra caf, se voc utilizar esta palavra com a acentuao do seu teclado,com certeza na visualizao do seu browser ficar perfeita, mas pode ser queem outros computadores com a configurao diferente no aparea da mesmaforma. O ideal coloc-la assim:Caf ou ca

AG8 Informtica

52

E se desejasse colocar a palavra entre aspas:"Caf&quot

ALGUNS CARACTERES ESPECIAISCARACTERESPECIAL SMBOLO CARACTERESPECIAL SMBOLO

< &lt > &gt { { } } : : & &; ; = = " " " "@ @ $ $ % % ? ?

EXERCCIOS1- Crie uma pgina HTML utilizando os recursos vistos acima. Use esta pgina

para falar da utilidade da Internet na vida de pessoas que no trabalhamcom informtica, sugestes para aqueles que querem abrir negcios novosenvolvendo Internet, sem ser um racker.

ANOTAES