2º Parte - Entendendo o código html

Fontes
Uma das coisas mais importantes numa página são os textos. Usamos basicamente 4 tipos de fontes, Times New Roman, Courier, Verdana e Arial. O uso de outras fontes não é proibido, mas essas são as mais comuns na web.

A tag mais comum para formatação de fontes é a tag <FONT>, mas hoje em dia, com o surgimento do CSS (Cascate Style Sheets) ela está aos poucos caindo em desuso, mesmo assim ainda é muito popular.

Um exemplo interessante é como conseguir com que meu texto fique assim ou assim. Nestes exemplos eu usei alguns atributos da tag . São os atributos "face", que determina o tipo de fonte usado (arial, verdana, courier, times new roman, etc.), "size", que determina o tamanho da fonte (vai de 1 a 5) e "color" que é o responsável pela cor usada na fonte.

A construção é simples, veja abaixo:
<FONT FACE="TIMES NEW ROMAN" SIZE="5" COLOR="#FF00FF"> Coloque aqui o texto que você pretende formatar </FONT>

O HTML também nos permite "aninhar" as tags. Um exemplo simples é que também podemos usar a tag <B> (negrito) juntamente com a tag <FONT> como o usado abaixo:

<B><FONT FACE="TIMES NEW ROMAN" SIZE="5" COLOR="#FF00FF"> Coloque aqui o texto que você pretende formatar </FONT> </B>

Teriamos um resultado igual ao que temos abaixo
O seu texto ficaria desta maneira

Imagens
Para inserir figuras na sua página é muito simples. A tag responsável por esta tarefa é a <IMG SRC="">, onde em SRC="" se insere o endereço da imagem. Como por exemplo: <IMG SRC="http://mundotec.ig.com.br/images/logo_topo.gif">

Na sua página HTML apareceria a seguinte figura:


Links
Você também pode escrever uma lista de CD´s que ao clicar no nome de qualquer CD aparecesse a relação de musicas com HTML.
Para isto usaríamos a tag <a></a> que é usada para se fazer ligações (links) em documentos. Um exemplo seria o seguinte link "clique aqui" que o levaria para a página inicial do Mundotec.

A tag <a></a> tem como muitas outras tag alguns atributos e propriedades como a maioria das tags HTML. Um dos atributos e provalmente o mais importante é a propriedade "href" que dá o endereço da página que se tem como destino.

Veja abaixo como a tag pode ser feita:

<a href="http://www.mundotec.com.br">Aqui você põe o texto ou figura que deseja usar como link</a>

Você também pode usar figuras para colocar links no lugar do texto:

<a href="http://www.mundotec.com.br"><IMG SRC="http://mundotec.ig.com.br/images/logo_topo.gif"></a>

Teria o resultado abaixo: