Apostila_de_html 10
30 pág.

Apostila_de_html 10

Disciplina:Análise Textual6.572 materiais162.550 seguidores
Pré-visualização7 páginas
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