Ajuda não oficial noutras línguas: Ajuda em Português / Centro de Ajuda: Geral

Guia Basico dos Códigos HTML

Guia Basico dos Códigos HTML

Tém muitas lugares neste site á onde você pode usar uma quantidade sém limitos de texto. Este texto não é formatado e a entra teclado não vai fucionar para fazer o teu texto aparecer em uma nova linha. Para fazer o teu texto aparecer em uma nova linha, você tem que usar o <BR> ou <P> còdigos. O seguinte é um guia basico dos códigos HTML que você pode usar para formatar o teu texto.

Títolos
Em HTML, tém seis etapas de títolos. H1 é o mais grande, H2 é um pouco menos grande, até H6, o mais pequeno.

Exemplo:

Tijolos de João

e aqui é um títolo mais pequeno:

Tijolos de João

Código:

<H1>Tijolos de João</H1>

e aqui é um títolo mais pequeno:

<H2>Tijolos de João</H2>

Separador
Prá fazer o texto aparecer em uma nova linha, batendo o enter no teclado não vai fucionar. Você tem que usar o <BR> código.

Exemplo:

Linha 1
Linha 2

Código:

Line 1<BR>
Line 2

Parágrafo
Cada parágrafo você cria deve começar com um <P> código. O </P> is opcional, diferente do còdigos do títolos.

Exemplo:

Este é o primeiro parágrafo.

Este é o segundo parágrafo.

Código:

Este é o primeiro parágrafo.
<P>Este é o segundo parágrafo.

Texto Destacado
Você pode destaquer um ou mais palávras com o <B> còdigo.

Exemplo:

BrickLink is a great place!

Código:

BrickLink é uma <B>boa</B> lugar!

Texto Italicido
Você pode italicer um ou mais palávras com o <I> código.

Exemplo:

BrickLink é uma divertido lugar!

Código:

BrickLink é uma <I>divertido</I> lugar!

Linha Horizontal
Você pode adicionar linhas horizontais para separar seções de teu docúmento com o <HR> código.

Exemplo:

Seção #1


Seção #2
Código:

Seção #1
<HR>Seção #2

Imagens
A maneira de adicionar um imagem é usando o <IMG> código. É boa prática prá especificar a largura é a altura do imagem. Para fazer isso, usa o WIDTH e a HEIGHT. Se você não faz isso, algumas navigadores requira que o imagem enteiro carrega ântes de a página carregar. Você também pode usar o ALT, que é um texto que aparece quando o cúrsor vai em cima do imagem.

Exemplo:

Comprar e Vender LEGO(R) em BrickLink

Código:

<IMG SRC="/images/logos/logo8831_1.gif" WIDTH="88" HEIGHT="31" ALT="Comprar e Vender LEGO(R) em BricKlink">

Ligações
O internete tèm o abilidade de definir ligações de uma página a uma outra, e seguir ligações quando um botão é clicado. Ligações são definidos com o <A> código. Em este exemplo a gente vai definir um ligação ao o nosso fórum ao "messageList.asp". O texto no meio da <A> e a </A> é usado por o subtítolo do ligação. É muito comum de ter o subtítolo de ser destacado em texto azul.

Exemplo:

Este é um ligação de o nosso Fórum de Discussão.

HTML Code:

Este é um ligação de o nosso <A HREF="messageList.asp">Fórum de Discussão</A>.

Para ligar uma página à uma outra, você tem que dar o endereço enteir (comumamente chamado um URL). Por exemplo, prá ligar www.bricklink.com, você precisa:

Exemplo:

Este è um ligação BrickLink.com.

HTML Code:

Este è um ligação <A HREF="http://www.bricklink.com">BrickLink.com</A>.

Você pode mudar um imagem ao um ligação. Quando você faz isso, o imagem vai mostrar uma beira azul. Para deslegar isso, usa o texto BORDER=0 dentro do código. O seguinte vai deixar você clicar no logotípo do BrickLink prá ir a página:

Exemplo:

Comprar e Vender LEGO(R) em BrickLink

Còdigo:

<A HREF="http://www.bricklink.com"><IMG BORDER="0" SRC="/images/logo8831_1.gif" WIDTH="88" HEIGHT="31" ALT="Comprar e Vender LEGO(R) em BrickLink"></A>

Listas
O mais comum das listas usadas é as listas organisados é desorganisados. Aqui é um exemplo de uma lista desorganisada. Aqui, um ponte vai aparecer junto da cada item na lista:

Example:

Eu aceito o seguinte método de pagamento:

  • Cheques Personais
  • Ordens de Dinheiro
  • Dinheiro
HTML Code:

Eu aceito o seguinte método de pagamento:

<UL>
<LI>Cheques Personais
<LI>Ordens de Dinheiro
<LI>Dinheiro
</UL>

Aqui é um exemplo de uma lista desorganisada. Um ponte aparece começando de 1 junto da cada item na lista:

Exemplo:

Eu aceito o seguinte método de pagamento:

  1. Cheques Personais
  2. Ordens de Dinheiro
  3. Dinheiro
HTML Code:

I accept the following methods of payment:

<UL>
<LI>Cheques Personais
<LI>Ordens de Dinheiro
<LI>Dinheiro
</UL>

Cartas
Cartas (Tables, em inglês) são usados por informação além de desenho. Cartas contém um ou mais fileiras de pilhas. O TABLE elemento é o recipiente para a carta. O BORDER elemento especifica a largura da beira em pixeis. O TR elemento é um recipiente prá cada fileiras. O TH e TD elementos são recipientes por títolos e pilhas. Aqui é um simplo exemplo:

Exemplo:

LugarCarrega de Enviação
Europa$10.00
América$5.00
Australia$15.00
Código:

<TABLE BORDER="1">
<TR><TH>Lugar</TH><TH>Carrega de Enviação</TH></TR>
<TR><TD>Europa</TD><TD>$10.00</TD></TR>
<TR><TD>América</TD><TD>$5.00</TD></TR>
<TR><TD>Australia</TD><TD>$15.00</TD></TR>
</TABLE>