jueves, 24 de enero de 2013

Introducción a HTML


INTRODUCCION


El HTML, acrónimo inglés de Hyper Text Markup Language (lenguaje de marcación de hipertexto), es un lenguaje informático diseñado para estructurar textos y presentarlos en forma de hipertexto, que es el formato estándar de las páginas web.
Para realizar tu página Web necesitas en principio un editor de textos para escribir los ficheros que la compondran.
Simplemente usando el NOTEPAD de Windows puedes realizar tus páginas Web, ya que una pagina Web es simplemente un texto al que se le añaden diferentes etiquetas 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 etiquetas 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 etiquetas <I></I> .
Sin embargo, en WebTaller te aconsejamos que uses el Block de Notas. Tendrás absoluto control sobre tu código y sabrás encontrar mucho más facilmente los errores que, todos, cometemos de vez en cuando.
Cuando escribas tu paginas Web te recomendamos que todos los links, nombres de graficos, etc.. los consignes en letra minúscula ya que la mayoria de los servidores Web distinguen entre mayúsculas y minúsculas. Es decir, las etiquetas:
<IMG SRC="dibujo.gif"> 
<IMG SRC="Dibujo.Gif">
hacen referencia a ficheros distintos, aunque en tu disco duro haran referencia al mismo fichero, ya que Windows no distingue entre mayúsculas y minúsculas. Asi que procura escribir correctamente estos nombres.
Básicamente, el HTML consta de una serie de órdenes o etiquetas, que indican al navegador que estemos utilizando, la forma de representar los elementos (texto, gráficos, etc...) que contenga el documento. En este manual nos referiremos a estas órdenes con la palabra "etiqueta".
Las etiquetas de HTML pueden ser de dos tipos, cerradas o abiertas.
Las etiquetas cerradas son aquellas que tienen una palabra clave que indica el principio de la etiqueta y otra que indica el final. Entre la etiqueta inicial y la final se pueden encontrar otras etiquetas.
Las etiquetas abiertas constan de una sola palabra clave. Para diferenciar las etiquetas del resto del texto del documento se encierran entre los símbolos < y >. Las etiquetas cerradas incluyen el carácter / antes de la palabra clave para indicar el final de la misma. Una etiqueta puede contener "parámetros". Estos parámetros se indican a continuación de la palabra clave de la etiqueta.
Ejemplos :
etiqueta cerrada 
<CENTER> Mi página Web </CENTER>
etiqueta abierta 
<HR>
etiqueta con parámetros 
<BODY bgcolor="#FFFFFF"> </BODY>
Los ficheros que contienen documentos HTML suelen tener la extensión .html o .htm. En este manual se han fijado los siguientes criterios a la hora de escribir la sintaxis de las etiquetas de HTML:
1º) Las etiquetas se indican en letra mayúscula y en negrilla.
2º) Los parámetros de las etiquetas se indican en letra minúscula y negrilla.
3º) El resto de elementos se indican en letra normal.
4º) Las palabras a resaltar en el texto se indican en cursiva y negrilla.