Oficina da Net

Fórum - Acesse nosso fórum, e faça suas perguntas.

Curso de HTML - Aula 3

Publicado em: 28/04/2008 | HTML | Visualizações: 1.739 | 0 Comentário(s)

O documento de hipertexto possui uma boa variedade de Tags para a formatação dos textos contidos nele, enriquecendo o layout. Mas não se esqueça não se deve usar esses recursos com exageros.

Primeiro vou definir cada uma das Tags, para somente depois passar a exemplos práticos.

<basefont>
Modifica o corpo geral da fonte padrão para o arquivo onde é inserida. O padrão é Times New Roman, 3, Preto, mas esse padrão pode ser alterado por qualquer valor desejado. Lembre-se que configuração só é válida para o arquivo atual.

Sintaxe:
<basefont size=tamanho color=cor face=fonte>

Size – tamanho da fonte, pode variar de 1 a 7.
Color – define a cor e pode ser passado em hexadecimal ou o nome da cor em inglês.
Face – define a fonte a ser utilizada e o nome da fonte deverá ser passado ente aspas.

H (header)
A Tag <Hx> define um título para a página. Ela formata linhas de texto entre <hx> e </hx>, onde x é um número que varia ente 1 e 6, representando o tamanho da fonte, onde 1 é o maior e 6 o menor.

Sintaxe:
<h1>Tamanho 1</h1>
<h2>Tamanho 2</h2>
<h3>Tamanho 3</h3>
<h4>Tamanho 4</h4>
<h5>Tamanho 5</h5>
<h6>Tamanho 6</h6>

Address
Essa Tag formata o texto como um endereço, colocando-o em itálico.

Sintaxe:
<address>seu endereço</address>

Blockquote
Tem por objetivo definir tabulações no texto, como se fosse o resultado do uso da tecla TAB.

Sintaxe:
<blockquote>texto</blockquote>

BR (Break Line)
Define uma quebra de linha no texto.

Sintaxe:
...Texto bem grande, indo para a linha de baixo<BR>Daqui pra frente o texto está uma linha abaixo.

P (Parágrafo)
Define o texto ente ela como sendo um parágrafo.

Sintaxe:
<p align=alinhamento> ... texto... </p>

Align pode receber:

Left – alinha o texto à esquerda
Right – alinha o texto à direta
Center – centraliza o texto.

Center
Essa Tag atribui ao texto que estiver ente ela um alinhamento centralizado.

Sintaxe:
<Center>texto a ser centralizado</Center>

B (Negrito)
O texto que estiver dentro dessa Tag ficará em negrito.

Sintaxe:
<b>texto em negrito</b>

I (Itálico)
O texto que estiver dentro dessa Tag ficará em itálico.

Sintaxe:
<i>texto em itálico</i>

U (Sublinhado)
Essa Tag deixa todo o conteúdo dentro delas sublinhado.

Sintaxe:
<u>texto sublinhado</u>

DEL (Tachado)
Tag responsável por deixar os textos dentro dela em formato tachado, com um risco no meio das letras.

Sintaxe:
<Del>texto tachado</Del>

SUP (Sobrescrito)
A Tag <sup> dá efeito sobrescrito ao texto dentro dela.

Sintaxe:
<sup>texto sobrescrito</sup>

SUB (Subescrito)
A Tag <sub> dá efeito subescrito ao texto dentro dela.

Sintaxe:
<sup>texto subescrito</sup>

Font
Define o corpo geral da fonte a partir do ponto onde é inserido até que encontre a Tag </font> retornando então para o padrão.

Sintaxe:
<font size=tamanho color=cor face=fonte>

Size – tamanho da fonte podendo variar ente 1 e 7.
Color – cor da fonte, podendo ser escrito em hexadecimal ou o nome da fonte em inglês.
Face – define a fonte a ser utilizada, estando ela entre aspas.

Repare que a Tag <font></font> é semelhante à Tag <basefont></basefont>.

HR
Insere uma linha para separação de textos e parágrafos. Quando essa Tag é definida, automaticamente acontece uma quebra de linha.

Sintaxe:
<hr width=largura size=altura color=cor NOSHADE>

Width – define o comprimento da linha
Size – define a espessura da linha
Color – define a cor da linha
NOSHADE – se definido, você retira o efeito 3D (sombreamento) da linha.

Chegamos ao final de mais uma aula, mas antes de concluirmos, vejamos um exemplo aplicando os conhecimentos da aula de hoje.

Exemplo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Curso de HTML - Aula 3</title>

</head>



<body>

<h3>Tags para a formatação de textos</h3>

<p>Na aula de hoje aprendemos sobre as <b>Tags de formatação de Textos</b>. Essas tags são muito importantes para melhorarmos o visual das nossas páginas.<br />Vejamos algumas das Tags que aprendemos hoje e alguns conceitos passados nas aulas anteriores:</p>

<p align="center">A partir desse momento, estamos usando uma formatação diferente da padrão para os textos, isso foi possível porque utilizamos a tag BASEFONT.<br /><br />Note que o cabeçalho dessa página utilizou a Tag <b><H3></H3></b> para dar um destaque.

Veja agora o resultado da tag <address></address> no endereço abaixo:

<address>Rua das Canoas, 123

Jardim do Sossêgo, Catânia, JJ</address>

</p>

<hr color="#00CC00" width="400" size="3" noshade="noshade" />

<p>Como exercício para esta aula, vou deixar o seguinte:<br /><i><b>Crie uma página utilizando os recursos que você já aprendeu até o momento e envie para o <u>cursohtml2008@gmail.com</u> para que possamos acompanhar o seu desenvolvimento.</b></i>

</body>

</html>

Veja o resultado desse código clicando aqui.

Para tirarem suas dúvidas sobre as aulas do curso, basta enviar um e-mail para cursohtml2008@gmail.com e seu e-mail será respondido o mais breve possível, não atrapalhando o andamento do seu curso. Ao enviar o e-mail, não esqueça de identificar a aula na qual você teve dúvidas.

Até a próxima.

compartilhe

Links patrocinados