capitulo 2

CAPITULO 2. INSTRUCCIONES BASICAS DE HTML

El comando HTML
Este comando se utiliza para delimitar el documento. Las marcas de principio y fin son:

...

Mediante este comando, podremos indicar al lector la version de HTML que hayamos usado.
El comando Parrafo
Este comando inserta automaticamente un salto de linea al final del parrafo, y crea el espaciado adecuado entre los diferentes parrafos del documento.
...
El comando salto de linea
Para insertarun salto de linea utilizaremos el comando

Puesto que en HTML, el texto puede flotar alrededor de las imagenes, utilizaremos el atributo CLEAR que podra tomar los valores: left, right y all.
Los comandos de encabezamiento
El texto en HTML, cuenta con 6 niveles de encabezados. Utilizaremos el primer nivel de encabezado para crear las divisiones mayores del texto.
El sexto nos mostrarael texto mas pequeño.
Hay que tener en cuenta que estos comandos insertan un salto de linea tras el texto que comprenden.
APARIENCIA DEL TEXTO
La apariencia del texto, es una de las caracteristicas que haran mas atractivas nuestras paginas web.
No debemos olvidar que estos comandos pueden ser utilizados conjuntamente.
Apariencia que podemos dar al texto:
-Negrita:
...
-Cursiva:
...
-Parpadeo:
...
-Asignar un tamaño fijo y apariencia de caracteres de maquina de escribir:

-Subrayado:
...
LISTAS
En un documento HTML se pueden incluir dos tipos de listas.
Listas no numeradas
Este tipo de listas son conocdas tambien como listas no ordenadas.
Utilizaremos el comando:

...

Los elementos de la lista se indicaran con:

...

Listas numeradas
Se crean por medio del comando:

...

Al igual que en las listas no numeradas, cada elemento de la lista se indicara mediante:

...

Listas descriptivas
Usaremos el comando:

...

Cada uno de los elementos de la lista tendra un titulo, marcado como:

...

Y un texto para cada titulo, que sera indicado por el comando:

...

Este tipo de lista esta especialmente indicada para crear indices.
CENTRADO TEXTO
Podemos centrar cualquier parte del documento por medio del comando:

...
Simplemente, tendremos que delimitar la parte o partes del texto que deseamos que aparezcan centradas.
LINEAS HORIZONTALES
En muchas ocasiones, necesitaremos separar el texto de los elementos, o el texto de la pagina.
La linea horizontal, se inserta con el comando

---

, que acepta varios modificaciones.
ENLACES
Los enlaces, pueden ser clasificados en 4 grupos:
-Los que hacen referencia a otra parte del mismo documento.
-Los que hacen referencia a otro documento.
-Los que hacen referencia a otra parte de otro documento.
-Los que hacen referencia a una direccion de correo electronico.
Referencias en el mismo documento
De crear enlaces que llever al usuario a un lugar del documento a otro, dentro del mmismo documento, por medio de un clic. Este tipo de enlaces, son conocidos como referencias locales.
La referencia
Es la zona en la que el usuario hace clic, para desplazarse a otra parte del documento.
Para crear una referencia local, delimitaremos la zona con el comando:
Texto del enlace
El nombre referenciado
Esta es la zona del documento a la que accede el usuario al hacer clic en la referencia correspondiente.
El comando es:
...
Referencias a otros documentos
Para crear un enlace a otro documento, es inprescindible conocer la ubicacion del documento al que queremos hacer referencia.
Existen dos tipos de referencia a una ubicacion: relativa y absoluta.
-Referencia relativa: Tendremos que especificar la posicion del documento en la estructura de subdirectorios.
Con el comando:
Texto del enlace
-Referencia absoluta: Para crear una referencia absoluta, tendremos que especificar la direccion o URL>
Para enlazar un Hypertexto, usaremos el comando:

En "ordenador", indicaremos el nombre de la maquina en la que se encuentre el documento.
En "directorio" y "archivo", indicaremos la ubicaciondel documento dentro del ordenador.
Referencias a un lugar de otro documento
Para crear este tipo de enlaces, indicaremos el URL del documento al que hacemos referencia, escribiremos un signo # y finalmente introduciremos el nombre de la zona a enlazar.
Referencia a una direccion e-mail.
Un enlace a una direccion de correo electronico en la que se puedan recibir sugerencias realizadas por los usuarios. Para ello, escribiremos:
Texto del enlace
De todos modos, es conveniente escribir la direccion de correo electronico en el texto del enlace.

Capitulo 1

CAPITULO 1. LENGUAJE DE HTML

• Generalidades
  El lenguaje  HTML es un sistema para definir tipos de documentos estructurados y lenguajes de marcas para representar esos mismos documentos. Este lenguajees una aplicacion del GSML(standard generalized mackup languaje).
• Fundamentos:
• Caracteres:Dependiendo del editor de textos el documento HTML puede tener distintos juegos de caracteres.
  Toda cadena de caracteres  se visualizara en el navegador.
  Para reducir los documentos a ASCII de 7 bits y representar los caracteres empleados para marcar el texto, se definen dos mecanismos de referencia:
  
  
  -Referencia por nombre: el caracter se representa con un & seguido del nombre del caracter y un punto y coma. Por ejemplo:
  &
  
  
  -Referencia numerica: en lugar de dar la referencia por nombre, se escribe # seguido del numero de caracter. Por ejemplo:
  & 
• Marcas:
  Las marcas delimitan los elementos de un documento HTML, como cabeceras, parrafos, etc.
  Las marcas siempre constan de dos partes, una marca de inicio y otra de final.
  Las marcas iniciales se escriben entre los simbolos "<"y">" y las finales entre "</"y">".Por ejemplo:
  <H1>Contenido</H1> es una cabecera de nivel uno.
  Al utilizar algunos elementos, no siempre es obligatorio la marca de final de cierre.
• Nombres:
  Los nombres se componen se una letra seguida de letras.
• Atributos:
  Cuando una marca inicial admite atributos, estos se escriben a continuacion del nombre del elemento:
  nombre_atributo=valor_atributo
  Aunque en algunos casos, basta con el nombre del atributo.
  El valor de un atributo puede ser:
  
  
  -Una cadena de caracteres entre comillas que contenga el simbolo de fin de marca (>).
  -Un  nombre.
• Comentarios:
  La manera de incluir se realiza mediante la marca de comentarios:
  <! ... >
  Cada comentario comienza con "..." e incluye todo el texto.
  
  
  Identificacion del nivel HTML de un documento.
  El lenguaje HTML se compone por bloques, cada uno identifican mediante una instruccion de inicio y otra de final.
  
  
  ORGANIZACION DE UN DOCUMENTO
  Los documentos en formato HTML son un documento de elementos anidados. En el nivel mas alto, nos encontramos HTML que consta de dos partes:: cabecera y cuerpo.
  En la cabecera se proporciona informacion acerca del documento, mientras que el cuerpo contiene el texto de la pagina.
• Cabecera:
  La cabecera es una informacion acerca de las caracteristicas generales del documento. Las marcas de principio y fin del bloque son:
  <HEAD>
  ...
  </HEAD>
  Puede contener los siguientes datos:
  -Titulo(TITLE). Indica el nombre del documento.
  
  
  -Direccion de base(BASE). Proporciona una direccion de base para interpretar los enlaces relativos cuando el documento se lee fuera de su contexto.
  
  
  -El documento es un indice(ISINDEX). Si se pone la palabra clave ISINDEX, el cliente interpretara que la pagina es un indice y permitira al usuario introducir palabras claves para buscarlas.
  
  
  -Enlaces relacionados(LINK).En la cabecera podemos ncluir varios enlaces relacionados con el documento, como versiones anteriores, direccion del autor, etc.
  
  
  -Metainformacion(META).Sirve para proporcionar informacion sobre el documento que no pueda ser expresada en los campos anteriores. La informacion se escribe usando nombre/valor que pueden ser empleados para dos propositos:
  
  
  1. Proporcionar datos al servidor de HTTP para que genere campos de cabecera.
  2. Para que un usuario incluya informacion adicional sobre el documento.
  
  
• Cuerpo:
  El cuerpo contiene la parte mas importante del documento HTML. Es donde vamos a insertar todo el texto y los objetos van a ser presentados al usuario.
  <BODY>
  </BODY>

2DO TRIMESTRE

INTRODUCCION.
 
Internet en la actualidad es una herramienta de gran ayuda para realizar búsquedas de información, y para crear nueva información a partir de cero.
De la variedad de servicios que presta internet la mas utilizada es World Wide Web o WWW.
Tal vez usted se preguntará como se crean estas páginas? La respuesta es con HTML.


