1 - Comentários
Qualquer texto escrito dento da limitação dos marcadores <BODY> e </BODY> serão
exibidos em tela, a menos que seja um comentário. Comentários são colocados dentro
de páginas entre os marcadores <!-- e --> e servem apenas para documentação,
sendo ignorados pelo browser.
Exemplo:
<html>
<head>
<title> Teste </title>
</head>
<body>
comentário 1
<!--comentário 2-->
</body>
</html>
Salve como teste.html. Abra a página; Repare que só irá aparecer no browser o
comentário 1. O comentário 2 só irá aparecer no código fonte da página.
2 - Parágrafos
<p> texto </p>
Observe: p = parágrafo
Delimita um parágrafo. É possível omitir o elemento de fim </p> sem que isto cause
problemas. Resultado da aplicação deste marcador é uma linha em branco antes do
inicio do parágrafo.
Exemplo:
<html>
<head>
<title> Parágrafo </title>
</head>
<body>
Testando sem colocar parágrafo
Ver se sem o marcador sai na linha de baixo
<p> Agora com o marcador de parágrafo. </p>
Linha seguinte
</body>
</html>
Salve como teste_paragrafo.html. Abra a página e observe:
Observe que na linha onde não existe o marcador <p> mesmo dando ENTER, no browser
fica tudo na mesma linha.
Agora quando coloca o marcado <p> o texto fica na outra linha.
O marcador de parágrafo possui um atributo opcional o ALIGN como já foi dito
anteriormente serve para configurar o alinhamento do parágrafo. O atributo ALIGN pode
conter valores como LEFT, CENTER, RIGHT e JUSTIFY que significam respectivamente
esquerda, centro, direita e justificado.
3 - Quebras de linha
<BR>
Marcador utilizado para separar uma linha da outra sem um espaço em branco entre as
duas. É importante observar que o marcador <BR> deve vir no final da linha que se quer
separar.
Exemplo:
<html>
<head>
<title> Quebras de linha </title>
</head>
<body>
Testando sem colocar parágrafo
<p> Agora com o marcador de parágrafo. </p>
Agora com a quebra de linha<BR>
Linha seguinte
</body>
</html>
Veja que no primeiro parágrafo existe espaço nas linhas, mas no segundo não há.
4 - DIV
<DIV ALIGN="alinhamento"></DIV>
Configura o alinhamento de um texto. Útil quando se quer alinhar um conjunto de
parágrafos. O parâmetro ALIGN pode conter um dos valores: LEFT, CENTER, RIGHT ou
JUSTIFY.
Exemplo:
<P> Parte 1 <DIV ALIGN="CENTER"> vai separar </DIV> Parte 2</P>
5 - CENTER
<CENTER></CENTER>
Centraliza o texto ou imagem contida em sua delimitação.
Exemplo:
<CENTER>
<P>Este é o texto que irá ficar centralizado.</P>
</CENTER>
<P>Este texto não irá ficar centralizado, pois está fora do center</P>
FORMATAÇÕES DO TEXTO
<FONT FACE="nome da fonte" SIZE="tamanho da fonte" COLOR="cor da
fonte"></FONT>
Configura a tipologia, tamanho e cor do texto, sendo que não há necessidade da
utilização de todos os atributos juntos.
FACE: Configura a fonte usada.
SIZE: Configura o tamanho da fonte.
COLOR: Configura a cor usada para a fonte.
6 - Linhas Horizontais
<HR>
Utilizadas para dar destaque a títulos ou para criar a sensação de quebra entre um item
de informação e outro. O marcador <HR> (Horizontal Line) pode ser utilizado com ou
sem parâmetros. O comprimento da linha WIDTH pode ser a largura exata da linha ou
uma porcentagem da largura da tela.
O padrão para a linha é de uma linha sombreada. No caso de não desejar uma linha
sombreada é necessário acrescentar o atributo NOSHADE ao final dos atributos do
marcador <HR>
<HR SIZE="espessura da linha em pixels" WIDTH="comprimento da linha"
ALIGN="alinhamento da linha">
Exemplo:
<HR WIDTH="200" SIZE="4">
<HR WIDTH="50%" ALIGN="left">
<HR SIZE="8" COLOR="#00FF00" ALIGN="right" NOSHADE>
0 comentários:
Postar um comentário