Apostila_HTML_CSS_E-Jovem 11

Projeto e­Jovem ­ Módulo II: HTML 1
Capítulo 1. HTML
1.1.  Introdução
Antes  de   começarmos  a  estudar  HTML,  é  necessário  que   se  entenda  alguns  princípios 
básicos que envolvem esta linguagem.
1.1.1.  Internet
Mais que um modismo, a Internet tornou­se um fenômeno. Conectando mais de um milhão 
de computadores e cerca de 40 milhões de usuários, espalhados em diversos países, valores 
estes que mudam a cada dia. Sem dúvidas, não dá para ficar de fora desta teia.
Enfim, se formos definir Internet, o melhor é utilizarmos o termo comunicação, pois através 
dela encontramos serviços e facilidades; notícias e atualidades; ou ainda, como é o caso de 
muitas pessoas, um excelente local para encontrar amigos, jogos, bate papo e muito mais, 
como lojas virtuais, onde podemos comprar ou vender com toda segurança.
1.1.2.  Histórico da Internet
A  Internet   teve   início  em 1969 sob  o nome de  ARPANET (USA).  Composta  de  quatro 
computadores tinha como finalidade demonstrar as potencialidades na construção de redes, 
usando computadores dispersos (espalhados) em uma grande área. A idéia foi boa, e em 
1972, 50 universidades e instituições militares já possuíam conexões.
Hoje é uma arquitetura de softwares e hardwares que estabelecem comunicação entre si, a 
qual é  mantida por organizações comerciais e governamentais. Mais uma das principais 
características da Internet, é que não possui proprietário. 
Para  organizar   todas  estas   trocas  de   informações,  existem associações  e  grupos  que   se 
dedicam   para   suportar,   ratificar   padrões   e   resolver   questões   operacionais,   visando 
promover os objetivos da Internet.
1.1.3.  A Word Wide Web (WWW)
As pessoas costumam falar em Internet e Web, será a mesma coisa? Será apenas uma gíria 
da moçada do bate papo? Ou existe realmente um conceito científico para isto?
Para resolver esta dúvida e também para começarmos a entender esta série de definição de 
conceitos, vamos partir do seguinte princípio:
A Word Wide Web (Ampla Rede Mundial) é conhecida como WWW, uma nova estrutura de 
navegação pelos diversos   itens de dados em vários computadores  diferentes.  O modelo 
WWW  trata   todos   os   dados  da   Internet   como  hipertexto,   isto  é,   vinculações   entre   as 
diferentes   partes   do   documento   para   permitir   que   as   informações   sejam   exploradas 
interativamente e não apenas de uma forma linear.
Por isso, existem programas como o Mozilla Firefox e o Microsoft Internet Explorer que 
aumentaram muito a popularidade da Internet e graças às suas potencialidades. 
Hoje, podemos nas páginas da Internet: ver documentos formatados (cores, efeitos e etc...), 
Projeto e­Jovem ­ Módulo II: HTML 2
escutar música, assistir a vídeos, e muito mais.
Enfim, a Web é a interface gráfica da Internet, pois podemos acessá­la, transferir arquivos 
(Processo este que chamamos UpLoad) e realizar outras operações básicas, sem precisar de 
uma interface gráfica.
Para concluir, só estamos de fato usando a Web quando estamos navegando, fazendo uso 
das Home Pages para acessar um site, ou seja, um endereço único que contêm a Home Page 
(página inicial) e outras páginas que fazem parte deste conjunto de páginas e todas em um 
único código fonte escrito em uma linguagem chamada HTML.
1.1.4.   Web
Web é o diminutivo para World Wide Web. Termo esse usado originalmente para a parte da 
Internet que surgiu no início da década de 90, composta por informações dispostas em 
forma de textos, imagens e sons. É através da Web que se navega com a ajuda de Browsers. 
Antes, trocava­se basicamente mensagens. As duas redes acabaram se fundindo e hoje a 
palavra Web é usada como sinônimo da própria Internet ("Grande Rede").
1.1.5.  Hipertexto
Originalmente,   Hipertexto   é   qualquer   informação   de   texto   em   um   computador,   que 
contenha saltos (links) para outras informações.
Os documentos visualizados através dos Browsers são escritos em Hipertextos, utilizando­se 
uma linguagem especial chamada HTML (HyperText Markup Language).
Através   de  um hipertexto  podemos   “navegar”   de   forma   especial   através   de   elementos 
chamados “links”, os quais remetem para outros documentos ou para partes do mesmo 
documento.
Um documento   “não­hipertexto”  permite   somente  que  naveguemos em uma seqüência, 
percorrendo seu conteúdo para frente e para trás.
O hipertexto nas páginas da Web foi expandido para incluir hyperlinks a partir de texto, de 
uma figura, de um elemento gráfico, de mapas de imagens, som e até mesmo animações, 
sendo definido com a inserção desses novos recursos de “hipermídia”. 
Para se ter uma idéia  de hipertexto, basta visualizar o sistema de "Ajuda" do Microsoft 
Windows.
1.1.6.  Links ou Hyperlinks
Link é um ponto de acesso ou salto até um local na mesma pasta de trabalho ou em outro 
arquivo, representado por meio de texto colorido ou sublinhado, de uma figura, de um 
elemento gráfico ou de um mapa de imagens.
Você pode clicar em um link para saltar até um local onde se encontra um arquivo em seu 
sistema local, para um compartilhamento de rede na World Wide Web ou até para uma 
Intranet.
Projeto e­Jovem ­ Módulo II: HTML 3
1.1.7.  Home Page
Home Page é um conjunto de “páginas", documentos disponíveis na Web, interligados entre 
si   (através   de   links).  O   termo  Home  Page   também  é   usado   para   designar   a   "página 
principal" de um conjunto de documentos. Um conjunto de "páginas"  também é chamado 
de Site.
Alguns   Servidores   da  Web   reservam  index.htm  como   o   nome   da   home   page   (página 
principal), enquanto outros a denominam como default.htm. 
1.1.8.  Site
Palavra em inglês que significa local, lugar. Na Internet, designa um conjunto de páginas 
que representa uma pessoa, instituição ou empresa na rede.
1.1.9.  Browsers (Navegadores da Web)
Browsers   são   softwares   que   leem   e   interpretam   arquivos  HTML   (Hyper   Text  Markup 
Language) enviados para a World Wide Web, formata­os em páginas da Web e os exibe ao 
usuário.   Navegadores   da   Web   também   podem   executar   som   ou   arquivos   de   vídeo 
incorporados em documentos da Web, bastando ter disponível o hardware necessário.
Existem Browsers para todos os gostos. Os mais utilizados, o Internet Explorer e o Mozilla 
Firefox, vêm acompanhados de outros programas para Internet, como o leitor de Correio 
Eletrônico (e­mail). Existem outras opções de Browsers, basta escolher um deles e partir 
tranquilo pelos “mares" da Internet.
1.1.10.  Protocolo
Protocolo é um conjunto de regras estabelecidas com o objetivo de permitir a comunicação 
entre   computadores.  É   um método  de   acesso   a  um  documento  ou   serviço   através   da 
Internet. Dois principais protocolos usados são o File Transfer Protocol (FTP) e o Hypertext 
Transfer Protocol (HTTP).
1.1.11.  Protocolo HTTP (HyperText Transfer Protocol)
HTTP (Protocolo  de Transferência  de  Hipertexto)  é  um protocolo da   Internet  utilizado 
pelos computadores ligados à Web para se comunicarem, ativa os navegadores da Web para 
recuperarem informações de servidores da World Wide Web.
O protocolo permite a um usuário usar um programa cliente para entrar em um URL (ou 
clicar em um hyperlink) e recuperar texto, elementos gráficos, som e outras informações 
digitais de um servidor da Web.
Endereços URL de recursos HTTP começam com http://.
1.1.12.  Protocolo FTP (File Transfer Protocol)
FTP (Protocolo de Transferência de Arquivo) é um protocolo que possibilita a transferência 
de arquivos de um local para outro pela Internet.
Normalmente,   os   sites   têm  áreas   públicas   de   FTP,   permitindo   que   os   usuários   façam 
Projeto e­Jovem ­ Módulo II: HTML 4
download de programas por esse processo.
Protegido por senhas, o FTP também é utilizado para atualizar, à distância, sites localizados 
em empresas hospedeiras.
URLs de arquivos em servidores FTP começam com ftp://.
1.1.13.  URL (Uniform Resource