Apostila_de_html 10

todas as informações
necessárias , para que a mensagem (username) e uma parte relacionada à localização no
formato:
username@subdominios.domínio
EX: joão@mas.com.br
Uma mensagem é composta de cabeçalho e corpo . O cabeçalho informa a data do envio da
mensagem, o endereço do emitente , um título sobre o assunto , além de informações de controle .
O corpo da mensagem é o seu conteúdo.
Embora a grande maioria das mensagens trocadas via rede sejam constituídas por informação
puramente textual, também é possível obter outros tipos de informação , tais como sons e
imagens . Através do correio eletrônico, também é possível utilizar outros serviços de rede , tais
como listas de discussão, USENET News , ftp , archie.
FTP (File Transfer Protocol)
Protocolo de transferência de arquivos é o serviço básico de transferências de arquivos na rede .
Com a devida permissão , é possível copiar um arquivo de um computador a distância para o seu
computador ou transferir um arquivo do seu computador para um computador remoto , para tanto ,
você deve ter permissão de acesso ao computador remoto .
Ante as restrições para transferência de arquivos foi criado o "FTP Anônimo" para facilitar o acesso
de usuários de todo mundo a determinadas máquinas que mantém enormes repositórios de
informação. Não é necessário uma permissão de acesso . O usuário irá identificar-se como
Anonymous quando o sistema requisitar o "log-in".
HTML
Falemos do que interessa mesmo.HTML – abreviação de HiperText Markup Language é a
linguagem de programação que usamos para criar uma página Web , que por sua vez será
composta de textos e comandos especiais que chamaremos de Tags. Não se assuste com o nome,
pois se trata de uma linguagem muito simples , e tem como finalidade básica formatar o texto e
imagens exibidos e criar ligações entre páginasWeb , criando assim documentos com o conceito
de Hipertexto.
Como em qualquer outra linguagem , o programador deve escrever o código - fonte seguindo as
regras de sintaxe da linguagem. Este código – fonte é posteriormente interpretado pelo browser ,
que se encarregará de executar os comandos ou tags do código para formatar e acessar recursos
da Web.
Em março de 1989, Tim Berners-Lee do European Laboratory for Particle Physics ( mais conhecido
como CERN ) , propôs um novo conjunto de protocolos para um sistema de distribuição de
informações da Internet a ser usado entre os diversos grupos de pesquisa em física de altas
energias . Os protocolos da WWW foram logo adotados por outras organizações e foi formado um
consórcio de organizações , chamado de W3 Consortium , que uniu seus recursos de modo a
prosseguir com o desenvolvimento de padrões WWW.
Esse consórcio é liderado pelo MIT ( Massachusetts Institute of Technology) , pelo CERN e pelo
INRA ( French National Institute for Research in Computer Science and Control). Ele propõe
recursos mais novos e sofisticados de HTML , avalia sugestões e implementações alternativas e
publica novos "níveis" de versões do padrão HTML.
Existem vários programas para editoração HTML , que tornaria nosso trabalho muito mais fácil e
nos acomodaria como usuários – finais que não entendem nada do que estão fazendo. Por isso ,
sofreremos um pouco e usaremos o incrível , sensacional , fantástico e estupendo Bloco de Notas
( NotePad ) do Windows.
• Comandos HTML – Tags
Os comandos em HTML são chamados de tags , e eles irão dizer ao browser como o texto, a
informação e as imagens serão exibidas . Por exemplo , um tag pode dizer que um texto será
exibido em negrito , itálico e com um tipo de fonte qualquer. Além de formatação de texto um tag
também pode dizer que na verdade um determinado pedaço do texto é um endereço para outra
página Web , que será acessado ao dar um click no endereço.
Os tags são identificados por serem envolvidos pelos sinais < > ou </ >. Entre os sinais < > são
especificados os TAGS propriamente ditos . No caso de tags que precisem envolver um texto , a
sua finalização deverá ser feita usando a barra de divisão "/ " , indicando que o tag está finalizando
a marcação de um texto , o que faz os tags normalmente andarem em pares. O formato genérico
de um tag é :
<Nome do tag> Texto </Nome do tag> .
Lembraremos sempre que não é necessário estar ligado à Web para criar páginas HTML ou para
usar os Browsers. Basta que , ao terminar de escrever sua página no Bloco de Notas , você salve
seu documento com um nome qualquer e a extensão HTM ou HTML , para que o browser possa
interpretar suas páginas.
Estrutura básica de uma página
Bem , deixarei claro que ultimamente o que vou explicar não é bem assim , pois existe um certo
desleixo hoje na Internet , mas , seguindo o padrão clássico teremos :
O TAG <HTML> – que será usado em conjunto com seu tag de fechamento < / HTML > e será
colocado no início e no final do documento , delimitando a área onde serão colocados os TAGS
HTML .
O TAG <HEAD> - que também terá seu tag de fechamento </HEAD> e servirá para delimitar uma
área de cabeçalho com poucos TAGS (não é necessário ter esse TAG para sua página funcionar)
O TAG <TITLE> - que será usado dentro dos tags <HEAD> , e servirá apenas para colocar um
título que aparecerá na barra de título do seu browser ( não esqueça o </TITLE>) .
Dentro dos TAGS <BODY> </BODY> serão colocados todos os comandos , textos e imagens da
sua página . Será o corpo da sua página.
Veja um exemplo de estrutura :
<HTML>
<HEAD>
<TITLE> Título da página </TITLE>
</HEAD>
<BODY>
Aqui você coloca os comandos em HTML , seus
Textos e Imagens .
Aliás , tanto faz colocar os tags em maiúsculas ou
minúsculas.
</BODY>
</HTML>
Vá até a opção Arquivo – Salvar Como do seu Bloco de Notas e salve o exemplo acima como
TESTE. HTM .
Ao abrir o arquivo no browser , sua primeira página ficou assim :
Talvez você tenha de problemas para abrir sua página. Então vou dar uma explicação rápida no
Internet Explorer, e no Netscape que são muito parecidos .
1 – Vá até o Menu Arquivo - Abrir… ;
2 – Aparecerá uma caixa para você colocar o endereço da página. Clique no botão Procurar
(Browse…) ;
3 – Aparecerá a conhecida caixinha de pastas do Windows. Vá até a pasta onde você gravou sua
página e clique em Abrir ( Open ) ;
4 – Você voltará até a caixa para a entrada do endereço , já com o caminho dentro da caixa ;
5 – Aí é só clicar OK .
Criando Sites HTML
Agora que aprendemos algumas técnicas , como criar uma página HTML , salvá – la com a
extensão . HTM , abrir e vê – la em nosso browser , vamos formatar tudo o que for possível , para
dar um ar mais profissional em sua página. Afinal , no exemplo que fizemos até agora , o fundo da
nossa página não tem cor , nossas fontes são estáticas o que torna o conjunto da página feio.
Vamos ver agora algumas tags que ajudarão a tornar nossas páginas motivo de inveja para
qualquer um .
Tags para formatar sua página
• Tags <H1..6> … </H1..6>
O TAG <H> cria uma espécie de cabeçalho no documento , com padrões de formatação já
prontinhos para usar. Serve para identificar o começo de uma seção ou tópico , facilitando a
visualização dentro da página. Logo após o TAG <H> deve vir um número de 1 a 6 indicando o
tamanho da fonte , sendo que 1 é o maior tamanho e 6 o menor. Exemplo :
<H1> Cabeçalho Grande </H1>
<H6> Cabeçalho Pequeno </H6>
Toda vez que usado esse TAG , a fonte já virá padronizada em negrito e em determinado
tamanho , além de colocar uma linha em branco após o texto. Lembre –se de fechar com o tag
</H> .
• Tags <CENTER> … </CENTER>
Seria bom se pudéssemos alinhar nosso texto bem no meio da página , centralizado Até agora ,
tudo o que escrevemos está alinhado à esquerda da nossa página , enquanto esteticamente ,
ficaria muito melhor centralizado. Essa é a função do TAG <CENTER> que centraliza um texto ,
uma imagem ou um elemento da página. Exemplo:
<CENTER> Essa frase está centralizada na página </CENTER>
• Tag <P>
A principal diferença entre a página HTML e um editor de textos