Aprenda HTML com a Máfia!
A Internet tornou-se o meio de comunicação onde as pessoas têm maior
liberdade de divulgação de suas idéias. Infelizmente grande parte dessas idéias
são vazias e sem utilidades. Deveríamos aproveitar esta liberdade para
unirmos cada vez mais e lutar pelo mundo melhor. No tempo de nossos pais existia
a ditadura e com ela a censura, e os grandes idealistas tinham que se utilizar
de meios especiais para divulgarem seus pensamentos. Hoje podemos abertamente
dizer o que pensamos, e o ideal seria pensarmos em algo útil e construtivo. Imagine um circulo de pessoas
engajadas para melhorar as condições sociais de todos indivíduos onde suas
ideologias são discutidas através da net. É claro que esta informação estará
accessível a qualquer um, mas dane-se, o mundo tem de conhecer nossa
insatisfação.
De qualquer forma o que eu pretendo aqui é ajudar o leigo total em
programação HTML a construir e divulgar suas idéias por meio de uma Home-Page.
Este é um curso básico onde você terá condições plenas para construir uma
página. Espero que você use este conhecimento para enriquecer a grande rede e
que passe este conhecimento adiante.
Como funciona a Internet?
Antes de conhecermos a Linguagem HTML, temos que entender como funciona
a Internet. Para que uma rede exista é preciso que muitos computadores possam
ser interligados ao mesmo tempo. É preciso instalar em cada computador um
dispositivo chamado placa de rede. Ela permitirá que muitos computadores sejam
interligados simultaneamente, formando o que se chama de uma rede local, ou LAN(do
inglês Local Area Network). Se essa LAN for ligada a Internet, todos os
computadores conectados a LAN poderão ter acesso a Internet.
A Internet é a "rede das redes". Ela é composta de pequenas redes locais(LANs),
redes estaduais e enormes redes nacionais que conectam computadores de diversas
organizações mundo afora.
Essas redes estão interligadas de diversas formas, desde um simples linha
telefônica discada até malhas de fibras óticas. As redes que formam a Internet
são ligadas por outras redes de alta capacidade, chamadas
Backbones (espinha dorsal - em inglês). O
backbone é o trecho de maior capacidade da rede e tem o objetivo de conectar
várias redes locais. No Brasil, foi a RNP (Rede Nacional de Pesquisa) que criou
o primeiro backbone da Internet, a princípio para atender entidades acadêmicas
que queriam se conectar a rede. Em 1995, a Embratel começou a montar um backbone
paralelo ao da RNP para oferecer serviços de conexão a empresas privadas. Os
fornecedores de acesso costumam está ligados direta e permanentemente ao
backbone.
O princípio básico de uma rede é a capacidade de "comunicação" entre dois
computadores. Para isso, utilizam-se protocolos, regras ou convenções que regem
essa comunicação. Para que a comunicação se efetive, dois computadores devem
utilizar o mesmo protocolo simultaneamente.
TCP\IP(Transmission Control Protocol \ Internet Protocol) é a família de
protocolos da Internet, desenvolvida nos anos 70 e utilizada pela primeira vez
em 1983. É considerado um protocolo aberto e sem dono. Ou seja é um produto de
nenhuma empresa específica.
World Wide Web (WWW)
WWW é um serviço baseado em Hipertextos (documentos que possuem conexões com outros documentos).O hipertexto significa que você pode escolher uma palavra destacada em uma determinada página e obter assim uma outra página. As páginas podem conter texto, imagens, sons, animações, etc.Por exemplo: Você enquanto navegava na Internet clicou sobre uma série de palavras (links) até chegar este documento ao qual lê agora.
Conhecendo a Linguagem
O que é HTML ?
HTML significa HyperText Markup Language ou Linguagem de Marcação HiperTexto, é a linguagem base para a criação de páginas Web, que é interpretada por todos os navegadores (browsers) disponíveis (Netscape, Internet Explorer, Mosaic, etc...). Atualmente existem muitas outras linguagens utilizadas concorrentemente com o HTML (Java, ActiveX, etc...).
O documento em HTML é um arquivo texto comum (ASCII) que pode ser escrito através de qualquer editor de textos comum (WordPad, Norton Editor, notepad, Bloco de Notas ...) e tem a terminação .htm ou .html .
Como é uma linguagem interpretada, a partir do momento em que se salvou o arquivo HTML o mesmo já pode ser aberto por qualquer navegador, que é o único software que pode determinar se o documento foi escrito dentro dos padrões da linguagem.
Estrutura da Linguagem
Os comando em HTML são chamados de tags e são identificados por serem envolvidos pelos sinais < > (que indica inicio de um tag) ou </> (indica o final). Os tags normalmente andam em pares. O formato genérico de um tag é: <Nome da tag> Texto </Nome do tag>. Esses comandos definem como um texto será exibido na tela, sua fonte, tamanho, se o documento terá música, imagens, vídeos, o fundo do documento, enfim, toda sua estrutura.
Obs.: O nome do tag pode estar em maiúscula ou minúscula.
Um documento HTML é iniciado com o tag <HTML> e
finalizado com </HTML>. O tag <HEAD> que também é finalizado com </HEAD>
servirá para delimitar uma área de cabeçalho.(Não é necessário ter este tag para
sua página funcionar). O tag <TITLE>- que será usado dentro dos tags <HEAD>
servirá apenas para colocar um título que aparecerá na barra de títulos do seu browser, e também é acompanhado pelo tag</TITLE>. Por exemplo: O título que
aparece na barra de seu navegador para esta página é:"Aprenda HTML com a Máfia",
o código é <HEAD><TITLE>
Aprenda HTML com a Máfia</TITLE></HEAD>.
Dentro dos tags <BODY> </BODY> serão colocados
todos os comando, textos e imagens da sua página. Será corpo da sua página,
aquilo que o usuário verá ao carregar a página no browser. Todo o texto que você
visualiza neste momento encontra-se entre tags body e dentro dessa tag
existe outras tags que estão dando formato ao texto.
Veja um exemplo da estrutura básica:
<HTML>
<HEAD><TITLE> Título da página</TITLE></HEAD>
<BODY>
Aqui você coloca os comandos em HTML, seus textos, imagens etc.
</BODY>
</HTML>
No começo a luta é dura, mas nunca desista, pois o fraco nunca vence!
Com o exemplo acima você já é capaz de montar uma página muito simples. Como teste sugiro que você copie o código acima, abra o bloco de notas, cole, escreva um texto na parte que se encontra em verde, e depois salve o arquivo como teste1.html.Sempre que você desejar gerar um arquivo HTML é preciso salvar com a extensão .html ou .htm. Com isso uma página irá surgir no diretório em que foi salvo o arquivo. Abra esta página e veja o resultado.