Você está na página 1de 3

Guia de referência HTML

6. Guia de HTML Este guia abrange apenas os marcadores HTML utilizados no Módulo 1 e
segue a convenção descrita abaixo:

<MARCADOR>
Descrição resumida
Sintaxe e/ou exemplos

<A>
Utilizado para inserir um hyperlink em um documento.
<A HREF = “pagina_destino.htm”>Clique aqui</A>

<A HREF=”http://www.webkit.com.br/”>WEBKIT</A>

<B>, <I>, <U>


Utilizados para alterar a formatação de texto.
Texto em <b>negrito</b>

Texto em <i>itálico</i>
Texto <u>sublinhado</u>

<BODY>
Define a formatação geral da página.

§ Para definir uma figura que será usada como fundo:


<BODY BACKGROUND=”/imagens/fundo.gif”>

§ Para definir a cor do segundo plano:


<BODY BGCOLOR=”#000000">

§ Para definir a cor do texto:


<BODY TEXT=”#FFFFFF”>

<IMG>
Insere imagens na página. O atributo SRC indica a localização:
<IMG SRC=”/imagens/imagem.jpg”>
<ALT>

§ Indica um texto alternativo que descreve brevemente a imagem, e


é apresentado em seu lugar, caso ela não seja carregada.
<IMG SRC=”imagem.jpg” ALT=”descrição da imagem”>

<a>@guia de html 45
<WIDTH> e <HEIGHT>

§ Definem as dimensões da imagem, em pixels. Os editores HTML


em geral colocam automaticamente os valores quando inserimos uma
imagem.
<IMG SRC=”imagem.jpg” ALT=”descrição” WIDTH=”largura”

HEIGHT=”altura”>
<IMG SRC=”foto_filho.jpg” ALT=”Fotografia do bebê”

WIDTH=”200" HEIGHT=”400">

<BORDER>

§ Define a espessura da borda de uma imagem.


<A HREF=”meu_filho.htm”><IMG SRC=”foto_filho.jpg” ALT=”
Fotografia do bebê“ BORDER=2></A>

§ Para uma imagem sem borda:


<A HREF=”meu_filho.htm”><IMG SRC=”foto_filho.jpg” ALT=”

Fotografia do bebê“ BORDER=0></A>

<ALIGN>

§ Define o alinhamento da imagem


<IMG SRC=”foto_filho.jpg” ALT=”Fotografia do bebê”
ALIGN=”center”>

<TABLE>
Delimita uma tabela.
<BORDER>

§ Indica a espessura da borda.


<TABLE BORDER=”1">...

...</TABLE>
<CAPTION>...</CAPTION>

§ Define o título da tabela .


<TR>...</TR>

§ Delimita uma linha.


<TH>...</TH>

§ Define um cabeçalho para colunas ou linhas (dentro de <TR>) .


<TD>...</TD>

§ Delimita um elemento ou célula (dentro de <TR>) .

<table>@guia de html 46
Exemplo 1:
<TABLE BORDER=4>

<CAPTION>Primeiro exemplo</CAPTION>

<TR><TH>Coluna 1</TH><TH>Coluna 2</TH></TR>


<TR><TD>linha1, coluna 1</TD><TD> linha 1, col 2</TD></TR>

<TR><TD>linha 2, coluna 1</TD><TD>linha 2, col 2</TD></TR>

</TABLE>

Figura 42
Resultado do exemplo 1,
visto no navegador.

É possível englobar colunas e linhas, por meio dos atributos COLSPAN (para
colunas) e ROWSPAN (para linhas) (Exemplo 2):
<TABLE BORDER=1>

<TR><TH COLSPAN=2>Colunas 1 e 2</TH></TR>

<TR><TD>linha1, coluna 1</TD><TD> linha 1, coluna 2</TD></TR>


<TR><TD>linha 2, coluna 1</TD><TD>linha 2, coluna 2</TD></TR>

<TR><TH ROWSPAN=3>3 linhas</TH><TD>uma linha</TD></TR>

<TR><TD>duas linhas</TD></TR>
<TR><TD>tres linhas</TD></TR>

</TABLE>
O cabeçalho “Colunas 1 e 2” compreende duas colunas (COLSPAN=2); o
cabeçalho “3 linhas” compreende, por sua vez, 3 linhas (ROWSPAN=3).

Figura 43
Resultado do exemplo 2,
visto no navegador.

<TITLE>
Define o título da página.
<HEAD>
<TITLE>”Bem-vindo ao site do WEBKIT”</TITLE>

</HEAD>

<title>@guia de html 47