quarta-feira, fevereiro 08, 2017

TPI 1 - HTML - Aula 1 - Introdução

TPI 1 - HTML - Aula 1 - Introdução

Introdução

A Estrutura da Linguagem HTML é simples e fácil. Ela trabalha com TAG <>, e dentro destas tags inserimos os comandos para fazer a formatação do texto que queremos. Tudo o que está fora da TAG é um texto, portanto é exibido no corpo da página.
Veja só : O Seu Texto Aqui . Para digitar os comandos tanto faz ser maiúscula ou minúscula, pois HTML não é Case Sensitive.
Vejamos a estrutura da Linguagem :

==========================================================

<html>

<head>

 <title>
TITULO DA PÁGINA - BARRA DE TÍTULO
 </title>
 </head>

<body>
Aqui vai o seu texto, sua tabela, sons, figuras, listas, tudo o que você quiser
</body>
</html>
==========================================================

Se você quiser, toda sua página pode ser escrita em uma linha, mas se você organizar o seu código, fica mais fácil de se localizar na hora de fazer alguma alteração.

Outra curiosidade é que HTML só entende um espaço entre as palavras/letras, mais de um espaço ele ignora. Assim como dar enquanto você digita seu texto, ele também ignora, é necessário inserir comandos especificos para pular linha/parágrafo e dar mais de um espaço.



  
TAG BODY
A TAG BODY é responsável por configurar o corpo da página, ou seja, tudo o que você tem no site, fica dentro do corpo da página. Existe apenas um <BODY> na página. Se você tiver alguma coisa a mais para colocar referente ao corpo da página, altere a TAG <BODY> e não insira outra TAG.
A sintaxe completa da TAG BODY é a seguinte :

<body bgcolor="cor" background="arquivo.ext" link="cor" vlink="cor" alink="cor"
topmargin="n" bottommargin="n" leftmargin="n" rightmargin="n" scroll="yes/no" text="cor">
onde:

BODY = CORPO
É o corpo da página é o início de tudo, SÓ TEM UM NA SUA PÁGINA. Se escrever mais de um BODY na página, dá BODE na nota ! entendeu ? Utilizando apenas esta tag, sem parâmetro algum, a cor de fundo padrão é branco e a cor da letra é preto.

BGCOLOR = BACKGROUND COLOR
Cor de fundo da página, aqui você pode escrever a cor em Inglês ou usar o código RGB (Red Green Blue). Veja a tabela de cores aqui

BACKGROUND = FUNDO
É uma figura de fundo que pode ser colocada na sua página. Se a figura não ocupar o espaço todo da tela, ela irá se repetir até preenchê-la. Em HTML não é possível posicionar a figura centralizada, apenas utilizando Estilo. O nome do arquivo deve ser escrito corretamente e não deve estar com letra maiúscula, muito menos o arquivo da figura.

LINK = COR DO LINK
A cor padrão do link é azul e sublinhado. Para alterar esta cor, use este parâmetro, porém, o sublinhado permanecerá.

VLINK = VISITED LINK
É a cor do link que já foi visitado, que é roxo e sublinhado.

ALINK = ACTIVE LINK
É a cor do link ativo, ou seja, quando clicamos no link, este pode ficar de outra cor. O padrão do Internet Explorer é não ter uma cor definida para ele.

TOPMARGIM = MARGEM DO TOPO
Aqui definimos um margem a partir do topo da página. Este número é definido em Pixels.

BOTTOMMARGIM = MARGEM DO RODAPÉ
Aqui definimos um margem a partir do fim da página. Este número é definido em Pixels.

LEFTMARGIM = MARGEM DA ESQUERDA
Aqui definimos um margem a partir do lado esquerdo da página. Este número é definido em Pixels.

RIGHTMARGIM = MARGEM DA DIREITA
Aqui definimos um margem a partir do lado direito da página. Este número é definido em Pixels.

SCROLL = BARRA DE ROLAGEM
Se colocarmos o valor no , a barra de rolagem será omitida, pois mesmo que não ela não fique ativada por não existir texto suficiente para sua ativação, o seu espaço fica reservado, ela fica inativa, portanto ocupa luga na página.

TEXT = TEXTO
Definimos um cor padrão para o texto, que inicialmente é preto.

Nenhum comentário:

Postar um comentário