Curso de Web Design: Total de páginas: 29

 

 

Parte:
10

 

Exercício 4 – FORMATAÇÃO DE ESTILOS

Muito bem caro estudante, perceba que a cada exemplo sua página vai melhorando ainda mais sua aparência. Neste exemplo trabalharemos com a formatação das letras bem como cor, tamanho de fonte,  estilo, e etc..

Bem, preparado? Vamos lá novamente para mais um estudo!

 

Para entender isto, digite a listagem 1.5, e salve como exemplo4.html,

 

Listagem 1.5

 

<html>

      <head>

         <title>Formatando Estilos</title>

      </head>

 

      <body>

      <center>Mudando o Estilo dos Caracteres</center>

 

      <p>

      <b>Texto em Negrito</b><br>

      <i>Texto em Itálico</i><br>

      <u>Texto sublinhado</u><br>

      <tt>Texto Monoespaçado</tt><br>

 

      <br><font color=red>Texto em Vermelho</font>

 

      <br><font size=5>Texto em Tamanho 5</font>

 

      <br><font face=verdana>Texto com a letra Verdana</font>

 

      <br><font face=arial black>Você pode fazer combinações</font>

 

      <br><center>

      <font color=blue face=verdana size=5><b>Editora Érica</b></font></center>

      <br>Você poderá os atributos para cada tipo de letra!

      <br>

      <font color=blue size=6>E</font><font color=red size=4>ditora Érica</font>

      <br>

      <pre>

       Estamos progredindo

         no curso de HTML.

                Este tag permite que todos os espaços feitos no código fonte

                        sejam respeitados. Certo?

      </pre>

      </body>

 </html>

 

Fim da Listagem 1.5


Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de endereço digite C:\Meus documentos\exemplo4.html. Veja a figura 1.5 Figura 1.5

.