HTML ou HTML ou HyperText Markup Language - Linguagem de
Formatação de Hipertexto é um conjunto de símbolos
- TAGS < (sinal de menor) e > (sinal de maior) que de acordo com
sua disposição nos permite a construção das
páginas da internet.
Ao utilizarmos essa linguagem devemos respeitar sua estrutura básica,
que assim como um texto, deve ter inicio, meio e fim. Seguindo esse simples
regra podemos construir páginas práticas, bonitas e com
uma disposição de conteúdos que não confunda
o usuário e permita a este uma navegação mais rápida.
Hoje em dia, com o advento dos editores de HTML, programas que nos permite
a construção de páginas da internet ao simples clicar
de um botão, muita gente acha que é desnecessário
aprender HTML, ledo engano, entender a lógica de uma página
construida nessa linguagem é vital para o bom funcionamento da
mesma, conhecer as principais tags, seu funcionamento, seus paramêtros
e finalidade nos permite construir páginas diferenciadas e atrativas
aos olhos dos usuário. Mesmo porque, dificilmente um editor de
HTML será capaz de oferecer todos os recursos que diariamente são
disponibilizados na Web.
O primeiro passo para entender a lógica de uma página em
HTML é compreender a existência de dois tipos de tags - àquelas
que existem sozinhas e criam uma ação por si mesma (ex:
a tag de quebra de linha <BR>) e às que necessitam de serem
abertas e fechadas para exercutar perfeitamente uma ação
( a grande maioria delas), além disso saber que, muitas vezes,
a tag não modifica nada, mas o acréscimo de parâmetros,
fará o diferencial.
Entender também o que fazem os principais parâmetros, permite-nos
personalizar nossa página e deixá-la diferente das demais
existentes.
Partindo desse principio uma página da web terá sempre um
esqueleto básico que consiste em:
1) A construção de um cabeçalho de página:
<HTML> (Indicando que aqui começa a sua página Web.)
<HEAD>
<TIITLE>Onde ficará o título da página - visivel
para o usuário na Barra de Títulos do Navegador </TITLE>
<Meta (Tag que tanto pode servir para informar o nome do webdesign
da página, quanto as palavras chaves para busca e até mesmo
em efeitos de transição entre páginas.)
</HEAD>
2) O inicio do "Corpo da Página" - lugar
aonde ficará o conteúdo da mesma:
<BODY> É uma tag composta que deverá ser fechada no
final da página, sozinha apenas define que aqui se inicia o conteúdo,
mas dentro desta tag podemos acrescentar uma série de parâmetros
que podem mudar a cor da página, a cor do texto, a cor dos links,
colocar uma figura como plano de fundo e etc.
3) O final da página:
</BODY>
</HTML>
Não podemos nunca esquecer de fechar essas duas tags ou corremos
o risco de não visualizarmos nossa página.
Inseridas entre as tags <body></body> existem
ainda centenas de outras tags responsáveis pela inserção
de figuras, textos de formatos diferentes, som, animação
e muito mais.
A utilização dessas tags também devem seguir alguns
principios básicos: a tag <FONT> por exemplo, deve ser colocada
ao iniciarmos um texto que queremos formatar e acrescida de parâmetros
que permitirão a mudança de letra, cor e tamanho da fonte.
(ex: <font face="nome da fonte" size="2" color="código
da cor">), usando esse modelo, observe que: ao lado do parâmetro
face existe um sinal de igual, seguido pelo nome da fonte entre aspas.
O padrão dos parâmetros é seguir esse formato, o nome
do parâmetro, o sinal de igual, o texto ou número entre aspas.
A não colocação de um desses itens danifica o parâmetro,
impedindo que qualquer tipo de modicação aconteça.
Muitas vezes ao esquecermos de fechar uma aspas ou não colocar
o sinal impede que visualizemos a nossa página ou a modificação
que criamos.
A linguagem HTML também nós permite uma interação
com outros tipos de linguagem como Java Script, VBScript, ASP, CGI, etc.
Criando o que atualmente é chamado de Páginas Dinâmicas,
que tanto podem permitir uma interação usuário -
página - o que é vital em páginas comerciais ou sites
que necessitam cadastrar seu usuário, quanto podem apenas criar
efeitos atrativos para o visitante.
Entendendo essa estrutura básica podemos iniciar nossa aventura
como webdesigner, é claro que o que foi disponibilizado neste artigo
é apenas o primeiro passo a ser dado para aqueles que pretendem
ser profissionais desta área.
Para os interessados em se aprofundar mais sobre o tema, a Búfalo
Informática Treinamento e Consultoria está iniciando turmas
de HTML - querendo maiores informações entre em contato
aqui.
