Translate

Tutorial HTML - Parte 1



Para construir um blog, não é necessário utilizar HTML, mas por vezes é necessário ter algum conhecimento sobre a matéria, especialmente se pretendermos aprimorar o blog ou saber encaixar  todas as peças do puzzle que existem hoje na web, tal como referi no post anterior sobre indexação.

Para não assustar os leitores, com pavor de linguagens de programação, em primeiro lugar o HTML não é uma linguagem de programação, é uma linguagem de formatação e em segundo lugar não é necessário conhecer a linguagem de forma  aprofundada, mas sim, conhecer a sua estrutura básica e começar a dar os primeiros passos.


O HTML consiste em texto formatado por ‘tags’ ou etiquetas, que obedecem a regras simples:
  • Todas os ‘tags’ são inseridas entre o sinal de menor e maior
      <tag>


  •  À excepção das que representam a posição de um objecto como seja uma imagem, todas as ‘tags’ de formatação devem ser abertas e fechadas
      <tag> </tag>


  • Obedecem a uma hierarquia, como no seguinte exemplo:
      <a> <b> <c> </c> </b> </a>
       O primeiro a abrir é o último a fechar, e vice-versa.


  • É indiferente utilizar maiúsculas ou minúsculas nos ‘tags’.

  • Todas as páginas em HTML são identificadas pelo ‘tag’ <HTML>, que terá obrigatóriamente que estar no início. Obviamente, qualquer página irá acabar com </HTML>.
       <HTML>
       .       
       .
       </HTML>


  • Todas as páginas em HTML contêm duas partes: Aquela definida por <HEAD>, e que contém todas as informações do cabeçalho da página; Outra parte definida por <BODY>, que contém o que irá surigir na página.
       <HTML>
       <HEAD>
       .
       .
       </HEAD>
       <BODY>
       .
       .
       </BODY>
       </HTML>


Podemos neste momento criar uma primeira página (copie o texto para o bloco de notas ou um outro qualquer editor de texto e guarde com a extensão .htm ou .html):

<HTML>
<HEAD>
<TITLE>A primeira página em HTML</TITLE>
</HEAD>
<BODY>
Olá mundo!
</BODY>
</HTML>

Basicamente o exemplo colocará no título do browser o texto "A minha página em HTML" e na página aparecerá o texto "Olá mundo".

Pequenos conceitos que dá para perceber a mecânica da coisa.

veja a segunda parte, Tutorial HTML - Parte 2