Projeto eJovem 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 tornouse 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 eJovem 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, trocavase 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, utilizandose 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ãohipertexto” 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 eJovem 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, formataos 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 (email). 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 eJovem 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