HTML.

Presentación del tema: "HTML."— Transcripción de la presentación:

1 HTML

2 Introduccion De las siglas de HyperText Markup Language (Lenguaje de Marcas de Hipertexto), es el lenguaje de marcado predominante para la construcció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. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>).

3 HTML 4.0 Introducción Cuando Internet empezaba su imparable escalada, la versión del estándar HTML que circulaba era la 2.0, el cuál siguen soportando los navegadores más actuales. Pero las herramientas de que se disponía no ofrecían un control preciso de los documentos.

4 Pero como por aquel entonces el objetivo de Internet estaba fundamentalmente orientado al ámbito académico y no al de diseño, no se le dio demasiada importancia a la cuestión de lanzar una versión mejorada del estándar hasta que Netscape, que por aquel entonces era la empresa líder en el sector, tomó la iniciativa de incluir nuevas etiquetas pensadas para mejorar el aspecto visual de las páginas web.

5 Por este motivo el IETF (Internet Engineering Task Force) comenzó a elaborar nuevos estándares, los cuales dieron como fruto el HTML 3.0, que resultó ser demasiado grande para las infraestructuras que había en ese momento, lo cual dificultó su aceptación. En julio de nace el borrador del HTML 4.0 y finalmente se aprueba en diciembre de este estándar incluía como mejoras los marcos (frames), las hojas de estilo y la inclusión de scripts en páginas web, entre otras cosas.

6 Nuevas etiquetas HTML 4.0 Entre el estándar del HTML 3.2 al 4.0 se introdujeron ocho nuevas etiquetas: <Q>... </Q> Las etiquetas <Q> y </Q> actúan de forma muy parecida a <BLOCKQUOTE> pero con la particularidad de que añade una sangria en párrafos más pequeños y sin necesidad de romper el párrafo.

7 <ACRONYM>... </ACRONYM>
Las etiquetas <ACRONYM>... </ACRONYM>, indican que hay un acrónimo en el texto. Un acrónimo es un pequeño texto que ayuda a explicar la estructura del texto una frase. <INS>... </INS> y <DEL>... </DEL> Utilice < INS>...</INS> para marcar las partes de un documento que se han agregado desde la versión pasada del documento. <DEL>... </ DEL> marca de manera similar un texto de un documento que se ha suprimido desde la versión anterior.

8 <FIELDSET>... </FIELDSET>
La etiqueta <fieldset> señala un cuadro alrededor de los elementos que esta etiqueta contiene como un marco que los rodear <COLGROUP>... </COLGROUP> Se utiliza para tener un mejor control sobre un el formato de las tablas especificando las características que comparten como: anchura, altura y alineación.

9 <LABEL>... </LABEL>
Esta define un texto descriptivo a un elemento o componente del formulario <BUTTON>... </BUTTON> Esta etiqueta proporciona un método único para la implementación de cualquier tipo de botón de formulario. Sus principales atributos son:  type= " tipo ", que puede tomar los ya conocidos valores submit (por defecto), reset y button.  

10 name= " nombre ", que asigna un nombre identificador único al botón
name= " nombre ", que asigna un nombre identificador único al botón. value= " texto ", que define el texto que va a aparecer en el botón. La principal ventaja que aporta estas etiquetas es que ahora vamos a poder introducir dentro de ellas cualquier elemento de HTML, como imagenes y tablas.

11 HTML 5.0 HTML 5 (HyperText Markup Language, versión 5) es la quinta revisión mayor del lenguaje básico de la World Wide Web, HTML. HTML 5 especifica dos variantes del mismo lenguaje: un «clásico» HTML (text/html), la variante conocida como HTML 5 y una variante XHTML conocida como XHTML 5. Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo.

12 HTML 5 establece una serie de nuevos elementos y atributos que reflejan el uso típico de los sitios web modernos. Otros elementos proporcionan nuevas funcionalidades a través de una interfaz estandarizada, como los elementos <audio> y <video>. Mejoras en el elemento <canvas>

13 Diferencias con versiones pasadas
Nuevos elementos: article , dialog Nuevos atributos: media , ping , autofocus , inputmode , min , max , pattern Elementos eliminados: acronym,applet,basefont,big,center,dir,font,frame,frameset,isindex,noframes,s,strike,tt,u Atributos eliminados: rev y charset en <link /> y <a /> target en <link /> nohref en <area /> profile en <head /> version en <html /> name en <map /> scheme en <meta /> archive, classid, codetype, declare y standby en <object /> valuetype en <param /> charset en <script />

14 <article> La etiqueta <article> define un contenido externo El contenido externo puede ser un artículo de noticias de un proveedor externo, o un texto de una web log (blog), o un texto de un foro, o cualquier otro contenido de una fuente externa. Nota: <article> el contenido es totalmente independiente del resto del documento.

15 Ejemplo <article>

16 <dialog> Este elemento tal cual define un dialogo como si fuera una especie de conversacion Ejemplo:

17 <audio> Este elemento define sonido tal como musica o streams de audio.

18 <video> Este elemento define video asi como clips de pelicula o algun otro video stream.