Oficina da Net

Fonte de ícones - Confira o novo ÍCONES BR.

Curso de HTML - Aula 1

Publicado em: 16/04/2008 | HTML | Visualizações: 1.457 | 1 Comentário(s)

Introdução

HTML quer dizer Hiper Text Marckup Language, em português, Linguagem de Marcação de Hipertexto. Ela é uma linguagem interpretada, não precisando de compilador para criar um arquivo em linguagem de máquina, e sim de um interpretador capaz de fazer a leitura do arquivo fonte e produzir o resultado final, que será a página. O responsável por fazer esse trabalho de interpretação é o Web browser, mais conhecido como navegador de internet.
É importante saber que o HTML não foi criado para controlar a aparência dos documentos (páginas), mas para formatá-lo(a). Ele diz ao browser, por exemplo, como deverá ser apresentado determinado fragmento da página, onde será o texto, onde é uma tabela ou um formulário.
Para saber mais sobre a história do HTML, clique aqui.

O HTML e a Acentuação

É recomendado não acentuar documentos Web, mesmo com os navegadores atuais entendendo a presença de um acento, é possível que em determinada ocasião o texto fique truncado.
Para resolver esse problema, existe uma tabela de códigos que substituem os acentos. Os browser lêem esses códigos e os transformam em caracteres acentuados, possibilitando que o documento seja transmitido por qualquer meio.
No arquivo anexo dessa 1ª aula você encontra a tabela com os caracteres e os seus respectivos códigos.

O HTML e as Cores

A indicação das cores no HTML é feita através de códigos hexadecimais ou através do seu nome em inglês, o que não é muito aconselhável. O representação hexadecimal é obtida levando-se em consideração a paleta RGB (Red, Green e Blue) de formação de cores, que tem seus valores variando de 0 (zero) a F (sistema numérico hexadecimal) como representado abaixo:

0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F

Onde 0 (zero) representa a total ausência da cor indicada e F o uso total da cor.

Para formar uma cor usando a numeração hexadecimal são utilizados dois pares de cada cor da paleta, exemplo:
FF0000 = vermelho | FF00FF = magenta (mistura de vermelho com azul)
No arquivo anexo dessa 1ª aula você encontra a tabela com as cores e os seus respectivos códigos hexadecimais.

Marcações HTML

As marcações HTML são chamadas de Tags. Elas são formadas pelo sinal (<), (o símbolo de “menor que”), seguida pelo nome da marcação fechada por (>) (“maior que”).
De maneira geral, as Tags aparecem em pares, e o símbolo que determina o fechamento de uma Tag é o mesmo que determina o início, antecedido por uma barra (/).

Exemplo:
<h1>Curso de HTML – Oficina da Net</h1>

Existem Tags que não são utilizadas em pares, e portanto não precisam ser fechadas. Essas Tags serão vistas no decorrer do curso.

As Tags HTML podem conter complementos que modificam as propriedades dos elementos envolvidos por elas. Esses complementos são indicados dentro da própria Tag.

Exemplo:
<p align=”center”>Curso de HTML</p>

IMPORTANTE

O HTML não é case sensitive, ou seja, não é sensível a maiúsculas e minúsculas, mas é interessante escrever as Tags usando apenas letras maiúsculas ou apenas letras minúsculas. Neste curso as tags serão escritas em letras minúsculas.

Estrutura Hierárquica dos Comandos HTML

Existe uma estrutura básica usada para escrever os documentos HTML. Essa estrutura deve conter os comandos básicos, que são parte fundamental do documento. Se esses comandos não estiverem correto o browser poderá interpretar o documento erradamente.

Veja abaixo a Estrutura Hierárquica dos Comandos HTML.

O documento HTML é dividido em partes, e essas partes são: estrutura básica, cabeçalho e corpo do programa. Os comandos que representam essas partes são:

<html>...</html> - é o comando principal do HTML, pois é ele quem marca o início e o final do documento.

<head>...</head> - este par marca a área de cabeçalho. O documento funciona sem ele, mas no decorrer do curso veremos que ele também é importante e não o devemos deixar de fora.

<title>...</title> - é o único comando obrigatório da área de cabeçalho, pois ele é que conterá o título do documento, por isso não podemos deixar de utilizar o conjunto de tags <head>...</head>.

<body>...</body> - esta dupla delimita a área de corpo do documento, área esta que receberá todo o conteúdo da página, seja ele texto ou imagem.

Abaixo você verá a estrutura mínima de um documento HTML.

<html>

<head>

   <title> Curso de HTML</title>

</head>

<body>

Área onde entrará o conteúdo da página (dados e tags).

</body>

</html>

Terminamos essa primeira aula, espero que tenham gostado. Baixem o arquivo em anexo e procurem gravar o máximo de códigos de caracteres e cores que conseguirem. Na próxima aula criaremos a nossa primeira página HTML.

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 pessoal.

Arquivo anexo: Clique aqui para download

Links patrocinados