Programação para Internet

Tags avulsas

TAG <abbr>

1. Usa-se para descrever uma expressão abreviada. A sua utilização pode ajudar bastante na leitura da página
2. Se a página for visualizada pelo Mozilla ao passar o mouse será mostrado o título da abreviação
3. Exemplo: FTP
4. Código:

   <abbr title="File Trasfer Protocol">FTP</abbr>

TAG <acronym>

1. Define um termo formado pela justaposição de letras ou de sílabas de outras palavras
2. Exemplos: GEINF, WWW
3. Código:

   <acronym title="Gerencia de informática">GEINF</acronym>  

TAG <address>

1. Usa-se para escrever um endereço. Normalmente ele é usado para escrever um endereço postal, mas também pode servir para escrever uma assinatura
2. Tem uma formatação default, que pode ser modificada como folha de estilo, itálico
3. Exemplo:
   Rua Santa Fé, Nova Descoberta, 888 - Natal, RN
4. Código:

   <address>Rua Santa Fé, Nova Descoberta, 888 - Natal, RN</address>

TAG <blockquote>, <cite> e <q>

1. <blockquote> - Usa-se para fazer uma citação extensa, a citação deve conter parágrafos
2. <cite> - Define o nome do autor e/ou fonte
3. <q>- Uma breve citação
4. Exemplo:
   

   Esse é o primeiro parágrafo do blockquote

   Esse é o segundo parágrafo do blockquote

   Danielle Freitas
   Aqui é só uma citação de uma linha Danielle Freitas
5. Código:

   <blockquote>  	
   <p>Esse é o primeiro parágrafo do blockquote</p>  	
   <p>Esse é o segundo parágrafo do blockquote</p>  
   </blockquote><cite>Danielle Freitas</cite> <br />  
   <q>Aqui é só uma citação de uma linha</q>
   <cite>Danielle Freitas</cite>  			

TAG <dl>, <dt> e <dd>

1. <dl> - Abre o bloco da lista de definições
2. <dt> - Contém o termo numa lista de definições
3. <dd> - Apresenta a descrição do termo de lista de definições
4. Exemplo:

   Rum

   Bebida espirituosa muito apreciada pelos piratas Caraíbas

   Bagaceira

   Bebida portuguesa com alto teor alcoólico e extraordinários poderes medicinais

5. Código:

   <dl>  	
   <dt>Rum</dt>  	
   <dd>Bebida espirituosa muito apreciada pelos piratas Caraíbas</dd>  	
   <dt>Bagaceira</dt>  	
   <dd>Bebida portuguesa com alto teor alcoólico e extraordinários poderes
    medicinais</dd>  
   </dl>  			

TAG <del> e <ins>

1. <del> - Define um termo antigo, formatação tachada
2. <ins> - Descreve a atualização do termo
3. Exemplo: Preço: R$ 30,00 por apenas R$ 25,99
4. Código:

   Preço: <del>R$ 30,00</del> por apenas <ins>R$ 25,99</ins>

TAG <dfn>

1. Marca os termos especiais
2. Exemplo:

   O XHTML é uma linguagem de marcação Extensível porque ela permite a inclusão de novos elementos

3. Código:

   <p>O XHTML é uma linguagem de marcação 
   <dfn title="Que se extende">Extensível</dfn>   
   porque ela permite a inclusão de novos elementos</p>  			

TAG <tt>, <i>, <b>, <big> e <small>

1. Esses elementos definem uma formatação do tipo breve, que não seria viável ser feita por folha de estilo, por ser algo apenas para uma palavra específica
2. <tt> - Tipo máquina de escrever
3. <i> e <em> - Texto itálico
4. <b> e <strong> - Texto Negrito
5. <big> - Texto com fonte grande
6. <small> - Texto com fonte pequena
7. Código:

   <tt>Tipo máquina de escrever</tt><br />   
   <i>Texto</i> <em>itálico</em><br />  
   <b>Texto</b> <strong>Negrito</strong><br />  
   <big>Texto com fonte grande</big><br />  
   <small>Texto com fonte pequena</small>  			

TAG <pre>

1. Define texto pré-formado. O texto contido neste elemento é tratado de forma especial pelo browser, pois é apresentado todos os espaços, quebras de linha e mantém uma fonte monoespaçosa
2. Exemplo:
   

   Essa é a primeira linha  		agora é a segunda  				
   essa tag é ótima para colocar códigos! é como eu uso!!  			

3. Código:

   <pre>Essa é a primeira linha  		agora é a segunda  		
   		essa tag é ótima para colocar códigos! é como eu uso!!  
   </pre>

TAG <sub> e <sup>

1. <sub> - Alinha o texto abaixo do texto normal
2. <sup> - Alinha o texto acima do texto normal
3. Exemplo:
   normalacimaabaixo
4. Código:

   <span>normal</span><sup>acima</sup><sub>abaixo</sub>  			

TAG <span>

1. Usa-se para agrupar elementos mantendo a continuidade das linhas
2. Com a disseminação do uso de camadas a tag <span> e <div> são muito utilizadas, mas cada uma age diferente o span é um elemento "inline" e o div é para destaque em bloco
3. Exemplo:
   

   Quero que várias palavras desse parágrafo sejam destacadas, então essas palavras devem ser cobertas pela tag span! Assim aplicarei um estilo negrito e vermelho que será comum a todas.

4. Código:

   <style type="text/css">  
   <!--  
   span.dest{  	
   font-weight : bolder;  	
   color: Red;  }  
   -->  
   </style>    
   <p>Quero que várias <span class="dest">palavras</span> desse   
   <span  class="destacadas">parágrafo</span>   
   sejam <span  class="destacadas">destacadas</span>,   
   então essas palavras devem ser cobertas pela tag 
   <span  class="destacadas">span!</span>  Assim aplicarei um 
   <span class="dest">estilo</span> negrito e vermelho que será comum a   
   <span  class="destacadas">todos</span>.  </p>

TAG <div>

1. Define uma seção do documento, também chamado de camada
2. Usada para delimitar uma área da página, exemplo a área dos links, do cabeçalho, do rodapé, assim poderão ser melhor controlados na folha de estilo
3. Exemplo:
   Essa é uma camada que define uma seção
4. Código:

   <div>Essa é uma camada que define uma seção</div>