Curso de Webdesign

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

CONCEITO DOS TAGS USADOS NESTE EXERCÍCIO

TAG O QUE FAZ
<b> Coloca o texto em negrito
<i> Coloca o texto em itálico
<u> Coloca o texto sublinhado
<tt> Coloca o texto em fonte monoespaçada. (fonte Courier,como máquina de
escrever)
<font> Modifica a formatação do texto.Atributos:
Size = define o tamanho da letra. Ex: <font size=5>Texto</font>
Face = define o estilo da letra. Ex: <font face=verdana>Texto</font>
Color = define a cor da letra. Ex:<font color=red>Texto</font>
<pre> Marca um trecho formatado com fonte monoespaçada. A formatação com
espaços e entrada de parágrafos é respeitada.
<basefont> Modifica a formatação padrão do texto.
Ex: <basefont size=5>

112 comentários

  1. silvana dias

    OLHA ESTOU SURPRESA COM A RIQUEZA DE VARIEDADE DE OPÇÕES DE CURSOS GRATUITOS POR ISSO NÃO POSSO DEIXAR DE EXPRESSAR MINHA ALEGRIA. PARABENS AOS AUTORES DESTE SITE ,NUNCA SAIAM DA NET .ESTAREI COM VÕCES SEMPRE.

  2. nossa genial aprendi muito com o curso tinha lido o curso sobre Html (aqui mesmo) e percebi que sempre tinha que colocar aspas igual no blogger tipo e é mais complicado quando você faz um código muito grande você fica meio perdido, aqui nem precisa e da certo do mesmo jeito tipo gostei pra caramba vlw!

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *