Make your own free website on Tripod.com

Computacion Educacional

Web - Parte 3
Principal
Veterinaria - Practicas de Word
Web - Parte 1
Web - Parte 2
Web - Parte 3
Web - Parte 4
Web - Parte 5
Actividad Power-Point
Encuesta TIC
Ensayo TIC (Modelo)
Parts of the Human Body
Introducción a Microsoft Word
Barras de Menús de Word
Menú de Edición Word
Barras de Herramientas Word
Barra de Herramientas Formato
Menú Insertar Word
Menú Formato Word
Word - Práctica 1
Word Práctica 2
Word Práctica 3
Word Práctica 4
Word Práctica 5
Word Práctica 6
Word Práctica 7
Conceptos de Informatica
Actividades Laboratorio
Historia de los Computadores
Calculadora
Calendario
Notas Parciales Jornadas D - V
Tutorial Web - Introducción
Tutorial Web - Estructura Básica

Existen dos partes fundamentales de un documento HTML.

Encabezado Se inicia mediante el comando <HEAD> y se termina con </HEAD>. Por lo general se incluye aquí el título del documento, mediante el comando <TITLE> ... </TITLE>.

Cuerpo Se inicia mediante el comando <BODY> y se termina con el comando . Este comando acepta numerosos modificadores. [descripción completa]. Dentro del cuerpo del documento se incluye cualquier carácter imprimible.

Además, es importante incluir el comando <ADDRESS> ... </ADDRESS> al final del cuerpo del documento (pero dentro de el). Dentro del ADDRESS se escribe el nombre del autor del documento, la organización a la que pertence, su dirección de correo electrónico, y otra información que se considere relevante (por ejemplo, la última fecha de actualización del documento).


Un primer ejemplo usando estos comandos básicos

<HEAD>
<TITLE>Tejedores del Web - Ejemplo numero uno</TITLE>
</HEAD>
<BODY>
<H1>Ejemplo numero uno</H1>
<H2>Primera parte</H2>
<P>Aprendimos a usar el comando párrafo.</P>
O a cortar una línea usando BR.<BR>
<H1>Segunda parte</H>
<P>Aprendimos a marcar palabras <B>importantes</B>,
otras <B><I>mas importantes</I></B>,
y otras <STRONG>tremendamente importantes</STRONG></P>
<H2>Nota</H2>
<P>Tambien aprendimos a hacer
<BLINK>parpadear</BLINK> el texto.</P>
<ADDRESS>
\a{mailto:chato@chato.cl;chato@chato.cl}<BR>
Santiago de Chile, 1 Enero 2010<BR>
</ADDRESS>
</BODY>
El comando HTML

El comando <HTML> ... </HTML> se usa para delimitar el documento en hypertexto completo. Es útil incluirlo para evitar conflictos con futuras revisiones del lenguaje HTML.

Este comando permite además indicar al cliente la versión de HTML que estamos usando, entre otras cosas.

Listas

Revisaremos dos tipos de lista que se pueden incluir en un hypertexto. Ambos tipos permiten varios niveles de enlace, es decir, podemos tener una lista dentro de otra lista.

Listas no numeradas

También llamadas listas no ordenadas, se declaran usando el comando <UL> ... </UL>. Cada item de la lista se marca con un <LI>. El resultado final es que el item se separa del borde izquierdo y aparece marcado con un símbolo (un punto, un cuadrado, etc.. depende del nivel de enlace).

Listas numeradas

Una lista numerada se ve así:

  1. Primer item
  2. Segundo item
    1. Primer subitem
    2. Segundo subitem
  3. Tercer item

Lo que en HTML se escribe:

<OL>
<LI>Primer item
<LI>Segundo item
<OL>
<LI>Primer subitem
<LI>Segundo subitem
</OL>
<LI>Tercer item
</OL>

La misma lista no numerada se ve así:

  • Primer item
  • Segundo item
    • Primer subitem
    • Segundo subitem
  • Tercer item

Lo que en HTML se escribe:

<UL>
<LI>Primer item
<LI>Segundo item
<UL>
<LI>Primer subitem
<LI>Segundo subitem
</UL>
<LI>Tercer item
</UL>

Instituto Profesional Valle Central
Sede La Florida - Profesor: Fernando Guerrero T.