Internet - HTML Comandos

 

Aqui estão listados alguns comandos em HTML. Também chamados de "TAGs", estas Tags sempre estão entre os sinais "<" e ">". A maioria das Tags após aberta "<>", deve ter seu correspondente de fechamento "</>". Há alguns poucos casos em que não é necessário fechar. Se tivermos Tags idênticas uma dentro da outra, o fechamento das Tags vale por ordem de precedência.

COMANDO RESULTADO DESCRIÇÃO
<p> Parágrafo </p>   Define um parágrafo de texto. Sendo que vai haver um espaçamento antes e após cada parágrafo.
&nbsp;   Em html os espaços seguidos em branco  não são visualizados. Se for digitado 10 espaços, vai aparecer somente 1. este comando é utilizado para forçar o aparecimento de espaços.
<br> Texto com quebra
de linha
Força a quebra de uma linha. Pode ser colocado no meio de um texto.
<hr>
Desenha uma linha na página.
<h1> Título 1</h1>

Título 1

Título pré formatado com tamanhos pré definidos.

<h2> Título 2</h2>

Título 2

 
<h3> Título 3</h3>

Título 3

 
<h4> Título 4</h4>

Título 4

 
<h5> Título 5</h5>
Título 5
 
<h6> Título 6</h6>
Título 6
 
<strong> Negrito </strong>
<b>Bold </b>
Negrito
Bold
Coloca o texto em negrito.
<i> Itálico </i>
<em> Itálico </em>
Itálico
Itálico
Coloca o texto em Itálico
<ul>
      <li>computador</li>
      <li>vídeo</li>
      <li>teclado</li>
</ul>
  • computador
  • vídeo
  • teclado
Cria lista.
<ol>
      <li>computador</li>
      <li>vídeo</li>
      <li>teclado</li>
</ol>
  1. computador
  2. vídeo
  3. teclado
Cria lista numerada.
<pre>Este é um
texto formatado.</pre>
Este é        um 
    texto formatado.

A Tag <pre> apresenta o texto exatamente como foi digitado.

<!-- Comentários -->   "<!--" Comando de início de um comentário  "-->" Comando de final de um comentário. O que estiver dentro destes comandos não vai aparecer na página.
<a href="http://www.estatisticasdamegasena.com.br" target="_blank">Clique Aqui</a> Clique Aqui A Tag "a" é utilizada para fazer o link com outras páginas. "href" é o endereço para onde tem que ir, este pode ser relativo ou absoluto. O comando "target" é utilizado para definir se a  nova página deve abri no local da página atual ou em uma nova página.
<img src="favicon-32x32.png" width="32" height="32" /> Tag para inserir uma imagem em uma página. width define a largura da imagem e height defini a altura da imagem.
     

 

 

Dentro das "Tags" é possível definir alguns comandos de formatação. A maioria é comum a todas as Tags, outras são específicas da Tag, vejam alguns exemplos.

COMANDO RESULTADO DESCRIÇÃO
<font color="#00FF00" size="+2" style="background-color:#000000; border-bottom:double; font-family:'Times New Roman', Times, serif;"> Texto Formatado </font> Texto Formatado Na Tag <font>, é possível definir:
  • color -> cor do texto
  • size -> tamanho do texto
  • style -> é um conjunto de comandos CSS
  • background-color -> cor de fundo do texto
  • border-bottom:double -> colocar uma borda dupla a baixo do texto
  • font-family -> definição do tipo de texto
<hr style="border:solid; border-color:#FF0000;" width="120px" title="Linha Vermelha" />
Na Tag <hr>, é possível definir:
  • color -> cor da linha
  • width -> comprimento da linha
  • title -> é o texto que aparece quando o mouse esta sobre a linha
<a href="http://www.estatisticasdamegasena.com.br" target="_blank" style="margin-left:70px; border:dashed; color:#990000;" >Clique Aqui</a> Clique Aqui Na Tag <a>, é possível definir:
  • href -> local para onde será direcionado o Internauta se clicar no link
  • target -> defini se a nova página será aberta na mesma página ou em uma nova
  • margin-left -> distância do texto em relação a margem esquerda do local onde se encontra
  • border -> definição do tipo de borda no texto
  • color -> cor do texto
<img src="favicon-32x32.png" alt="Cubo Mágico" width="50" height="50" border="2" style="border-color:#FF6600;" align="left" />

Cubo Mágico texto colocado ao lado da imagem e não em sua continuação (com alt).

Cubo Mágicotexto colocado ao lado da imagem e não em sua continuação (sem alt).

Na Tag <img>, é possível definir:
  • src -> local onde se encontra a imagem que deve ser exibida. É possível definir o caminho "RELATIVO", ou seja o caminho a partir do local onde esta a página. É possível definir também o caminho "ABSOLUTO" (http://www.), ou seja, um caminho da Internet.
  • alt -> texto que substituirá a imagem caso esta não seja encontrada
  • width -> largura da imagem
  • height -> altura da imagem
  • border -> definição da largura da borda da imagem
  • border-color -> cor da borda da imagem
  • align -> alinhamento do texto que estiver na mesma linha da imagem