Page 1

HTML

H

yperText Markup Languaje (Lenguaje de marcado de hipertexto) es el lenguaje con el que se definen las páginas Web. Básicamente se trata de

un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán una página Web. Hace referencia al lenguaje de marcado predominante para la elaboración de páginas Web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. El HTML es un lenguaje de marcación de elementos para la creación de documentos hipertexto, muy fácil de aprender, lo que permite que cualquier persona, aunque no haya programado en la vida, pueda enfrentarse a la tarea de crear una Web. HTML es fácil y de dominio simple. Se trata de un formato abierto que surgió a partir de las etiquetas SGML (Standard Generalized Markup Language). Concepto traducido generalmente como “Estándar de Lenguaje de Marcado Generalizado” y que se entiende como un sistema que permite ordenar y etiquetar diversos documentos dentro de una lista. Este lenguaje es el que se utiliza para especificar los nombres de las etiquetas que se utilizarán al ordenar, no existen reglas para dicha organización, por eso se dice que es un sistema de formato abierto. El HTML se creó en un principio con objetivos divulgativos de información con texto y algunas imágenes. No se pensó que llegara a ser utilizado para crear área de ocio y consulta con carácter multimedia (lo que es actualmente la Web), de modo que, el HTML se creó sin dar respuesta a todos los posibles usos que se le iba a dar y a todos los colectivos de gente que lo utilizarían en un futuro. Sin embargo, pese a esta deficiente planificación, si que se han ido incorporando modificaciones con el tiempo, estos son los estándares del HTML. Numerosos estándares se han presentado ya. El HTML 4.01 es el último estándar a febrero de 2001. Actualización a mayo de 2005, en estos momentos está apunto de presentarse la versión 5 de HTML, de la que ya se tiene un borrador casi definitivo.


Historia

E

ste lenguaje fue desarrollado por la

Organización Europea de

Investigación Nuclear (CERN) en el año 1945 con la finalidad de

desarrollar un sistema de almacenamiento donde las cosas no se perdieran, que pudieran ser conectadas a través de hipervínculos. Primeramente crearon un dispositivo llamado “Memex”, el cual era considerado como un suplemento para la memoria. Posteriormente, Douglas Engelbart, diseñó un entorno de trabajo por computadora que recibiría el nombre de Online Systems que poseía un catálogo para facilitar la tarea de búsqueda dentro de un mismo organismo. Recién en 1965, Ted Nelson acuñó el término hipervínculo, ideando una estructura que se encontraba conectada de forma electrónica y que más tarde permitiría la creación de la World Wide Web (1989), un sistema de hipertexto a través del cual era posible compartir una variada información sirviéndose de Internet (servía para la comunicación entre investigadores nucleares que formaran parte del CERN). El norteamericano Tim Berners-Lee fue el primero en proponer una descripción de HTML en un documento que publicó en 1991. Allí describía veintidós componentes que suponen el diseño más básico y simple del HTML. El tipo de codificación que se utilizó para el desarrollo de este sistema de hipervínculos debía ser comprendido, tanto por ordenadores tontos como por mega-estaciones, por eso fue necesario crear uno absolutamente simples, tanto en lo que respectaba al lenguaje de intercambio (HTML), como el que hacía referencia al protocolo de red (HTTP). Al día de hoy existen los Editores Web que permiten que los diseñadores, a través de herramientas gráficas que reciben el nombre de WYSIWYG puedan crear páginas Web sin conocer el código HTML, este se crea de forma automatizada, dándole estructura a la Web y permitiendo que sea más allá del ordenador donde es creada. Entre los recursos que pueden enlazarse al código


HTML se encuentran fotografías, vídeos, archivos de otras webs o incluso de la misma y todo tipo de contenido que se encuentre subido a la red. La primera descripción de HTML disponible públicamente fue un documento llamado: HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991, donde describe 22 elementos que incluyen el diseño inicial y relativamente simple de HTML.

Etiquetas <!DOCTYPE> Es la primera parte de una página Web, aún antes que la etiqueta <HTML>. Le indica al navegador que especificación de HTML se está utilizando <HTML></HTML> Abre y cierra un documento HTML <head></head> Encabezado de la página - aquí se coloca titulo, metatags, e información para buscadores entre otras cosas. Está información no es visible. <body></body> Dentro de esta etiqueta va toda la parte visible de la página Web. Etiquetas del Encabezado <title></title> El título de la página Web. Atributos de la etiqueta Body <body bgcolor=?> Configura el color de fondo de la página, usando el valor del código de color hexadecimal. <body text=?> Configura el color por defecto del texto, usando el valor del código de color hexadecimal.


<body link=?> Configura el color de las ligas, usando el valor del código de color hexadecimal. <body vlink=?> Configura el color de las ligas visitadas, usando el valor del código de color hexadecimal <body alink=?> Configura el color de las ligas al darle clic, usando el valor del código hexadecimal. Etiquetas HTML de Texto <pre></pre> Texto pre-formateado <hl></hl> Título más grande <h6></h6> Título más pequeño <b></b> Negritas <u></u> Subrayado <i></i> Cursivas <tt></tt> Tipo máquina de escribir <cite></cite> Cita, en cursiva <em></em> Resalta una palabra, negrita o cursiva <strong></strong> Resalta una palabra o grupo de palabras <font face=?></font> Coloca el tipo de letra: por ejemplo, Arial, verdana, courier, etc. <font size=?></font> Coloca tamaño de letra, de 1 a 7


<font color=?></font> Configura el color, usando valor hexadecimal o nombre directo (blue, green, etc.) Ligas <a href="URL"></a> Hipervínculo <a href="mailto:EMAIL"></a> Hipervínculo mailto (para envío de correo) <a name="name"></a> Ancla en el mismo documento <a href="#name"></a> Liga hacia algún lugar dentro del mismo sitio Formato y presentación <p></p> Nuevo párrafo <p align=?> Alinea el párrafo hacia la izquierda, derecha o al centro <br> Inserta un interlineado suave. Crea otra línea <blockquote> </blockquote> Texto intentado de ambos lados <dl></dl> Lista de definiciones (glosario) <dt> Precede a cada término en definiciones <dd> Precede cada definición <ol></ol> Lista ordenada <li></li> Entrada en una lista


<ul></ul> Lista con viñetas sin ordenar <div align=?> Para formato a porciones grandes del documento HTML, incluyendo hojas de estilo Elementos Gráficos <img src="name"> Incorpora una imagen <img src="name" align=?> Alinea la imagen: izquierda, derecha y centro <img src="name" border=?> Determina el contorno de la imagen. Un valor 0 no tendrá contorno <map></map> Mapa de imágenes <body background="URL o ruta de archivo"></body> Coloca la imagen como fondo de la página <hr> Línea horizontal <hr size=?> Tamaño de una línea horizontal <hr width=?> Ancho de línea horizontal, ya sea porcentaje o valor absoluto. <hr noshade> Línea horizontal sin sombra Tablas <table></table> Crea tabla <tr></tr> Crea filas en una tabla <td></td> Crea celda en una fila


<th></th> Encabezado de tabla, texto normal, negrita y centrado

HTML  

Aprende Todo Sobre El Codigo HTML

Read more
Read more
Similar to
Popular now
Just for you