HTML do básico ao avançado parte 3

Gunnar CorreaGunnar Correa27/02/2015 às 09:04:33 - 5.530 acessos

Aqui vamos trabalhar com tags para exibição de textos.


​A principal característica do HTML é exibir texto em uma interface WEB, ou seja, apresentar texto no navegador do cliente.

Esta matéria vai ser focada em exibição de textos com HTML, vamos  utilizar varias Tags do HTML e explicar a responsabilidade de cada uma.

Abaixo segue um código com todas as Tags de texto (as mais utilizadas).

<pre>Aqui o texto esta em courier com espaçamento</pre>
<p>Este é um paragráfo</p>
<blockquote>especifica uma seção que é citado de outra fonte</blockquote>
<p>A tag <span style="color:blue;">Spam</span> é usada para formatar um pedaço de texto.</p>
<p><big>Exibe um texto com tamanho maior</big></p>
<q>Coloca o Texto dentro de parênteses</q>
<br/>
<b>Texto em negrito</b>
<br/>
<i>Texto em Itálicos</i>
<br/>
<code>Um pedaço de código</code>
 
<h1>Cabeçalho</h1>
<h2>Cabeçalho</h2>
<h3>Cabeçalho</h3>
<h4>Cabeçalho</h4>
<h5>Cabeçalho</h5>
<h6>Cabeçalho</h6>

<pre></pre> - Cria um bloco de texto com espaçamento e define a fonte courier como padrão.

<p></p> - Cria um paragrafo com as formatações padrões, esta Tag é a mais usada.

<blockquote></blockquote> - Esta Tag diz que o texto que este dentro dela veio de outro lugar. Ou seja, especifica uma seção que é citada de outra fonte.

<span></span> - Esta Tag é usada dentro de um bloco de texto apenas para formatar um bloco especificado.

<big></big> - Esta Tag também é usada dentro de um bloco de texto, para uma fonte maior, O texto fica grande.

<q></q> - Esta Tag quando usada coloca o texto dentro de aspas, ela também pode ser usada dentro de blocos de textos.

<i></i> - Coloca o texto em itálico.

<code></code> - Esta Tag é pouco vista, mais não se diz menos usada, ela referencia a um bloco de código, geralmente ela acompanha a Tag <pre></pre>.

<h1></h1>....<h6></h6> - Estas Tags são os cabeçalhos,  sendo que o <h1> é o Título da página, <h2> subtítulo e assim por diante, os motores de busca lê na página pelo título e subtítulo, certifique-se de que suas páginas tenham estas Tags.


textos html marcação hyper texto tags blocos formatação web cliente cabeçalho validação

Compartilhe


Gunnar Correa

Gunnar Correa

Autodidata, Graduado em Desenvolvimento Web (FIPP), Especialista em Tecnologias na Educação (Unoeste) e Pós-graduando em Segurança da Informação (Universidade Cruzeiro do Sul). Começou seus estudos na área de programação quando era criança, e atualmente está estudando desenvolvimento de jogos. É CEO do portal SatellaSoft, criado em 2009 com o intuito de compartilhar conhecimento de forma gratuita e inédita.



Site atualizado

Olá, nosso site recebeu uma nova atualização e por conta disso, alguns artigos ainda estão sendo atualizados. Dependendo do conteúdo que você procura, poderá encontrar imagens e trechos de códigos mal formatados.

Estamos trabalhando para normalizar todos os conteúdos, muito em breve, esse problema não mais existirá.


Comentários