HTML – Tags Básicas

HTML – Tags Básicas

Neste artigo eu vou destacar as tags básicas do html.

Veja as tags mais importantes no HTML que usamos logo de “Cara” em qualquer projeto web.

são as tags que definem: Títulos, parágrafos, Negrito, Strong, Itálico e Quebras de linha.

A melhor maneira de aprendermos HTML é na prática.

Html – Títulos

Títulos são definidos com as tags de <h1> há <h6>.

O <h1> define o título maior. A

O <h6> define o título menor.

<h1>Este é um título h1</h1>
<h2>Este é um título h2</h2>
<h3>Este é um título h3</h3>
<h4>Este é um título h4</h4>
<h5>Este é um título h5</h5>
<h6>Este é um título h6</h6>

HTML – Parágrafo

Os parágrafos são definidos com a tag<p></p>.

<p align="justify">Texto justificado </p>
<p align="center">Texto Centralizado </p>
<p align="left">Texto Alinhado a Esquerda </p>
<p align="right">Texto Alinhado a Direita </p>

Quebras de linha

É usada quando você quer terminar uma linha, mas não quer começar um novo parágrafo.
A tag <br> força a quebra de linha, basta inserir no <br> no html.

Veja o exemplo abaixo:

<p>Aqui vai ter uma quebra de linha.<br> Viu como é fácil !</p>

Html – Negrito / Strong

Para deixar um texto em negrito usaremos a tag <b></b>

Geralmente o texto em (negrito) é usado para Destacar certas palavras ou termos de uma frase.

Strong – A tag é usada para definir texto com forte importância.

<b>Loop Nerd Códigos Pronto <b>Html</b> e Css.</b>
<p>Esse texto está em <b>Negrito</b> </p>
<p><strong>Loop Nerd Códigos Pronto Html e Css.</strong></p>

Html – Itálico

Marque o texto que é detonado da prosa normal em um documento:

<p><i>Lorem ipsum</i> é o texto de preenchimento mais popular da história.</p>

Comentários em HTML

A tag de comentário é utilizada para inserir um comentário no código fonte HTML.

Frisando que o comentário no html será ignorado pelo navegador ok.

Você pode usar os comentários para explicar o seu código, o que pode ajuda-lo na manutenção futura do site.

Você pode usar os comentários para indicar o Fechamento de um DIV.

Veja no exemplo abaixo:

<div class="topo">

   <ul>
       <li><a href="#">Home</a></li>
       <li><a href="#">Sobre</a></li>
       <li><a href="#">Portfólio</a></li>
       <li><a href="#">Contato</a></li>
   <ul>

</div><!--Fecha Div Topo-->

<!--Ou bota o nome da class no comentário-->

<div class="sidebar">

   <ul>
       <li><a href="#">Home</a></li>
       <li><a href="#">Sobre</a></li>
       <li><a href="#">Portfólio</a></li>
       <li><a href="#">Contato</a></li>
   <ul>

</div><!--sidebar-->

<!--Use sempre um comentário no fechamento de uma 
    Div pelo menos nas principais Divs isso ajuda muito na manutenção no futuro-->

HTML – Tags Básicas essas são as que mais usamos. No entando não para por ai

Veja neste artigo mais avançado.

1. Conheça as principais tags semânticas do html5
2. Html – Tags de Formatação de Texto