Curso de HTML – Parte 2

Tags principais

Nessa aula vamos falar da tags principais e de caracteres especiais, mas se você ainda não leu a introdução e primeira parte do curso faça isso agora:

Curso de HTML – Introdução

Curso de HTML – Parte 1

Iremos conhecer agora as tags mais comuns, usadas em um documento HTML:

A tag de parágrafo:

<p>

Atributo – align.

Valores – center, justify, left, right.

Exemplo – <p align=”right”> Meu Conteúdo </p> 

O texto acima seria alinhado à direita.

A tag <p> proporciona um espaço entre uma linha e outra

Exemplo- <p>primeira linha</p><p>segunda linha</p>

O resultado desse exemplo seria:

primeira linha

segunda linha

A tag de comentário:

<!–      //>

Essa tag não aparece no não aparece na página HTML, é usada no código à título de documentação, para que outros programadores e você mesmo identifique o que esta fazendo aquele trecho de código.

Exemplo: <!—Aqui Começa a tabela do menu //>. Esse trecho não irá aparecer na página, apenas avisará onde começa o Menu. Não se engane, essa tag é muito importante em um documento muito extenso.

 

A tag  de quebra de linha 

<br>

Causa uma quebra de linha no texto à partir do local onde for colocada

Exemplo :

Essa é minha primeira linha <br> Essa é a segunda linha

Obs: A tag <br> não proporciona espaços entre linhas.

O resultado do exemplo acima seria:

Essa é minha primeira linha
Essa é a segunda linha


Obs: algumas tags não possui fechamento <BR> é uma delas, ou seja:

Não existe </BR>

 

A tag de linha horizontal 

<hr> 

Atributo – align.

Valores – left, center, right 

Atributo – size

Valores – numérico em pixel 

Atributo – width

Valores –  Em porcentagem ou pixel 

A tag <HR> também não possui fechamento. 

Exemplo – <hr align=”left” width=”50%” size=”2”>

A tag para destaque 

<blockquote>

Essa tag causa uma endentação no texto e os atributos referem-se

Ao posicionamento à direita ou esquerda 

Atributo – dir

Valores– ltr, rtl 

Exemplo – <blockquote>Esse texto será endentado</blockquote>

Veja:

Esse texto será endentado

 

As tags de cabeçalho 

Essas tags são bastantes usadas para títulos de textos e possui seis níveis, quanto menor o número, maior o tamanho do texto.

<h1> , <h2> , <h3> , <h4> , <h5> , <h6> 

Atributo – align

Valores – center, justify, left, right.

 

Caracteres especiais

Existem caracteres que fazem parte do código HTML, portanto, serão invisíveis se colocados normalmente. Por exemplo; se você quiser representar a tag <p> na tela do Browser não poderá fazer isso textualmente, pois o interpetrador HTML o levará em conta como uma tag de formatação, veja

<p> Assim não funciona</p>

&lt; Assim Funciona &gt.

Um outro caractere importante não citado na tabela abaixo é: &nbsp; ele representa espaço entre as letras ou palavras. Em HTML não importa o número de espaços físicos que você proporcione entre as letras, ele irá conciderar apenas um. Para conseguir mais espaços você terá que usar o caractere especial  &nbsp;

Exemplo: 

Aqui   você   não terá   três    espaços   entre   as  palavras.

Aqui&nbsp; &nbsp;&nbsp;você&nbsp; &nbsp;&nbsp;terá&nbsp; &nbsp; &nbsp;três&nbsp; &nbsp;&nbsp;espaços&nbsp;&nbsp; &nbsp;entre&nbsp; &nbsp; &nbsp;as&nbsp; &nbsp;&nbsp;palavras

Veja o resultado escrito direto no código:


Aqui você não terá três espaços entre as palavras.


Aqui      você     terá      três     espaços     entre     as     palavras


Alguns caracteres especiais

&lt;  equivale a           <
&gt;  equivale a           >
&amp;  equivale a     &
&quot;  equivale a    “

Até a próxima aula.

Curso de HTML – Parte 3