Curso de HTML/Texto

Origem: Wikilivros, livros abertos por um mundo aberto.

[editar] Editores de HTML

Como já tivemos oportunidade de observar, o código de um documento HTML é texto puro (isto é, é completamente traduzível através da tabela de caracteres ASCII). Visto isto, qualquer editor de texto sem formatação permite escrever código HTML. Seguem-se alguns exemplos:

  • Notepad (Windows)
  • Vim (Unix)
  • Emacs (Unix)
  • Xemacs (Unix e Windows)
  • Wordpad (Windows)
  • Edit (DOS)

Obviamente que para trabalhos mais complexos o melhor é usar-se um editor HTML especializado. Existem muitos gratuitos na internet. Seguem-se alguns exemplos:

  • PHP Editor - Editor de PHP compacto e completo. Também serve para HTML.
  • AceHTML Free - Versão gratuita do aclamado AceHTML. Possui muitas funções. É a melhor opção para edição de HTML.
  • Sothink HTML - Para quem tem um computador lento e precisa de poupar memória, este editor de HTML é dos melhores que andam pela rede.
  • OpenOffice.org - Para quem tem o OpenOffice ou queira instalá-lo, também poderá usar a ferramenta de edição de HTML existente no pacote.

Seja qual for a sua opção, aconselho-o a vasculhar pelo menos todos estes quatro programas aqui apresentados. Depois de um tempo a experimentá-lo poderá perceber qual deles é o melhor para a sua situação.

[editar] Marcações básicas

O primeiro passo é criar um ficheiro vazio e dar-lhe a extensão .html. Para detalhes sobre como fazer isto consulte a documentação do seu Interface com o Utilizador (User Interface). Seguidamente é necessário abrir o ficheiro vazio com o editor de texto escolhido.

Começa-se por inserir a estructura básica dos documentos HTML que, como já vimos, é composta por um mínimo de 3 TAGs normais (<html>, <head> e <body>):

<html>
  <head>
    <title>Título da Página</title>
  </head>
  <body>
    DOCUMENTO HTML<hr />Este documento tem o propósito de mostrar 
    somente o que existe
    em <body> saí no corpo do ''browser''.
  </body>
</html>

A saída é a seguinte:

Html browser pic2.gif

Índice - Conteúdo | Recursos visuais avançados