Curso de HTML/Fundamentos/Os elementos do HTML/Texto: diferenças entre revisões

Explorar interativamente o histórico

[edição não verificada]

[edição verificada]

← Edição anterior Edição posterior →

Conteúdo apagado Conteúdo adicionado

VisualTexto wiki

Em linha

Revisão das 18h53min de 17 de maio de 2013

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.

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:

@@ Linha 1: / Linha 1: @@
+== Editores de HTML ==
-#REDIRECIONAMENTO [[Curso de HTML/Fundamentos/Os elementos do HTML/Texto]]
+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:
+* [http://baixaki.com.br/site/detail5761.htm PHP Editor] - Editor de PHP compacto e completo. Também serve para HTML.
+* [http://baixaki.com.br/site/detail4214.htm AceHTML Free] - Versão gratuita do aclamado AceHTML. Possui muitas funções. É a melhor opção para edição de HTML.
+* [http://baixaki.com.br/site/detail15233.htm Sothink HTML] - Para quem tem um computador lento e precisa de poupar memória, este editor de HTML é dos melhores que andam pela rede.
+* [http://www.openoffice.org 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.
+== 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>'''):
+<pre>
+<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 &lt;body&gt; saí no corpo do ''browser''.
+  </body>
+</html>
+</pre>
+A saída é a seguinte:
+<center>[[Imagem:Html_browser_pic2.gif]]</center>
+{{AutoCat}}