O Cabeça Dinossauro: Curso de Linguagem HTML

Um breve relato do que aconteceu no minicurso sobre HTML na segunda edição da Semana de Línguas que tinha por finalidade abrir um espaço para que os alunos que não tiveram a oportunidade de conhecer um pouco sobre este “mundo” tão magnífico que é a Informática tivessem acesso e adquirissem um pouco mais de conhecimento.

____________________________________

As linguagens HTML e CSS são muito utilizadas em meio virtual e, muitas vezes, nos deparamos com muitos de seus segmentos sem perceber. Quando estamos acessando o Orkut, por exemplo, ao enviarmos recados com cores e outros efeitos visuais, estamos inserindo ali um código dessas linguagens. É muito simples e de fácil uso, bastando apenas decorar alguns códigos e utilizá-los de uma maneira harmoniosa, para que sua diagramação traga como conseqüência uma bem elaborada página web.

Seguem a seguir alguns tópicos mais importantes que foram citados no decorrer da palestra:

HTML

Estrutura básica de uma página em html

Todo arquivo HTML obrigatoriamente contém alguns comandos que identificam aquele texto como um home Page para o navegador. Assim, as páginas em HTML possuem uma anatomia fixa, devendo conter obrigatoriamente os seguintes Tags.

<html> e </html> - Determinam início e fim do documento HTML. <html> diz ao browser para iniciar um novo documento HTML cujo conteúdo se encontra definido entre esse local e a etiqueta de fim do documento, que é </html>.

<head> e </head> - Definem o cabeçalho. Esta informação não é apresentada graficamente mas dá indicações importantes a respeito daquilo que a página contém e sobre a forma como ela deve ser apresentada.

<title> e </title> - Contém o título da página, ou seja, o nome da janela que irá aparecer na barra superior do navegador.

<body> e </body> - Define tudo aquilo que o navegador deve apresentar graficamente. Todos os arquivos, textos, sons deverão estar entre estes elementos.

O que é HTML?

Vem a ser uma linguagem para fazer páginas web. Ela é quem define o corpo da página.

As Tags

São comandos necessários para tudo o que viermos a fazer na página.

Ex.: < >

Simples, < > à esse comando abre;

Composta, </> à esse comando fecha.

Comandos para Cabeçalhos

Dentro do cabeçalho podemos encontrar os seguintes comandos:

· <title>: define o título da página, que é exibido na barra de título dos navegadores

· <link>: define ligações da página com outros arquivos como CSS

· <meta>: define propriedades da página.

Também no cabeçalho, você decide o tamanho dele, colocando as seguintes tags:

Quanto menor o número, maior o tamanho da letra do cabeçalho.

Comandos para listas

Usam-se as seguintes tags:

ORDENADAS- <ol> , </ol> seguido da tag <li>

DESORDENADAS - <ul>, </ul>

Exemplo Ordenado:

<ol>

<li> Maçã

<li> Pêra

</ol>

Comandos para Imagens

O comando para colocar uma imagem é:

Sendo "imagem" o nome da imagem ou o endereço onde ela se encontra.

Exemplos:

<img src="tela.gif">
Inclui uma imagem chamada "tela.gif"

<img src="images/tela.gif">
Busca a imagem "tela.gif" dentro do diretório "images"

Comando para parágrafos

Só é utilizar a tag: <p>, </p>

Os códigos estão presentes no meio virtual em qualquer página web que solicitamos, por trás de cada interface e layout há o trabalho desses códigos operando com funções unidas entre si, propiciando ao usuário o visual que ele quiser obter com as combinações das tags.

Por Humberto Farias