HTML Y SU ESTRUCTURA

HTML HTML, siglas de HyperText Markup Language («lenguaje de marcado de hipertexto»), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.1 HTML también es usado para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).

ESTRUCTURA BÁSICA DEL CÓDIGO HTML El HTML utiliza una codificación genérica, la cual hace uso de TAGS o etiquetas. Mediante estas etiquetas es posible separar el contenido del documento de su formato. Los TAGS son comandos que se especifican en el cuerpo del programa, con el fin de darle las características deseadas a la información. Toda página Web debe contener la siguiente estructura : < HTML > < HEAD > < TITLE >< /TITLE > < /HEAD > < BODY > Esta es mi primera página Web< /BODY > < /HTML > La etiqueta < HTML > le indica al visualizador que va a comenzar a leer un documento HTML y se debe colocar siempre al comienzo y al fin del texto. La etiqueta < HEAD > indica un encabezado, dentro del cual se coloca información como el título, el cual debe estar contenido entre la etiqueta < TITLE > Entre la etiqueta < BODY > va el cuerpo del documento, el cual es lo que realmente vemos en el Web. Para comenzar a escribir un documento, es importante tener en cuenta que el lenguaje HTML no distingue mas de un espacio entre caracteres y se olvida de cualquier formato que se le de al texto (negrilla, cursiva, tipo de letra, entre otras). Recordemos que para esto es que se creó el HTML, toda presentación final debe ser proporcionada mediante las etiquetas. Cada etiqueta, con excepción de unas cuantas, le debe indicar al visualizador cuando finaliza, para lo cual se utiliza < /TAG >, donde TAG es puede ser cualquier etiqueta. De esta manera indicamos cuando comienza y termina el encabezado, el título, el cuerpo y el documento HTML.

ETIQUETA HTML El lenguaje HTML es un lenguaje de marcas, estas marcas serán fragmentos de texto destacado de una forma especial que permiten la definición de las distintas instrucciones de HTML, tanto los efectos a aplicar sobre el texto como las distintas estructuras del lenguaje. A estas marcas las denominaremos etiquetas y serán la base principal del lenguaje HTML. En documento HTML será un fichero texto con etiquetas que variarán la forma de su presentación. Una etiqueta será un texto incluido entre los símbolos menor que < y mayor que >.. El texto incluido dentro de los símbolos será explicativo de la utilidad de la etiqueta. Por ejemplo: < B > Letra Negrita, del inglés Bold (negrita). < TABLE > Definirá una tabla. < IMG > Inclusión de una IMaGen. Existe normalmente una etiqueta de inicio y otra de fin, la de fin contendrá el mismo texto que la de inicio añadiéndole al principio una barra inclinada /. El efecto que define la etiqueta tendrá validez para todo lo que este incluido entre las etiquetas de inicio y fin, ya sea texto plano o otras etiquetas HTML. < ETIQUETA >Elementos Afectados por la Etiqueta Por ejemplo, con la etiqueta siguiente: < B > Texto que será en negrita < /B >. Obtendremos: Texto que será en negrita Algunas etiquetas no necesitarán la de fin, serán aquellas en las que el final este implícito, por ejemplo
párrafo,
salto de línea ó inclusión de una imagen. Definen un efecto que se producirá en un punto determinado sin afectar a otros elementos. El uso de mayúsculas o minúsculas en las etiquetas es indiferente, se interpretarán del mismo modo en ambos casos, pero lo normal es expresarlas en mayúsculas para que destaquen con más nitidez del texto normal.

ATRIBUTO HTLM La mayoría de los atributos de un elemento son pares nombre-valor, separados por un signo de igual «=» y escritos en la etiqueta de comienzo de un elemento, después del nombre de éste. El valor puede estar rodeado por comillas dobles o simples, aunque ciertos tipos de valores pueden estar sin comillas en HTML (pero no en XHTML).8 9 De todas maneras, dejar los valores sin comillas es considerado poco seguro.10 En contraste con los pares nombre-elemento, hay algunos atributos que afectan al elemento simplemente por su presencia11 (tal como el atributo ismap para el elemento img).

ETIQUETAS Y ATRIBUTOS -Etiquetas: < HTML > ... < /HTML > Indica que es un documento HTML, debe encerrar todo el Documento. < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN" > Encabezado de todo documento de la version HTML 3.2. < HEAD> ... Encabezados del Documento. Los siguientes son los parámetros del Comando head. < title > ... < /title > Indica el Titulo del Documento. Aparece en la ventana del Navegador. < Base href="http://servidor.tipo/nombre.html" > Especifica la dirección del Documento por defecto en Uso. Util cuando se hace referencia a otra página dentro del Documento. < Base href="http://servidor.tipo/nombre.html" Target="..." > Indica el "Frame" por defecto de la página actual. < Meta attributo1, attributo2 > Este comando describe algunas caracteristicas del documento. Por ejemplo: < Meta http-Equiv="Refresh" Content=ss > Actualiza la pagina cada ss segundos. < Meta http-Equiv="Refresh" Content=ss url="http://servidor.tipo/nombre.html" > Llama una página diferente a los ss segundos. < Meta http-Equiv="Expires" Content="Sun, 10 Sep 1998 06:23:00 GMT > Expira el documento a la fecha indicada y debe ser actualizada. < Meta http-Equiv="Keywords" Content="Clave1, Clave2,.." > Especifica palabras claves para los buscadores de la Red. < Meta http-Equiv="Description" Content="Describa su página aquí .." > Especifica una descripción general de su página. < BODY attributo1=".." attributo2=".." > ... < /BODY > Contiene el cuerpo del Documento, o el contenido de la Página.

-ATRIBUTOS: ALINK="..." Especifica el color de las Direcciones activadas en la página. BACKGROUND="..." Especifica el papel tapiz de la página. un Archivo *.jpg o *.gif. BGCOLOR="..."Especifica el Color del Fondo del Documento. Los colores son expresados en formato RGB(Red, Green,Blue), donde cada color tiene un valor desde el 0 (0) hasta el 255 (FF). Amarillo = #FFFF00 Azul = #0000FF Azul Claro = #00CCFF Blanco = #FFFFFF Gris = #CC9999 Lila = #CC33FF Negro = #000000 Rojo = #FF0000 Verde = #00FF00 BGPROPERTIES=FIXED Fija la imagen del Fondo para que no se desplace. (IE) LEFTMARGIN="..." Especifica el margen Izquierdo de todo el documento.(IE) LINK="..." Especifica el color de las direcciones contenidas en el documento. TEXT="..." Especifica el Color del texto. TOPMARGIN="..." Fija el margen superior de todo el Documento.(IE) VLINK="..." Especifica las direcciones visitadas, incluidas en el Documento. Fija los atributos de escritura en toda la página. ATRIBUTOS SIZE="..." Fija el tamaño de las Letras, se usa un número entre 1 y 7 donde el 3 es el tamaño por omisión. Tambien permite tamaños relativos, e.j. SIZE=+2 . COLOR="..." Especifica el color de las Letras en todo el Documento. NAME="..." Especifica el tipo de apariencia de la Letra en todo el Documento. < Hn >...< /Hn > Especifica un encabezado de texto de varios tamaños, n indica los tamaños de 1 a 6, 1 es el más grande y 6 es el más pequeño. < ISINDEX > Muestra un diálogo de indice de busqueda. Con este comando solamente no se puede crear una pagina de busqueda, el Servidor debe ser configurado para soportarlo. Atributos: ACTION="..." Especifica la ubicación del puerto del programa donde se pasará los parámetros de busqueda. PROMPT="..." Especifica un mensaje alterno para el diálogo. Formato General: < ADDRESS >.....< /ADDRESS > Encierra el archivo de firma del autor de la página. El texto se muestra en Italicas. < B >...< /B > Resalta en Negritas el Texto encerradot. < BIG >...< /BIG > Incrementa el tamaño del Texto. < BLINK >.....< /BLINK > Hace el texto parapadeante. < BLOCKQUOTE >.....< /BLOCKQUOTE > Encierra un enfasis. El margen izquierdo y derecho están indentados. < BR > Inserta un final de línea. Atributos: CLEAR="..."--Causa que el texto alrededor de la imagen se elimine. Los valores posibles son: RIGHT, LEFT, o ALL. < CENTER >.....< /CENTER > Centra los objetos que contiene. Este comando puede centrar cualquier cosa incluyendo imagenes, texto, tablas, formularios, etc. < CITE >.....< /CITE > Encierra una Cita como un titulode un libro,etc. < CODE >.....< /CODE > Encierra Codigo de ejemplo. El texto se muestra en letras pequeñas. < COMMENT >.....< /COMMENT > Define un comentario. Todo el texto es ignorado aun si incluye codigo HTML. < DFN >.....< /DFN > Encierra una definición. El texto dentro de este comando se formatea como una definición. < DIV ALIGN=" >...< /DIV > Especifica el alineamiento de los elementos que contiene. Se puede usar para dividir el documento que tiene secciones alineadas en forma diferente. BIBLIOGRAFIA http://es.wikipedia.org/wiki/HTML http://www.arrakis.es/~wenceslao/CursoWeb/1/guia.html http://www2.uca.es/manual-html/etiquet.htm http://es.wikipedia.org/wiki/HTML#Atributos