HyperText Markup Language 

(Lenguaje de Marcado de Hipertexto)

HTLM

Astrid Vanessa Padilla Jiménez.

Jorge Eduardo Ramos Murillo.

Nicolás Alberto Pinzón.

Pedro Luis Saavedra Pérez.

HTML

Se utiliza para crear paginas web y textos

Se basa en las marcas para crear lo hipertextos 

Es usado para describir la estructura y el contenido en forma 

de texto.

Lenguaje de programación muy 

sencillo

HIPERTEXTO• El hipertexto ha sido definido como un enfoque para manejar y organizar información, en 

el cual los datos se almacenan en una red de nodos conectados por enlaces. Los nodos contenienen textos y si contienen además gráficos, imágenes, audio, animaciones y video, así como código ejecutable u otra forma de datos se les da el nombre de hipermedio, es decir, una generalización de hipertexto.

El origen de HTML se remonta a 1980

El físico Tim Berners-Lee

Presentó a una convocatoria organizada para desarrollar 

un sistema de "hipertexto" para Internet. 

El ingeniero de sistemas Robert Cailliau, presentaron la propuesta ganadora llamada WorldWideWeb (W3).

HTML no es propiamente un lenguaje de programación como C++,Visual Basic, etc., sino un sistema de etiquetas. HTML no presenta ningún compilador, por lo tanto algún error de sintaxis que se presente éste no lo detectará y se visualizara en la forma como éste lo entienda. 

El conjunto de etiquetas que se creen, se deben guardar con la extensión .htm o .html 

El HTML Dinámico (DHTML), que es una mejora de Microsoft de la versión 4.0 de HTML que le permite crear efectos especiales como, por ejemplo, texto que vuela desde la página palabra por palabra o efectos de transición al estilo de anuncio publicitario giratorio entre página y página.

APLICACIONES

Son programas ejecutados por parte de Internet Explorer bajo un programa llamado mshta.exe que hace que un código de HTML sea ejecutado como si fuera una aplicación.

HISTORIA DE HTML

1980

TIM BERNERS-LEE

 -Hypertexto.

  Robert Cailliau

  WorldWideWeb (W3) -1991 primer documento formal con la descripción de HTML (HTML Tags).

-La primera propuesta oficial para            convertir HTML en un estándar.(1993)       IETF

-En 1995, HTML 2.0 es el primer estándar oficial de HTML. (IETF)

 

-HTML 4.0 se publicó el 24 de Abril de 1998 

 

-HTML 4.01(1999), W3C se centró en el desarrollo del estándar XHTML

 

-2004, Apple, Mozilla y Opera decidieron         organizarse en una nueva asociación llamada   WHATWG

-WHATWG se centra en el futuro estándar HTML 5, cuyo primer borrador oficial se publicó el 22 de enero de 2008. 

 

-W3C ha continuado con la estandarización de XHTML, una versión avanzada de HTML y basada en XML. 

 

-XHTML 1.0 es una adaptación de HTML 4.01 al lenguaje XML

• Elementos

• Atributos

MARCADO HTML

ELEMENTOS

• Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. 

• Un elemento generalmente tiene una etiqueta de inicio (<nombre-de-elemento>) y una etiqueta de cierre            (</nombre-de-elemento>). 

• El marcado estructural describe el propósito del texto. Por ejemplo, <h2>Golf</h2> establece a "Golf" como un encabezamiento de segundo nivel.

• El marcado presentacional describe la apariencia del texto, sin importar su función. Por ejemplo, <b>negrita</b> indica que los navegadores Web visuales deben mostrar el texto en negrita, 

• El marcado hipertextual se utiliza para enlazar partes del documento con otros documentos o con otras partes del mismo documento. Para crear un enlace es necesario utilizar la etiqueta de ancla <a> junto con el atributo href 

ATRIBUTOS

• 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 De todas maneras, dejar los valores sin comillas es considerado poco seguro. 

CÓDIGOS BÁSICOS

<HTML>: DEFINE EL INICIO DEL DOCUMENTO HTML.

<HEAD>: DEFINE LA CABECERA DEL DOCUMENTO HTML.

<TITLE>: DEFINE EL TÍTULO DE LA PÁGINA.

<BODY>: DEFINE EL CONTENIDO PRINCIPAL O CUERPO DEL DOCUMENTO.

<H1> A <H6>: ENCABEZADOS O TÍTULOS DEL DOCUMENTO CON DIFERENTE RELEVANCIA.

<TABLE>: DEFINE UNA TABLA.

<TR>: FILA DE UNA TABLA.

<TD>: CELDA DE UNA TABLA (DEBE ESTAR DENTRO DE UNA FILA).

<A>: HIPERVÍNCULO O ENLACE, DENTRO O FUERA DEL SITIO WEB. 

<B>: TEXTO EN NEGRITA.

<I>: TEXTO EN CURSIVA.

<S>: TEXTO TACHADO .

<U>: TEXTO SUBRAYADO.

<CENTER> : SE USA PARA CENTRAR UNA IDEA.

<STRONG> :CUMPLE LA MISMA FUNCIÓN QUE <B>.

<IMG SRC="LUGAR DONDE GUARDO LA IMAGEN"> : SE USA PARA INSERTAR IMÁGENES.

<A HREF=”URL”> HIPERVÍNCULO: SON LOS ENLACES CON DOCUMENTOS EXTERNOS AL ACTUAL.

PARA NO OLVIDAR…..

LA MAYORÍA DE ETIQUETAS DEBEN CERRARSE COMO SE ABREN, PERO CON UNA BARRA ("/").

<FONT COLOR="WHITE">Blanco</FONT> Blanco #FFFFFF

<FONT COLOR="BLACK">Negro</FONT> Negro #000000

<FONT COLOR="RED">Rojo</FONT> Rojo #FF0000

<FONT COLOR="GREEN">Verde</FONT> Verde #00FF00

<FONT COLOR="BLUE">Azul</FONT> Azul #0000FF

<FONT COLOR="YELLOW">Amarillo</FONT> Amarillo #FFFF00

<FONT COLOR="CYAN">Cyan</FONT> Cyan #00FFFF

<FONT COLOR="MAGENTA">Magenta</FONT> Magenta #FF00FF