HTML Básico

Manual HTML Básico

MANUAL HTML BÁSICO
Federico Martín Maglio
Para construir una página con el fin de publicarla en Internet, debemos aprender
el lenguaje HTML (HyperText Markup Language). Se dirá que es muy fácil construir
páginas WEB hoy en día con los programas que se encuentran a disposición de todos.
Pero si bien esto es cierto, es necesario conocer lo mínimo del HTML porque siemprese nos presenta la situación de que el resultado final, logrado con programas que
generan el código automáticamente, no es el esperado. En tal situación se hace
necesario retocar el código manualmente con un procesador de texto puro como el
Block de Notas que viene con Windows. Para poder hacerlo no hay otra salida que
conocerlo.
El HTML se basa en “etiquetar” lo que se quiere mostrar en lapágina; estas
etiquetas le dicen al programa navegador de Internet cómo debe mostrar en pantalla la
información que contiene. A raíz de su forma de funcionamiento, podemos decir que
trabajar en HTML no significa “programar” ya que el resultado no se compila ni se
ejecuta independientemente.
Para trabajar con HTML se necesitan programas. Estos pueden ser simples o
más complejos y depende de loque se quiera lograr.
Lo básico que se necesita para la realización de una página Web es:
Necesitamos...
•
•

Un editor de texto... para escribir el código y guardarlo como .htm o .html
(puede ser el Block de Notas de Windows).
Un navegador de internet... para ver cómo está quedando la página a
medida que se va construyendo.

Cuando es necesario realizar tareas más específicas, seusarán otros
programas:
Usaremos como mínimo...
•
•
•
•
•

Un editor de textos.
Un editor de imágenes... Paint Shop Pro.
Un editor de imágenes en movimiento... Gif Animator.
Un editor de applets de Java para botones... 1 Cool Button Tool o el Ulead
Button.Applet.
Un editor de applets de Java para carteles... Applet Marquee Wizard.

Profesor Federico Martín Maglio

1

Manual HTMLBásico

2

CONSTRUYENDO UNA PÁGINA BÁSICA:
Una página de WEB se construye en lenguaje HTML. Su principio esencial es el
uso de etiquetas (tags en inglés). Por lo general, hay una etiqueta para abrir y otra para
cerrar (a ésta se le agrega delante la barra /). Debemos tener en cuenta que no todas
las etiquetas necesitan de otra para cerrar una orden.
Las etiquetas funcionan de la siguientemanera...
Este es el inicio de una etiqueta.
Este es el cierre de una etiqueta.

Todo documento para la WEB se abre y se cierra con las siguientes etiquetas...

(Aquí va todo el documento)


Todo documento HTML necesita un par de etiquetas HEAD o encabezado que
será la información de la página que no se verá directamente en el navegador...





Dentro del encabezado debemos ponerlas etiquetas para el título de nuestra
página WEB. Este debe ser corto y descriptivo de nuestra página ya que será lo que se
vea cuando alguien guarda su dirección como favorito...







El contenido de la página (que es toda la información que queremos mostrar en
la WEB) irá entre las etiquetas y que se colocan luego de cerrar el
encabezado y antes de finalizar el documento.Profesor Federico Martín Maglio

Manual HTML Básico









Dentro de las etiquetas que abren y cierran se introduce la información del
documento. Ahora pondremos el título a la página...



Mi página de WEB






Ahora guarde este documento en un directorio o carpeta que se haya creado a
tal efecto. Se le da un nombre y la extensión correspondiente para que pueda serreconocida por los navegadores.
Lo guardamos como primera.html o primera.htm (si estamos en un sistema
operativo de hasta 8 caracteres para el nombre y 3 caracteres para la extensión).
Lo que acabamos de crear es un esqueleto de una página HTML. Todos los
documentos HTML requieren que tengas por lo menos estas etiquetas en él, y ¿dónde
está el título? El título se ve en la parte de arriba del...