Apostila_HTML_CSS_E-Jovem 11

conectados   por   webs   ou 
hiperlinks.
O padrão HyTime é   independente dos padrões e processamento de texto em geral.  Ele 
fornece  a  base  para  a   construção  de   sistemas  hipertexto  padronizados,   consistindo  de 
documentos que aplicam os padrões de maneira particular.
1.2.2.  SGML (Standard Generalized Marup Language)
Padrão ISO 8879 de formatação de textos: não foi desenvolvido para hipertexto, mas torna­
se conveniente para transformar documentos em hiper­objetos e para descrever as ligações. 
SGML não é aplicado de maneira padronizada: todos os produtos SGML tem seu próprio 
sistema para traduzir as etiquetas para um particular formatador de texto.ssa, sendo esta 
uma postura que deve ser tomada.
O documento HTML pode ser escrito em qualquer editor de textos, desde que este tenha a 
capacidade  de   gravá­lo   como   código  ASCII   (American   Standard  Code   for   Information 
Interchange   ­   código   utilizado   para   representar   textos   quando   há   computadores 
envolvidos), isto é, como texto puro, sem formatação ou caracteres de controle. Pode­se 
usar,  portanto, o gedit,  kate,  kedit  nas distribuições  linux, ou o Notepad, do Windows. 
Pode­se também usar editores mais modernos, como o BrOffice Writer ou o Word, sendo 
necessário neste caso, que o documento seja gravado no formato texto, e não, como um 
''.odt" normal do BrOffice Writer ou “.doc" normal do MS­Word.
1.2.3.  Conjunto de caracteres ASCII
O conjunto  de   caracteres   de  7   bits   do   código  padrão   americano  para   intercâmbio  de 
informações   (ASCII,   American   Standard   Code   for   Information   Interchange)   e   que   é 
amplamente   usado   para   representar   letras   e   símbolos   encontrados   em   um   teclado 
americano padrão. O conjunto de caracteres ASCII é   igual aos 128 primeiros caracteres 
(0127) do conjunto de caracteres ANSI.
1.2.4.  Conjunto de caracteres ANSI
O conjunto  de   caracteres   de  8  bits,  do   Instituto  Nacional  de  Padronização  Americano 
(ANSI, American National Standards Institute), que é usado pelo Microsoft Windows e que 
possibilita   a   representação  de   até   256   caracteres   (0­255),   através   do   teclado.  Os  128 
primeiros caracteres (0­127) correspondem a letras e símbolos de um teclado americano 
padrão. Os outros 128 caracteres (128­255) representam caracteres especiais, como letras 
de alfabetos internacionais, acentos, símbolos monetários e frações.
Toda vez que você acessar um site (veja tópico Word Wide Web) por meios de domínios 
quando adiciona a URL na barra de endereço, do seu Navegador (Browser),  você  verá 
páginas na WEB bem dinâmicas, organizadas, animadas e com ela trazendo informações, 
imagens, sons, vídeos e etc.
Então, você deve se perguntar: Como é feito? Como elas se propagam?  Todas estas páginas 
Projeto e­Jovem ­ Módulo II: HTML 8
possuem um código fonte escrito numa linguagem chamada HTML (Hyper Text Markup 
Language).
Este manual tem por objetivo mostrá­lo como criar e exibir páginas HTML, como as que 
você   ver   através   da  WEB.   Tais   páginas   são   criadas   a   partir   de   arquivos   texto   ASCII, 
contendo caracteres de marcação da linguagem HTML. Uma vez criados, estes arquivos são 
salvos com uma extensão“.html”.  Portanto, deveremos salvar nossos exercícios com esta 
extensão.
Já que entendemos melhor como funciona a internet em geral, daremos inicio ao curso de 
HTML. 
Todo documento HTML apresenta elementos entre parênteses angulares (< e >). Esses 
elementos   são   as   etiquetas   (tags)   de  HTML,   que   são  os   comandos   de   formatação  da 
linguagem. A maioria das etiquetas tem sua correspondente de fechamento, representada 
com uma “barra” ( / ):
Isso é necessário porque as etiquetas servem para definir a formatação de uma porção de 
texto,   e   assim   marcamos   onde   começa   e   onde   termina   o   texto   com   a   formatação 
especificada  por   ela.  Alguns   elementos   são   chamados   “vazios”,   pois  não  marcam uma 
região de texto, apenas inserem alguma coisa no documento, não havendo a necessidade 
do fechamento:
Todos os elementos podem ter atributos:
HTML é  um recurso muito  simples  e  acessível  para a  produção de  documentos.  Nesta 
apostila, será possível aprender grande parte de seus elementos.
Nota: Não existem programas em HTML, pois HTML não é uma linguagem de 
programação, mas de formatação (marcação). Portanto, a rigor, não existem 
"programadores" de HTML.
1.3.  Edição de Documentos HTML
Existem Editores HTML chamados WYSIWYG (what you see is what you get ­ o que você vê 
é o que você tem). Eles oferecem ambiente de edição com um resultado final das marcações 
(pois o resultado final depende do browser1 usado para visitar a página). Alguns bastante 
conhecidos são, por exemplo: FrontPage e Dreamweaver.
Além dos editores específicos para HTML, Editores de Textos bastante utilizados, como o 
Word, entre outros, permitem a exportação de seus documentos próprios para o formato 
HTML (menu Arquivo, Salvar como, Salvar_como Tipo).
Um documento HTML, como dito anteriormente, normalmente terá extensão .html. Porém, 
poderão também estar no formato .htm.
Gostaria de lembrar, como citei na linha acima, que existem vários editores de Home Pages, 
como por exemplo: o Front Page Express, Netscape Composer, Home Site, etc. Só que na 
Projeto e­Jovem ­ Módulo II: HTML 9
ausência destes aplicativos e sendo desconhecida a Linguagem de HyperTextos, HTML, não 
poderia criar suas páginas. Daí, a importância de se conhecer esta linguagem. 
Para estudarmos HTML, usaremos editores de texto simples, como: gedit, kate ou Bloco de 
Notas. Precisaremos também de um Browser (Mozilla Firefox ou Internet Explorer) para 
que possamos visualizar como nossa página está ficando. Para nossos exemplos, usarei o 
Mozilla Firefox. Tudo Bem? Mas antes, vamos entender como estas páginas são colocadas 
para que todos possam ver na Web.
1.4.  Publicação de Documentos na Internet (Sites)
Para que uma página esteja  permanentemente  disponível  pela  Web,  ela  precisa   ter  um 
endereço fixo, alojada em um servidor.
Existem vários provedores de espaço (hosting) gratuitos e também os provedores de acesso 
geralmente  oferecem espaço para  os   sites  de  seus  assinantes.  Sites  com fins   lucrativos 
geralmente são hospedados em provedores de espaço pagos.
Definida a hospedagem, basta enviar para o provedor os arquivos de seu site (via FTP2 ou 
por   uma   página   de   envio   no   próprio   provedor   de   espaço)   e   suas   páginas   já   estarão 
disponíveis para visitas no mundo todo.
Já tendo uma idéia dos principais conceitos, vamos começar a produzir nossas páginas.
1.5.  Documento HTML Básico e seus Componentes
A estrutura básica de uma página HTML é mostrada na abaixo. Observe que a construção 
de páginas exige o uso das TAGS: 
Com   certeza,   você   observou   melhor   o   que   foi   dito   anteriormente,   que   as   TAGs 
normalmente estarão antes e depois de algo, onde este algo pode ser algum texto, ou outro 
conjunto de TAGs que estão entre estas duas TAGS.
As etiquetas (tags) HTML não são case sensitive, ou seja, as TAGS não fazem diferença 
entre   letras   maiúsculas   ou   minúsculas.   Tanto   faz   escrever,   por   exemplo,   <HTML>, 
<Html>, <html>, <HtMl>, etc. 
Onde :
Principais TAG's
<html> Marca o início e fim do documento
<head> Marca o início e o fim do cabeçalho 
<title> Marca o inicio e o fim do título
<body> Marca o início e o fim do do corpo da página
Projeto e­Jovem ­ Módulo II: HTML 10
O documento HTML básico divide­se, principalmente, em duas TAGS principais das vistas 
acima, sendo elas: <HEAD> e <BODY>.
1.5.1.  <HEAD>
Esta TAG contém informações sobre o documento. O elemento <TITLE>, por exemplo, 
define um título, que é mostrado no alto da janela do browser. 
Exemplo:
Todo documento WWW deve ter um título, onde principalmente esse título é referenciado 
em buscas pela rede, dando