Aulas de HTML

Postado Abril 30, 2011 14 anos

Autor

A marcação <PRE> (preformatted) delimita uma área de texto em que espaços, novas linhas e tabulações são mantidas. Ou seja, o texto será apresentado exatamente da forma como foi digitado, mesmo que não hajam marcações do html. É uma forma de se preservar o formato de um texto .

Este recurso é utilizado por exemplo para listas de programas. Vejamos um exemplo:


<PRE>

#!/bin/csh

cd $SCR

cfs get myinfile:mycfsdir/myinfile

fc -02 -o mya.out mysrc.f

mya.out

rm *

</PRE>

O resultado é o seguinte :

Mostrar conteúdo oculto

Podem ser definidos links dentro de textos pré-formatados. No entanto, deve-se evitar utilizar outros caracteres de marcações em áreas <PRE>. Isto porque caracteres como <, >, and & possuem um significado específico no HTML. O ideal é utilizar as sequências especiais, (< > e &amp respectivamente) sempre que precisar representar esses caracteres.

O HTML permite que se apliquem estilos específicos a palavras ou sentenças, que alteram a forma como a fonte básica é apresentada na tela. Vamos ver algumas opções:

texto em negrito resulta em texto em negrito

texto em itálico resulta em texto em itálico

<TT> fonte com espaçamento fixo </TT> normalmente produz texto na fonte Courier ou equivalente.

Temos também o comando que permite alterar o tamanho da letra e a cor do texto. Por exemplo:

Veja como ficou.

veja como ficou.

O tamanho da fonte é especificado em números de 1 (menor) até 7 (maior fonte possível) ou em números relativos (por exemplo +1 -2 +5), calculados em relação à fonte padrão do browser. O resultado destes comandos não são muito previsíveis, dependem do Browser que está sendo utilizado e da fonte padrão para a qual ele está configurado.

O método de descrição de cores do HTML consiste em indicar os valores das componentes Red, Green e Blue (RGB) em hexadecimal, variando de 00 até ff (equivalente a 255 em decimal e que seria o valor máximo desta cor). Também podemos especificar a cor pelo seu nome. Algumas cores são:

#000000 Black | #0000ff Blue

#ffffff White | #ffff00 Yellow

#ff0000 Red | #c0c0c0 Grey

#00ff00 Green | #ff7f00 Orange

Em geral, os Browsers possuem um conjunto de cores padrões para exibição da tela; são elas grey (C0C0C0) para o fundo da tela, black (00000) para texto, Blue (0000FF) para os links e purple (9900CC) para links visitados. Voce pode modificar esses valores para a sua página colocando no comando <BODY>, no início da página. Por exemplo:

<BODY BGCOLOR="#000000" TEXT="#FFFFFF" LINK="Pink" VLINK="#70DB93"> define uma página com fundo branco, letras pretas, links em Pink e links visitados em Aquamarine).

Editado Maio 5, 2011 14 anos por Froostiin (veja o histórico de edições)

Att ,

Froostiin