¿Qué es HTML?
HTML son las iniciales de Hiper Text Markup  Language
Es un conjunto de series o etiquetas incluidas en archivos de texto que definen la estructura de un documento WWW y sus vínculos con otros documentos.

¿Por dónde comenzar?
1. Utilizar programas creados para desarrollo de páginas WEB, por ejemplo:

• Microsoft Front Page
• Hot Dog
• Microsoft Internet Assistant
• Microsoft Office 97

2. Utiliza un editor de texto y crea nuestro propio codigo.
Como casi todos los sistemas mas comunes en PC funcionan bajo un entorno Windows, para crear los hipertextos utilizaremos un accesorio, El Bloc de Notas o Note Pad.

Páginas WEB
El hipertexto es un archivo de texto que contiene instrucciones que pueden ser interpretadas por un navegador de internet. Estas instrucciones son denominadas Etiquetas.

Etiquetas
Una etiqueta cumple su función de la siguiente manera:
<nombre de la etiqueta>          Apertura de una etiqueta siempre entre "< >"
texto/ gráfico/ etiquetas            A la cual se aplica la etiqueta
</nombre de la etiqueta>         Cierra de la etiqueta siempre entre "< >"

Al acabar de crear un hipertexto, este se deberá grabar con la extensión html. Es bueno acotar esto ya que es un archivo que tiene una extensión definida.

Estructura básica de una página WEB
Una página esta compuesta por 2 partes: el encabezamiento y el cuerpo de la página.
Existen 3 tipos de etiquetas fundamentales, las mismas que deben estar incluidas en el archivo HTML de manera obligatoria. Estas son:

• <html> </html>   Indica el navegador que el documento texto que esta leyendo es un documento HTML.     Esta etiqueta se abre al inicio del archivo y se cierra al final del mismo
• <head> </head>  Acá se detalla el encabezado de la página WEB. Esta se abre después de la etiqueta de <html>
• <body> </body>  Cuerpo de la página donde se despliega el contenido global, esta etiqueta se abre después de cerrar el encabezamiento y se extiende hasta el final de la página, cerrandose antes de </HTML>

Etiqueta: <title> </title>
Esta etiqueta va en la parte del encabezamiento de la página web, es decir en el HEAD y define en su contenido el título de la página web, el cual aparecerá enla parte superior izquierda de la pantalla de su navegador.
Sin cerrar nuestro navegador de internet, volvemos al editor de texto e incluimos al campo <title> entre las etiquetas de apertura y cierre el encabezado(head)

Etiqueta <body> </body>
Todo el texto, las imágenes y el formato visible al usuario deben encontrarse entre las etiquetas <body> </body>, esta etiqueta cuenta con los siguientes atributos, ejemplo:

• Bgcolor: define el color de fondo de la página
• Text: defiine el cole de texto de la página
• Link: define el color de los vínculos de la página
• Alink: define el color del vinculo actual
• Vlink: define el color del vínculo ya visitado

¿Cómo se utilizan los colores HTML?
Se puede llegar a tener mas de 16 millones de colores en una página web.
Existen 2 formas de aplicar colores a una página web:
1.- Se especifica el color deseado directamente con el nombre del colr en ingles.
2.- Se especifica el color deseado mediante números hexadecimales mediante la siguiente estructura: #RRVVAA

Texto en HTML
HTML fue creado en principio para el alfabeto inglés, pero se buscaron modos para mostrar también caracteres especiales.
Utilizaremos & y ; para denotar el inicio y el final respectivamente de un símbolo especial.

Etiqueta <br>
La etiqueta <br> instruye al navegador cliente que inserte un salto de línea en un documento HTML.

Etiqueta <hr>
La etiqueta <hr> dibuja una manera predeterminada una regla horizontal alineada automáticamente, con una apariencia de tercera dimensión.

Encabezados
Las etiquetas <hl> </hl> al <h6> </h6> son encabezados del cuerpo de texto. El encabezamiento <hl> nos proporciona las letras de mayor tamaño

Unicación, formato y atributos de texto
Etiqueta <center> </center>
Se utiliza para centrar el texto/imagen o datos que se encuentren entre la apertura y el cierre.

Etiqueta <b> </b>
Esta es la etiqueta que nos posibilita un texto con negrillas.


Etiqueta <u> </u>
Etiqueta que posibilita resaltar un texto subrayado.


Etiqueta <i> </i>
Etiqueta que permite resaltar el texto con inclinación itálica