Curso de HTML - Aula 3

Na aula de hoje começaremos a ver as Tags utilizadas para a formatação dos documentos HTML, mais especificamente as Tags de formatação de textos.

Por | @jonathanlamimkt Programação
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.


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:


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 define um título para a página. Ela formata linhas de texto entre e , 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:

Tamanho 1


Tamanho 2


Tamanho 3


Tamanho 4


Tamanho 5

Tamanho 6


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

Sintaxe:
seu endereço


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

Sintaxe:
texto


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

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

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

Sintaxe:

... texto...



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:
texto a ser centralizado


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

Sintaxe:
texto em negrito

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

Sintaxe:
texto em itálico

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

Sintaxe:
texto sublinhado

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

Sintaxe:
texto tachado

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

Sintaxe:
texto sobrescrito

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

Sintaxe:
texto subescrito

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

Sintaxe:


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 é semelhante à Tag .

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

Sintaxe:



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:





Curso de HTML - Aula 3



Tags para a formatação de textos


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


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.

Note que o cabeçalho dessa página utilizou a Tag

para dar um destaque.
Veja agora o resultado da tag
no endereço abaixo:
Rua das Canoas, 123
Jardim do Sossêgo, Catânia, JJ




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



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.

Mais sobre: curso_html
Share Tweet
DESTAQUESRecomendado
Mais compartilhados
Comentários