Curso de HTML


CONTENIDOS PAGINA # 1

Antes de empezar
Introducción
La Estructura básica del documento HTML


Antes de Empezar

 
Para realizar tu pagina Web necesitas en principio un editor de textos para escribir los ficheros que la compondrán.
Simplemente usando el NOTEPAD de Windows o el EDIT del MS-DOS puedes realizar tus páginas Web, ya que una pagina Web es simplemente un texto al que se le añaden diferentes palabras clave (ordenes o directivas) con el objeto de indicar diferentes propiedades. De cualquier manera existen editores específicos para realizar paginas Web. Dichos editores permiten por medio de menús e iconos incluir ordenes de HTML sin necesidad de teclearlas. Es decir, para poner un texto en cursiva en una pagina Web deberíamos escribir la instrucción:
<I>Texto</I>
En un editor de Html, simplemente marcaríamos el texto con el ratón y pulsaríamos el icono de cursiva, el editor de encargaría de poner automáticamente las ordenes <I></I>.
Existen muchos y muy variados editores de HTML, puedes bajar a tu ordenador alguno de ellos desde la pagina Web de Solo Windows'95.
Cuando escribas tu paginas Web te recomiendo que todos los links, nombres de gráficos, etc.. los consignes en letra minúscula ya que la mayoría de los servidores Web distinguen entre mayúsculas y minúsculas. Es decir, las directivas :
<IMG SRC="dibujo.gif">

<IMG SRC="Dibujo.Gif">
Hacen referencia a ficheros distintos, aunque en tu disco duro harán referencia al mismo fichero, ya que Windows no distingue entre mayúsculas y minúsculas. Así que procura escribir correctamente estos nombres.

Introducción

El HTML (Hyper Text Markup Language) es un sistema para estructurar documentos; que se utiliza para la creación de paginas Web. Estos documentos pueden ser Mostrados por cualquier navegador, ya sea Netscape, Microsoft Explorer. Mosaic, etc.

Básicamente, el HTML consta de una serie de órdenes o directivas, que indican al navegador que estemos utilizando, la forma de representar los elementos (texto, gráficos, etc.) En última instancia el navegador es el que ejecuta todas las órdenes contenidas en el código HTML, de forma que un navegador puede estar capacitado para realizar algunas ordenes, pero no para todas. Así, podremos especificar que una página tenga una imagen de fondo, o un texto parpadeando, pero si nuestro navegador no está capacitado para realizar estas funciones, no podremos observarlas.

Las ordenes del HTML pueden ser de dos tipos, cerradas o abiertas. Las ordene cerradas son aquellas que tienen una palabra clave que indica el principio y otra que indica el final. Entre la ordene inicial y la final se pueden encontrar otras ordenes; en cambio las ordenes abiertas constan tan solo de una sola palabra clave. Para diferenciar las ordenes del resto del texto del documento se encierran entre los símbolos '<' y '>'. Las ordenes cerradas incluyen el carácter '/' antes de la palabra clave para indicar el final de la misma. Una orden puede contener "parámetros". Estos parámetros se indican a continuación de la palabra clave de la orden.

Directiva cerrada
<CENTER> Mi página Web </CENTER>
Directiva abierta
<HR>
Directiva con parámetros
<BODY bgcolor="#FFFFFF"> </BODY>
 

Para hacer comprensible estos comandos, indicaré por una parte, las secuencias de comandos y por otra el resultado de dichas secuencias, de la siguiente forma, un ejemplo de estos es:

 

Código HTML: secuencia de <B>comandos</B>

Visualización: secuencia de comandos.


La estructura básica de un documento HTML

Es recomendable que todo fichero HTML siga la siguiente estructura:



<HTML>                Indica el inicio del documento.

     <HEAD>           Inicio de la cabecera.

          <TITLE>     Inicio del título del documento.

          Titulo de la ventana

          </TITLE>    Final del título del documento.

     </HEAD>          Final de la cabecera del documento.

     <BODY>           Inicio del cuerpo del documento.

     ------------- comandos y texto-----------

     </BODY>          Final del cuerpo del documento.

</HTML>               Final del documento.
Como puedes comprobar, estos comandos tienen una orden de inicio y otra de fin, que no es más que el mismo comando con el signo / antecediéndolo. Los comandos pueden figurar en letras mayúsculas o en minúsculas, indistintamente.

El documento se hallará situado en algún ordenador al que se pueda acceder a través de Internet. Para indicar la situación del documento en Internet se utiliza la URL (Uniform Resource Locator). La URL es el camino que ha de seguir nuestro visor a través de Internet para acceder a un determinado recurso, bien sea una página Web, un fichero, un grupo de noticias, etc. Es decir, lo que el visor de páginas Web hace es acceder a un fichero situado en un ordenador que está conectado a la red "Internet". La estructura de una URL para una página Web suele ser del tipo http://dominio/directorio/fichero.

El dominio indica el nombre del ordenador al que accedemos, el directorio es el nombre del directorio de ese ordenador y archivo el nombre del archivo que contiene la página Web escrita en HTML. Por ejemplo :

http://micasa.yupi.com/Julián-Andres/index.htm

Donde...
http://
micasa.yupi.com
/Julián-Andres/
index.html
Es el indicador de pagina Web
es el Dominio (nombre) del ordenador
es el Directorio dentro del ordenador
es el Fichero que contiene la página Web



Siguiente

Julián Andrés Muñoz Castro Ing. Electrónica Universidad del QUINDIO (Armenia)