Este curso foi desenvolvido para auxiliar na cria��o de p�ginas web, por meio
do Hyper Text Markup Language � mais conhecido como HTML. Para quem nunca ouviu
falar dessa linguagem de marca��o, explicamos que se trata de uma das mais
populares. Aquilo que voc� v� quando abre uma p�gina na internet � uma
interpreta��o que seu navegador faz do HTML. Criada por Tim Berners-Lee em 1990,
quando desenvolveu a revolucion�ria World Wide Web, essa linguagem utiliza um
formato de c�digo simples, que n�o precisa da ajuda de aplicativos especiais. Para
criar um documento HTML, apenas o bloco de notas do computador j� � o suficiente!
Na parte inicial do curso, voc� se familiarizar� ou relembrar� os principais termos
t�cnicos relacionados � internet, com explica��es sobre protocolos e linguagem de
marca��o. Depois, os conte�dos explicam a import�ncia do HTML, seus principais
comandos at� chegar �s dicas para voc� criar um documento, format�-lo, criar listas
e muito mais. Para completar, nosso curso ainda apresenta exerc�cios que o ajudar�o
a fixar os conceitos apresentados.
M�dulo 1 � Introdu��o
M�dulo 2 � HTML e a Web
M�dulo 3 � Criando um documento HTML
M�dulo 4 � Formatando um documento HTML
M�dulo 5 � Criando listas
<HTML>
<HEAD>
<TITLE>Criando lista intercalada</TITLE>
</HEAD>
<BODY>
<P><FONT FACE="Calibri" SIZE="4">Principais caracter�sticas dos <i>notebooks</i>
pesquisados:</P>
<OL>
<LI>Orange
<UL>
<LI>Tela sens�vel ao toque de 13"
<LI>3 entradas USB
</UL>
<LI>Lemon
<UL>
<LI>Tela sens�vel ao toque de 15"
<LI>2 entradas USB
</UL>
</OL>
<P>Ap�s a an�lise o grupo dever� escolher a melhor op��o para o trabalho a ser
realizado.</P>
</BODY>
</HTML>
M�dulo 6 � Inserindo imagens
M�dulo 7 � Criando links
<HTML>
<HEAD>
<TITLE>Link para se��o</TITLE>
</HEAD>
<BODY>
<P><FONT FACE="Calibri" SIZE="3">Inserindo <I>links</I> criando se��es.</P>
<P> Neste exemplo voc� ver� que, quando o texto for muito grande, voc� poder�
criar <I>links</I> que levem o usu�rio diretamente ao ponto desejado.</P>
<A href = "#Cap�tulo I">O que � HTML?</A><BR>
<A href = "#Cap�tulo II">Principais comandos</A>
<BR>
<BR>
<A name = "Cap�tulo I">
<H2>O que � HTML?</H2>
<P>HTML � uma das linguagens de marca��o mais conhecidas e utiliza um formato
simples de c�digo, que pode ser gerado sem a ajuda de aplicativos especiais.</P>
<P>Para criar um documento HTML, tudo o que voc� precisa � de um editor de
texto ASCII como o NotePad (Bloco de Notas), por exemplo. Se voc� precisar
verificar a formata��o do documento durante a cria��o, pode usar qualquer
navegador, pois todos eles s�o capazes de interpretar o c�digo.</P>
</A>
<A name = "Cap�tulo II">
<H3>Principais comandos</H3>
<P>Os comandos s�o inseridos no c�digo entre os sinais de menor que "<" e
maior que ">" e s�o chamados de <I>tags</I>.</P>
</A>
</FONT>
</BODY>
</HTML>
M�dulo 8 � Combinando tags
<HTML>
<HEAD>
<TITLE>Tag ANCHOR e as tags de formata��o</TITLE>
</HEAD>
<BODY>
<P><FONT FACE="Calibri" SIZE="5">Combinando a <i>tag</i> ANCHOR com as
<i>tags</i> de formata��o.</P>
<OL>
<LI><A HREF="#Exerc1"><FONT COLOR="green">Reveja o exerc�cio
1</A></FONT><BR>
<LI><A HREF="#Exerc2"><FONT COLOR="red">Reveja o exerc�cio
2</A></FONT><BR>
<LI><A HREF="#Exerc3"><FONT COLOR="purple">Reveja o exerc�cio
3</A></FONT><BR>
</OL>
<A NAME="Exerc1">
<H2>Exerc�cio 1</H2>
</A>
<A NAME="Exerc2">
<H2>Exerc�cio 2</H2>
</A>
<A NAME="Exerc3">
<H2>Exerc�cio 3</H2>
</A>
</BODY>
</HTML>
-----------------------------------------------------------------------------------
-------
<HTML>
<HEAD>
<TITLE>Tag ANCHOR e tag IMAGE</TITLE>
</HEAD>
<BODY>
<P><FONT FACE="Calibri" SIZE="3">Combinando a <i>tag</i> ANCHOR com a
<i>tag</i> IMAGE.</P>
<UL>
<LI><A HREF="[Link]"><IMG SRC="[Link]">Produtos</A><BR>
<LI><A HREF="Servi�[Link]"><IMG SRC="[Link]">Servi�os</A><BR>
<LI><A HREF="[Link]"><IMG SRC="[Link]">Contato</A><BR>
</UL>
</FONT>
</BODY>
</HTML>
M�dulo 9 � Usando imagens mapeadas
<HTML>
<HEAD>
<TITLE>Escola Virtual - HTML b�sico</TITLE>
</HEAD>
<BODY>
<img src="imagem_menu.gif" usemap="#menu" border="0">
<map name="menu">
<area shape="rect" coords="11,13,115,52" href="[Link]
alt="Item 1">
<area shape="rect" coords="11,55,114,94" href="[Link]
alt="Item 2">
<area shape="rect" coords="11,99,114,137"
href="[Link] alt="Item 3">
<area shape="rect" coords="11,142,114,180"
href="[Link] alt="Item 4">
<area shape="rect" coords="11,184,115,221" href="[Link]
alt="Item 5">
</map>
</BODY>
</HTML>