MMORPG Brasil
Ola, visitante! Agradecemos sua visita, para ter acesso a todo nosso conteúdo recomendamos que faça um cadastro no fórum, com ele você pode participar de tópicos e ter acesso a todas áreas da comunidade!

Participe do fórum, é rápido e fácil

MMORPG Brasil
Ola, visitante! Agradecemos sua visita, para ter acesso a todo nosso conteúdo recomendamos que faça um cadastro no fórum, com ele você pode participar de tópicos e ter acesso a todas áreas da comunidade!
MMORPG Brasil
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

Aprenda HTML - Mais tags HTML

Ir para baixo

Aprenda HTML -  Mais tags HTML Empty Aprenda HTML - Mais tags HTML

Mensagem por Leonard Qui 20 Jun 2013, 11:06

Lição 7: Mais tags HTML
E aí? Você construiu algumas páginas como sugerimos na lição anterior? Não? Sim? Bem, a seguir um exemplo:

Código:

   <html>
 
     <head>
     <title>Meu website</title>
     </head>
 
     <body>
     <h1>Um cabeçalho</h1>
 
     <p>texto, texto texto, texto</p>
     <h2>Subtítulo</h2>
     <p>texto, texto texto, texto</p>
     </body>
 
    
   </html>
   


E agora?
Agora vamos aprender mais sete tags.
Você já sabe que pode obter negrito com a tag
Código:
<b>
, agora saiba que pode obter itálico - letras inclinadas - com a tag
Código:
<i>
. Já percebeu não é?, "i" vem de "italic".
Exemplo 1:

Código:

   <i>Este texto deve ser itálico.</i>
   


Será renderizado no navegador assim:
Este texto deve ser itálico.
De modo similar você pode fazer seu texto com letra menores usando a tag
Código:
<small>
:
Exemplo 2:

Código:

 
   <small>Este texto deve ser com letras em tamanho small.</small>
   



Será renderizado no navegador assim:
Este texto deve ser com letras em tamanho small.
Posso usar várias tags simultaneamente?
Sim você pode usar quantas tags queira desde de que as aninhe convenientemente. Veja como fazer isto no exemplo abaixo:
Exemplo 3:
Para escrever um texto em negrito e itálico faça como mostrado a seguir:

Código:

   <b><i>Texto em negrito e itálico.</i></b>
 
   


E não assim:

Código:

   <b><i>Texto em negrito e itálico.</b></i>
   



Observe que no primeiro exemplo a primeira tag de abertura
Código:
<b>
corresponde a última tag de fechamento
Código:
</b>
, e o aninhamento está certo. Isto evita confusão para quem escreve o código e para o navegador que lê o código.
Mais tags!
Como foi dito na Lição 4 existem tags que são abertas e fechadas em única tag. Estas tags são comandos isolados, ou seja, não contém nenhum texto dentro delas para poder funcionar. Um exemplo é a tag
Código:
<br />
que serve para criar uma quebra de linha:
Exemplo 4:

Código:

   Um texto<br /> e mais texto em nova linha



Será renderizado no navegador assim:
Um texto
e mais texto em nova linha
Notar que a tag é escrita como se fosse uma mistura de tag de abertura e de fechamento com uma barra "/" no final:
Código:
<br />
. A princípio podemos escrever também
Código:
<br>
Código:
</br>
(sem conteúdo), mas para que complicar?
Outra tag de comando é
Código:
<hr />
que serve para definir uma linha horizontal ("hr" vem "horizontal rule" - régua horizontal ):
Exemplo 5:

Código:

   <hr />
   


Será renderizado no navegador assim:


Exemplo 6:

Código:

   <ul>
     <li>Um item de lista</li>
     <li>Outro item de lista</li>
 
   </ul>
   


Será renderizado no navegador assim:

  • Um item de lista
  • Outro item de lista

Exemplo 7:

Código:

   <ol>
     <li>Primeiro item da lista</li>
     <li>Segundo item da lista</li>
 
   </ol>
   


Será renderizado no navegador assim:

  1. Primeiro item da lista
  2. Segundo item da lista

Uau! Isto é tudo?
Sim, por enquanto isto é tudo. Aconselhamos, novamente, a fazer seus próprios experimentos, construindo algumas páginas usando as sete tags ensinadas nesta lição:

Código:

   <i>Itálico</i>
   <small>Texto tamanho small</small>
 
   <br /> Pula linha
   <hr /> Linha Horizontal
   <blockquote>Indentação</blockquote>
   <ul>Lista</ul>
   <ol>Lista ordenada</ol>
 
   <li>Item de lista</li>
   



avatar
Leonard
Membro
Membro

Mensagens : 146

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos