miércoles, 17 de diciembre de 2014

HTML

DEFINICION

HTML es un lenguaje que se utiliza fundamentalmente en el desarrollo de páginas web.

HTML es la sigla de HiperText Markup Language (Lenguaje de Marcación de Hipertexto) es un lenguaje es se utiliza comúnmente para establecer la estructura y contenido de un sitio web, tanto de texto, objetos e imágenes. Los archivos desarrollados en HTML usan la extensión .htm o .html.

El lenguaje de HTML funciona por medio de “etiquetas” que describen la apariencia o función del texto enmarcado. Este lenguaje puede llegar a incluir un script o código que tenga incidencia en el comportamiento del navegador web de elección.

La funcionalidad del HTML es tan sencilla que puede ser creado y editado en cualquier editor de textos básicos, como el Bloc de Notas típico del sistema operativo Windows. También puede editarse en procesadores de textos, software de diseño web o aplicaciones web directamente, como lo más convencionales programas de administración de contenido como WordPress.


 


Breve historia de HTML

La historia completa de HTML es tan interesante como larga, por lo que a continuación se muestra su historia resumida a partir de la información que se puede encontrar en la Wikipedia.

El origen de HTML se remonta a 1980, cuando el físico Tim Berners-Lee, trabajador del CERN (Organización Europea para la Investigación Nuclear) propuso un nuevo sistema de "hipertexto" para compartir documentos.

Los sistemas de "hipertexto" habían sido desarrollados años antes. En el ámbito de la informática, el "hipertexto" permitía que los usuarios accedieran a la información relacionada con los documentos electrónicos que estaban visualizando. De cierta manera, los primitivos sistemas de "hipertexto" podrían asimilarse a los enlaces de las páginas web actuales.

Tras finalizar el desarrollo de su sistema de "hipertexto", Tim Berners-Lee lo presentó a una convocatoria organizada para desarrollar un sistema de "hipertexto" para Internet. Después de unir sus fuerzas con el ingeniero de sistemas Robert Cailliau, presentaron la propuesta ganadora llamada WorldWideWeb (W3).

El primer documento formal con la descripción de HTML se publicó en 1991 bajo el nombre HTML Tags (Etiquetas HTML) y todavía hoy puede ser consultado online a modo de reliquia informática.

La primera propuesta oficial para convertir HTML en un estándar se realizó en 1993 por parte del organismo IETF (Internet Engineering Task Force). Aunque se consiguieron avances significativos (en esta época se definieron las etiquetas para imágenes, tablas y formularios) ninguna de las dos propuestas de estándar, llamadas HTML y HTML+ consiguieron convertirse en estándar oficial.

En 1995, el organismo IETF organiza un grupo de trabajo de HTML y consigue publicar, el 22 de septiembre de ese mismo año, el estándar HTML 2.0. A pesar de su nombre, HTML 2.0 es el primer estándar oficial de HTML.

A partir de 1996, los estándares de HTML los publica otro organismo de estandarización llamado W3C (World Wide Web Consortium). La versión HTML 3.2 se publicó el 14 de Enero de 1997 y es la primera recomendación de HTML publicada por el W3C. Esta revisión incorpora los últimos avances de las páginas web desarrolladas hasta 1996, como applets de Java y texto que fluye alrededor de las imágenes.

HTML 4.0 se publicó el 24 de Abril de 1998 (siendo una versión corregida de la publicación original del 18 de Diciembre de 1997) y supone un gran salto desde las versiones anteriores. Entre sus novedades más destacadas se encuentran las hojas de estilos CSS, la posibilidad de incluir pequeños programas o scripts en las páginas web, mejora de la accesibilidad de las páginas diseñadas, tablas complejas y mejoras en los formularios.

La última especificación oficial de HTML se publicó el 24 de diciembre de 1999 y se denomina HTML 4.01. Se trata de una revisión y actualización de la versión HTML 4.0, por lo que no incluye novedades significativas.

Desde la publicación de HTML 4.01, la actividad de estandarización de HTML se detuvo y el W3C se centró en el desarrollo del estándar XHTML. Por este motivo, en el año 2004, las empresas Apple, Mozilla y Opera mostraron su preocupación por la falta de interés del W3C en HTML y decidieron organizarse en una nueva asociación llamada WHATWG (Web Hypertext Application Technology Working Group).

La actividad actual del WHATWG se centra en el futuro estándar HTML 5, cuyo primer borrador oficial se publicó el 22 de enero de 2008. Debido a la fuerza de las empresas que forman el grupo WHATWG y a la publicación de los borradores de HTML 5.0, en marzo de 2007 el W3C decidió retomar la actividad estandarizadora de HTML.

De forma paralela a su actividad con HTML, W3C ha continuado con la estandarización de XHTML, una versión avanzada de HTML y basada en XML. La primera versión de XHTML se denomina XHTML 1.0 y se publicó el 26 de Enero de 2000 (y posteriormente se revisó el 1 de Agosto de 2002).

XHTML 1.0 es una adaptación de HTML 4.01 al lenguaje XML, por lo que mantiene casi todas sus etiquetas y características, pero añade algunas restricciones y elementos propios de XML. La versión XHTML 1.1 ya ha sido publicada en forma de borrador y pretende modularizar XHTML. También ha sido publicado el borrador de XHTML 2.0, que supondrá un cambio muy importante respecto de las anteriores versiones de XHTML.


EDITORES DE HTML.
Bloc de notas.
También puedes acceder a descripciones editores más complejos que el Block de Notas, pero más potentes como Homesite o UltraEdit.
Es importante tener claro todo ello puesto que en función de vuestros objetivos puede que, más que aprender HTML, resulte más interesante aprender el uso de una aplicación para la creación de páginas.
Así pues, una página es un archivo donde está contenido el código HTML en forma de texto. Estos archivos tienen extensión .html o .htm (es indiferente cuál utilizar). De modo que cuando programemos en HTML lo haremos con un editor de textos y guardaremos nuestros trabajos con extensión .html, por ejemplo mipágina.html<HTML> Indica el inicio del documento.
 
ETIQUETAS BASICAS:
NOMBRE
ACCION o FUNCION
<HTML>
Crea un documento HTML.
<HEAD> </HEAD>
Muestra el título y otro tipo de información que no se muestra en la propia página web.
<BODY> </BODY>
Muestra la parte visible del documento.
<TITLE> </TITL >
Sitúa el nombre del documento en la barra de título.
<BODY BGCOLOR=``?´´>
Determina el color del fondo, utilizando un nombre o un valor hexadecimal.
<BODY TEXT=´´COLOR´´>
Determina el color del texto, mediante un nombre o un valor hexadecimal.
<BODY LINK=´´COLOR´´>
Determina el color de los enlaces, mediante un nombre o un valor hexadecimal.
<FONT> </FONT>
Personaliza el tipo de letra
FACE:
FACE:indica la fuente que se desea utilizar. Puede escoger cualquier tipo de fuente que desee que aparezca en su pagina
COLOR:
Determina el color de la fuente, mediante un nombre o un valor hexadecimal.
SIZE:
determina el tamaño de la fuente, del 1 a 7
<B> </B>
Crea un texto en negrita.
<I></I>
Crea un texto en cursiva.
<H1></H1>
Crea encabezados. Hay seis niveles de encabezados, de H1 (el mas grande) a H6 (el mas pequeño).
<P> </P>
Crea un nuevo párrafo. Tien las siguientes opciones.
justify
Justifica el texto echa
Left
Justifica el texto a la izquierda
Right
Justifica el texto a la der
center
Justifica el texto al centro
<BR>
Inserta un salto de línea. No hace falta cerrar la etiqueta.
<IMG SRC=´´filename.extension´´>
Inserta una imagen.Tiene las siguientes opciones: -width (ancho), height (alto), -alt (texto alternativo), La alineación de la imagen puede producirse de las siguientes maneras:Left (izquierda), Right (derecha)
Center (centro), Bottom (inferior), Top (superior), Middle (media)
<IMG SRE=´´NAME´´  BORDER=´´?´´>
Determina el tamaño del borde alrededor de una imagen.
<TABLE></TABLE>
Crea una tabla.
BACKGROUND=´´imagen´´
Establece una imagen de fondo para la página.
<SUB>…</SUB>
Subíndice.
<HR>
Inserta una línea horizontal.
<BR>
Cambia de línea, como un ENTER en un procesador de textos.
<SUP>…</SUP>
Superíndice.
 
 
EJEMPLO:

Ejemplo
Resultado
Código
<html>
<head>
<title>Headings</title>
</head>

<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</body>
</html>



Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6

BIBLIOGRAFIA:

No hay comentarios:

Publicar un comentario