Tutirial html

1

Universidad del Quindío Ingeniería de Sistemas Leonardo Hernández Rodríguez leoher@telesat.com.co www.geocities.com/leoher314 Sep. 7/2002

Tutorial de H T M L
Introducción
HTML (Hypertext Mark Up Language) es el lenguaje básico para la elaboración de páginas web. Es un lenguaje de scripts interpretado por los navegadores web. Un lenguaje de scripts es aquel que no se compila sino que esejecutado línea por línea por un interpretador. Si hay un error de sintaxis, el interpretador ejecuta hasta la línea inmediatamente anterior. En los lenguajes compilados, al contrario de en los interpretados, no se puede ejecutar ni una sola línea del programa, si se presenta un error de sintaxis. Esto puede ser una ventaja o una desventaja según las circunstancias. Por ejemplo, si un programa denómina tiene un error se sintaxis, es preferible que no se ejecute ni una sólo línea de él. Si una página web tiene errores de sintaxis, quisiéramos que el navegador nos mostrara lo máximo posible, porque en la parte que se visualice podría estar la información que necesitamos.

Forma general
Todo el script va incluido dentro de las etiquetas y . Es script se divide en dos partes, elencabezado y el cuerpo. El encabezado está delimitado por las etiquetas y y contiene información general sobre la página web, la cual no será desplegada en el área de trabajo del navegador. El cuerpo está delimitado por las etiquetas y , incluye la información necesaria para que el navegador despliegue la página web. Por ejemplo el script: Cartelera de Cine Hoy están presentando la película "Unamente brillante".

produce la salida siguiente:

2

Observe como las etiquetas y delimitan el nombre de la ventana del navegador. Note también como el navegador ignora los saltos de línea y los espacios en blanco adicionales del script.

Elaboración de un script y visualización de la pagina web correspondiente
Los scripts se elaboran con el bloc de notas, con cualquier editor dearchivos de tipo texto o con editores especializados en páginas web. Para poder visualizar la página web, simplemente se escribe la dirección (URL) del script en la casilla correspondiente del navegador, en el ejemplo anterior c:\nn\script.htm (ver figura). A continuación se explican algunas etiquetas que pueden ser usadas en el cuerpo de la página web, es decir, entre las etiquetas y

Salto delínea
La etiqueta fuerza el salto de línea en la página web. Por ejemplo, el código: Hoy están presentando la película "Una mente brillante" produce la salida Hoy están presentando la película "Una mente brillante".

Nuevo párrafo
La etiqueta hace que el navegador incluya un renglón en blanco para separar dos párrafos, por ejemplo, el código La Capital del Quindío es Armenia. Armenia tienemuchos sitios turísticos produce en la página web la siguiente salida

3

La Capital del Quindío es Armenia. Armenia tiene muchos sitios turísticos

Negrilla y cursiva
Para negrilla y cursiva use respectivamente las etiquetas ... y ... , por ejemplo el código La Capital del Quindío es Armenia. hará que el navegador despliegue: La Capital del Quindío es Armenia.

Centrado
El códigoQuindío producirá Quindío

Comentarios
Con la etiqueta se puede introducir texto que será ignorado por el navegador web. Por ejemplo el código: no producirá ningún efecto en la página web visualizada.

Tamaño de fuente
Para que la palabra “Quindío” aparezca en tamaño 2 y luego en tamaño 4 use: Quindío Quindío

Tipo de fuente
Con el código Armenia Armenia Armenia se obtiene

4

ArmeniaColores
Los colores en HTML se representan por un número hexadecimal de la forma #rrvvaa, donde rr representa la cantidad de rojo a utilizar, vv la cantidad de verde y aa la cantidad de azul. Recuerde que los monitores son por lo general RGB (Red, Green, Blue), es decir, que sus colores básicos son rojo, verde y azul y no amarillo, azul y rojo como podría pensarse. Ejemplos de colores:...