HTML « Ficcionando

HTML

TUTORIAL – HTML BÁSICO

– O que é HTML?
HTML quer dizer HyperText Markup Language e é o que usamos para montar páginas na web. Para isso usamos tags (uma série de comandos que configura o conteúdo do jeito que você quer), que devem ser abertas e fechadas para que o texto não desconfigure-se.

 

– Sobre as tags:

  • Para abrir uma tag usamos < >, para fechá-la usamos </ >.

EX: <a> </a>

  • A última tag aberta deve ser sempre a primeira a ser fechada.

EX: <a> <b> <c> </c> </b> </a>

  • O uso de maiúsculas ou minúsculas é indiferente em uma tag.

 

– Como montar minha página?

Vamos começar pela parte mais importante do HTML, as tags obrigatórias para se montar a página:

<HTML> – Essa tag deve ser a primeira a ser colocada na página, ela identifica que a página será montada em HTML.  Ela deve ser fechada ao final da página.

<HEAD> – É a primeira parte da página, podemos chamá-la de cabeçalho. Depois dela você colocará o título (que também tem uma tag específica) e outras coisas mais específicas. Deve ser fechada assim que você colocar tudo o que precisa.

<BODY> – Essa é a segunda parte da página, é aqui que ficará o real conteúdo da página.

Na ordem, a estrutura da página ficará assim:

<HTML>
<HEAD>
<TITLE>
Aqui fica o seu título </TITLE>
</HEAD>
<BODY>

</BODY>
</HTML>

 

Agora podemos ver as tags mais úteis e que vocês certamente irão precisar enquanto montam sua página.

     

  • Para termos uma quebra de linha, usamos a tag <br>. Ela deve ser usada sempre ao final de cada linha.

 

Eu disse que nunca ia deixar você ir, e eu nunca deixei.<br>
Eu disse que nunca te deixaria cair e eu sempre falei sério.<br>

 

Sem as tags, ao abrir sua página esse trecho estaria assim:
 

Eu disse que nunca ia deixar você ir, e eu nunca deixei. Eu disse que nunca te deixaria cair e eu sempre falei sério.
 

Como podemos ver, não existe quebra de linha. Essa é a função do <br>, com ele o trecho ficará assim:
 

Eu disse que nunca ia deixar você ir, e eu nunca deixei.
Eu disse que nunca te deixaria cair e eu sempre falei sério.

 

Caso você queira dar uma quebra de linha maior, use o <br> duas vezes.

 

Eu disse que nunca ia deixar você ir, e eu nunca deixei.<br><br>
Eu disse que nunca te deixaria cair e eu sempre falei sério.<br>

O trecho ficará assim:

Eu disse que nunca ia deixar você ir, e eu nunca deixei.
 

Eu disse que nunca te deixaria cair e eu sempre falei sério.

 

Observação : A tag <br> não precisa ser fechada.

  • A tag <b> </b> é usada para deixar algo em negrito.

Fiquei louco, <b> pois existem coisas nas ruas </b> em que eu não acredito.

Fiquei louco, pois existem coisas nas ruas em que eu não acredito.

     

  • A tag <i> </i> é usada para deixar algo em itálico.

Você me olha com os olhos marejados, <i>eu sei que você pode ver através das minhas mentiras</i>.

Você me olha com os olhos marejados, eu sei que você pode ver através das minhas mentiras.

     

  • A tag <u> </u> é usada para deixar algo sublinhado.

E eu sou aquela que deveria significar algo, <u>mas ainda sim</u> você está preso em outra pessoa.

E eu sou aquela que deveria significar algo, mas ainda sim você está preso em outra pessoa.

 

Esse é o básico que vocês precisam saber sobre HTML, se você precisar de qualquer outra tag que não esteja aqui é só dar uma olhada no Google, existem milhões de sites especializados em ensinar HTML.


FICCIONANDO |TODOS OS DIREITOS RESERVADOS | 2015