SlideShare una empresa de Scribd logo
1 de 20
UNIVERSIDAD AUTONOMA DE TAMAULIPAS
TECNICO SUPERIOR UNIVERSITARIO
TECNOLOGIAS DE LA INFORMACION
INTERACCION CON LA WEB: CASO DE TECNOLOGIA
HTML 5 Y CSS3
FUNDAMENTOS DE TECNOLOGIAS WEB
JOSE GUADALUPE DE LA CRUZ BORREGO
NADIA CAROLINA RAMOS ZUÑIGA
18/MAYO/16
 Es un lenguaje usado para definir y crear la presentación de un documento
estructurado escrito en HTML o XML (y por extensión en XHTML). El World Wide
Web Consortium (W3C) es el encargado de formular la especificación de las hojas
de estilo que servirán de estándar para los agentes de usuario o navegadores.
 La idea que se encuentra detrás del desarrollo de CSS es separar la estructura
de un documento de su presentación.
 La información de estilo puede ser definida en un documento separado o en el
mismo documento HTML. En este último caso podrían definirse estilos generales
con el elemento «style» o en cada etiqueta particular mediante el atributo
«style».
 A diferencia de CSS2, que fue una única especificación que definía varias
funcionalidades, CSS3 está dividida en varios documentos separados, llamados
"módulos".
 Cada módulo añade nuevas funcionalidades a las definidas en CSS2, de manera
que se preservan las anteriores para mantener la compatibilidad.
INTRODUCCION
 Una hoja de estilos en cascada (CSS) contiene definiciones de
estilos que se aplican a los elementos de un documento HTML. Los
estilos CSS definen la forma de mostrar los elementos y su posición
en la página. En lugar de asignar individualmente atributos a cada
elemento de la página, puede crear una regla general que aplique
atributos específicos siempre que un explorador Web encuentre una
instancia de un elemento o un elemento asignado a un cierto
estilo CLASS.
 Puede aplicar estilos CSS en línea a un elemento HTML
individual, agrupados en un bloque <STYLE> de la parte HEAD de una
página Web o importado desde un archivo de hoja de estilos en
cascada (CSS). Es posible vincular un mismo archivo externo de hoja
de estilos en cascada a muchas páginas Web, con el fin de
proporcionar una apariencia uniforme a todo un sitio Web.
¿QUE ES Y PARA QUE SIRVE UN HTML?
 HTML es el lenguaje que se emplea para el desarrollo
de páginas de internet. Está compuesto por una serie
de etiquetas que el navegador interpreta y da forma en
la pantalla. HTML dispone de etiquetas para imágenes,
hipervínculos que nos permiten dirigirnos a otras
páginas, saltos de línea, listas, tablas, etc.
HTML5
¿QUE ES CSS3 Y PARA QUE SIRVE?
Es un lenguaje que describe la presentación de los
documentos estructurados en hojas de estilo para
diferentes métodos de interpretación, es decir,
describe como se va a mostrar un documento en
pantalla, por impresora, por voz (cuando la
información es pronunciada a través de un
dispositivo de lectura) o en dispositivos táctiles
basados en Braille.
Sirve para permitir la separación de los contenidos
de los documentos escritos en HTML, XML,
XHTML, SVG, o XUL de la presentación del
documento con las hojas de estilo, incluyendo
elementos tales como los colores, fondos,
márgenes, bordes, tipos de letra..., modificando as
la apariencia de una página web de una forma más
sencilla, permitiendo a los desarrolladores controlar
el estilo y formato de sus documentos.
CSS3
LA EVOLUCIÓN DEL HTML Y SU RELACIÓN
CON LA CSS3
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 Cauilliau, presentaron la propuesta
ganadora llamada WorldWideWeb (W3).
LA EVOLUCIÓN DEL HTML Y SU RELACIÓN CON
LA CSS3
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
LA EVOLUCIÓN DEL HTML Y SU RELACIÓN
CON LA CSS3
A partir de 1996, los estándares de HTML los publica otro
organismo de estandarización llamado WEC (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 oscripts en
las páginas web, mejora de la accesibilidad de las
páginas diseñadas, tablas complejas y mejoras en los
formularios.
LA EVOLUCIÓN DEL HTML Y SU RELACIÓN CON
LA CSS3
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.
LA EVOLUCIÓN DEL HTML Y SU RELACIÓN
CON LA CSS3
Originalmente, las páginas HTML sólo
incluían información sobre sus
contenidos de texto e imágenes. Con el
desarrollo del estándar HTML, las
páginas empezaron a incluir también
información sobre el aspecto de sus
contenidos: tipos de letra, colores y
márgenes.
La posterior aparición de tecnologías
como Java Script, provocaron que las
páginas HTML también incluyeran el
código de las aplicaciones
(llamadas scripts) que se utilizan para
crear páginas web dinámicas.
LA EVOLUCIÓN DEL HTML Y SU RELACIÓN
CON LA CSS3
Incluir en una misma página HTML los contenidos, el
diseño y la programación complica en exceso su
mantenimiento. Normalmente, los contenidos y el
diseño de la página web son responsabilidad de
diferentes personas, por lo que es conveniente
separarlos.
CSS es el mecanismo que permite separar los
contenidos definidos mediante XHTML y el aspecto
que deben presentar esos contenidos:
LA EVOLUCIÓN DEL HTML Y SU RELACIÓN CON
LA CSS3
El gran impulso de los lenguajes de hojas de estilos se
produjo con el boom de Internet y el crecimiento
exponencial del lenguaje HTML para la creación de
documentos electrónicos. La guerra de navegadores y
la falta de un estándar para la definición de los estilos
dificultaban la creación de documentos con la misma
apariencia en diferentes navegadores.
El organismo WEC (World Wide Web Consortium),
encargado de crear todos los estándares relacionados
con la web, propuso la creación de un lenguaje de hojas
de estilos específico para el lenguaje HTML y se
presentaron nueve propuestas. Las dos propuestas que
se tuvieron en cuenta fueron la CHSS (Cascading
HTML Style Sheets) y la SSP (Stream-based Style
Sheet Proposal).
LA EVOLUCIÓN DEL HTML Y SU RELACIÓN
CON LA CSS3
En 1995, el W3C decidió apostar por el desarrollo y
estandarización de CSS y lo añadió a su grupo de
trabajo de HTML. A finales de 1996, el W3C publicó
la primera recomendación oficial, conocida como
"CSS nivel 1".
A principios de 1997, el W3C decide separar los
trabajos del grupo de HTML en tres secciones: el
grupo de trabajo de HTML, el grupo de trabajo de
DOM y el grupo de trabajo de CSS.
LA EVOLUCIÓN DEL HTML Y SU RELACIÓN CON
LA CSS3
De esta forma, utilizando
exclusivamente XHTML se crean
páginas web "feas" pero correctas.
Aplicando CSS, se pueden crear
páginas "bonitas" a partir de las
páginas XHTML correctas.
EJEMPLOS DE HOJA DE CASCADA DE CSS3
EJEMPLOS DEL HTML
Originalmente, las páginas HTML sólo arrojan
información sobre sus contenidos de texto y de las
imágenes.
Mas que nada el HTML se esta utilizando en la
creación de páginas web dinámicas.
Al igual que el estilos de hojas de cascada que son
las css3 son capaces de definir un documento
estructurado listo para ser editado a un modo en el
cual uno pueda cambiar color de letra, márgenes,
color de relleno, tipo de letra entre otras cosas.
BIBLIOGRAFIAS
 librosweb.es › Libros › Introducción a XHTML ›
Capítulo 1.
 www.acercadehtml.com/manual-html/que-es-
html.html.
 html5.dwebapps.com/que-es-css3.

Más contenido relacionado

La actualidad más candente

Repositorios sociales de presentaciones
Repositorios sociales de presentacionesRepositorios sociales de presentaciones
Repositorios sociales de presentacionesMariaJoseGracia
 
INFORMACIÓN SOBRE SLIDESHARE
INFORMACIÓN SOBRE SLIDESHAREINFORMACIÓN SOBRE SLIDESHARE
INFORMACIÓN SOBRE SLIDESHAREKamila Rey
 
Herramientas para compartir información
Herramientas para compartir informaciónHerramientas para compartir información
Herramientas para compartir informaciónDomenicaLeivaMiranda
 
Manual slide share
Manual slide shareManual slide share
Manual slide sharejunhaoye
 
Diferencias diferencias más significativas entre slideshare y scribd
Diferencias diferencias más significativas entre slideshare y scribdDiferencias diferencias más significativas entre slideshare y scribd
Diferencias diferencias más significativas entre slideshare y scribdEstefany Villamizar
 
Trabajo de computacion
Trabajo de computacionTrabajo de computacion
Trabajo de computacionjazmin_quezada
 
Herramientas interactivas scribd, issu y docstoc.
Herramientas interactivas scribd, issu y docstoc.Herramientas interactivas scribd, issu y docstoc.
Herramientas interactivas scribd, issu y docstoc.anyelacamilasanguino
 
Informatica tarea intraclase
Informatica tarea intraclaseInformatica tarea intraclase
Informatica tarea intraclasePaola Jimenez
 
Web 2.0 y diseño de web
Web 2.0 y diseño de webWeb 2.0 y diseño de web
Web 2.0 y diseño de webtrujillo
 
Recursos Electronicos
Recursos ElectronicosRecursos Electronicos
Recursos Electronicosnam30
 
Microsoft Office Word
Microsoft Office WordMicrosoft Office Word
Microsoft Office WordJuan Zapata
 

La actualidad más candente (18)

Blaidis y danna
Blaidis y dannaBlaidis y danna
Blaidis y danna
 
Repositorios sociales de presentaciones
Repositorios sociales de presentacionesRepositorios sociales de presentaciones
Repositorios sociales de presentaciones
 
Camilo diaz
Camilo diazCamilo diaz
Camilo diaz
 
INFORMACIÓN SOBRE SLIDESHARE
INFORMACIÓN SOBRE SLIDESHAREINFORMACIÓN SOBRE SLIDESHARE
INFORMACIÓN SOBRE SLIDESHARE
 
Herramientas para compartir información
Herramientas para compartir informaciónHerramientas para compartir información
Herramientas para compartir información
 
Slideshare, scribd, calameo
Slideshare, scribd, calameoSlideshare, scribd, calameo
Slideshare, scribd, calameo
 
Slideshare
SlideshareSlideshare
Slideshare
 
Manual slideshare
Manual slideshareManual slideshare
Manual slideshare
 
Manual slide share
Manual slide shareManual slide share
Manual slide share
 
Diferencias diferencias más significativas entre slideshare y scribd
Diferencias diferencias más significativas entre slideshare y scribdDiferencias diferencias más significativas entre slideshare y scribd
Diferencias diferencias más significativas entre slideshare y scribd
 
Trabajo de computacion
Trabajo de computacionTrabajo de computacion
Trabajo de computacion
 
Slideshare 160415144112 (1)
Slideshare 160415144112 (1)Slideshare 160415144112 (1)
Slideshare 160415144112 (1)
 
Herramientas interactivas scribd, issu y docstoc.
Herramientas interactivas scribd, issu y docstoc.Herramientas interactivas scribd, issu y docstoc.
Herramientas interactivas scribd, issu y docstoc.
 
Informatica tarea intraclase
Informatica tarea intraclaseInformatica tarea intraclase
Informatica tarea intraclase
 
Web 2.0 y diseño de web
Web 2.0 y diseño de webWeb 2.0 y diseño de web
Web 2.0 y diseño de web
 
Slideshare 160415144112
Slideshare 160415144112Slideshare 160415144112
Slideshare 160415144112
 
Recursos Electronicos
Recursos ElectronicosRecursos Electronicos
Recursos Electronicos
 
Microsoft Office Word
Microsoft Office WordMicrosoft Office Word
Microsoft Office Word
 

Similar a Fundamentos de tecnologías web HTML5 y CSS3 (20)

introducción tecnologías web
introducción tecnologías webintroducción tecnologías web
introducción tecnologías web
 
Que es html
Que es htmlQue es html
Que es html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Páginas web
Páginas webPáginas web
Páginas web
 
Páginas web
Páginas webPáginas web
Páginas web
 
Apuntes de HTML 1
Apuntes de HTML 1Apuntes de HTML 1
Apuntes de HTML 1
 
Historia del HTML
Historia del HTMLHistoria del HTML
Historia del HTML
 
El origen-de-las-paginas-web-final
El origen-de-las-paginas-web-finalEl origen-de-las-paginas-web-final
El origen-de-las-paginas-web-final
 
Trabajo de HTML Luicelys Pérez
Trabajo de HTML Luicelys PérezTrabajo de HTML Luicelys Pérez
Trabajo de HTML Luicelys Pérez
 
Eduardo cordón
Eduardo cordónEduardo cordón
Eduardo cordón
 
Html1
Html1Html1
Html1
 
Curso HTML5
Curso HTML5Curso HTML5
Curso HTML5
 
asignación de html
asignación de htmlasignación de html
asignación de html
 
Rosi karina
Rosi karinaRosi karina
Rosi karina
 
Rosi karina
Rosi karinaRosi karina
Rosi karina
 
Deber d programacion 1
Deber d programacion 1Deber d programacion 1
Deber d programacion 1
 
sesion 01- HTML5
sesion 01- HTML5sesion 01- HTML5
sesion 01- HTML5
 
Html
HtmlHtml
Html
 
Historia del HTML
Historia del HTMLHistoria del HTML
Historia del HTML
 

Último

02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señorkkte210207
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucioneschorantina325
 
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdfTIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdfLUZMARIAAYALALOPEZ
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digitalNayaniJulietaRamosRa
 
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjPPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjNachisRamos
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 

Último (7)

02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disoluciones
 
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdfTIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digital
 
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjPPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 

Fundamentos de tecnologías web HTML5 y CSS3

  • 1. UNIVERSIDAD AUTONOMA DE TAMAULIPAS TECNICO SUPERIOR UNIVERSITARIO TECNOLOGIAS DE LA INFORMACION INTERACCION CON LA WEB: CASO DE TECNOLOGIA HTML 5 Y CSS3 FUNDAMENTOS DE TECNOLOGIAS WEB JOSE GUADALUPE DE LA CRUZ BORREGO NADIA CAROLINA RAMOS ZUÑIGA 18/MAYO/16
  • 2.  Es un lenguaje usado para definir y crear la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML). El World Wide Web Consortium (W3C) es el encargado de formular la especificación de las hojas de estilo que servirán de estándar para los agentes de usuario o navegadores.  La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación.  La información de estilo puede ser definida en un documento separado o en el mismo documento HTML. En este último caso podrían definirse estilos generales con el elemento «style» o en cada etiqueta particular mediante el atributo «style».  A diferencia de CSS2, que fue una única especificación que definía varias funcionalidades, CSS3 está dividida en varios documentos separados, llamados "módulos".  Cada módulo añade nuevas funcionalidades a las definidas en CSS2, de manera que se preservan las anteriores para mantener la compatibilidad.
  • 3. INTRODUCCION  Una hoja de estilos en cascada (CSS) contiene definiciones de estilos que se aplican a los elementos de un documento HTML. Los estilos CSS definen la forma de mostrar los elementos y su posición en la página. En lugar de asignar individualmente atributos a cada elemento de la página, puede crear una regla general que aplique atributos específicos siempre que un explorador Web encuentre una instancia de un elemento o un elemento asignado a un cierto estilo CLASS.  Puede aplicar estilos CSS en línea a un elemento HTML individual, agrupados en un bloque <STYLE> de la parte HEAD de una página Web o importado desde un archivo de hoja de estilos en cascada (CSS). Es posible vincular un mismo archivo externo de hoja de estilos en cascada a muchas páginas Web, con el fin de proporcionar una apariencia uniforme a todo un sitio Web.
  • 4. ¿QUE ES Y PARA QUE SIRVE UN HTML?  HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una serie de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.
  • 6. ¿QUE ES CSS3 Y PARA QUE SIRVE? Es un lenguaje que describe la presentación de los documentos estructurados en hojas de estilo para diferentes métodos de interpretación, es decir, describe como se va a mostrar un documento en pantalla, por impresora, por voz (cuando la información es pronunciada a través de un dispositivo de lectura) o en dispositivos táctiles basados en Braille. Sirve para permitir la separación de los contenidos de los documentos escritos en HTML, XML, XHTML, SVG, o XUL de la presentación del documento con las hojas de estilo, incluyendo elementos tales como los colores, fondos, márgenes, bordes, tipos de letra..., modificando as la apariencia de una página web de una forma más sencilla, permitiendo a los desarrolladores controlar el estilo y formato de sus documentos.
  • 8. LA EVOLUCIÓN DEL HTML Y SU RELACIÓN CON LA CSS3 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 Cauilliau, presentaron la propuesta ganadora llamada WorldWideWeb (W3).
  • 9. LA EVOLUCIÓN DEL HTML Y SU RELACIÓN CON LA CSS3 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
  • 10. LA EVOLUCIÓN DEL HTML Y SU RELACIÓN CON LA CSS3 A partir de 1996, los estándares de HTML los publica otro organismo de estandarización llamado WEC (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 oscripts en las páginas web, mejora de la accesibilidad de las páginas diseñadas, tablas complejas y mejoras en los formularios.
  • 11. LA EVOLUCIÓN DEL HTML Y SU RELACIÓN CON LA CSS3 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.
  • 12. LA EVOLUCIÓN DEL HTML Y SU RELACIÓN CON LA CSS3 Originalmente, las páginas HTML sólo incluían información sobre sus contenidos de texto e imágenes. Con el desarrollo del estándar HTML, las páginas empezaron a incluir también información sobre el aspecto de sus contenidos: tipos de letra, colores y márgenes. La posterior aparición de tecnologías como Java Script, provocaron que las páginas HTML también incluyeran el código de las aplicaciones (llamadas scripts) que se utilizan para crear páginas web dinámicas.
  • 13. LA EVOLUCIÓN DEL HTML Y SU RELACIÓN CON LA CSS3 Incluir en una misma página HTML los contenidos, el diseño y la programación complica en exceso su mantenimiento. Normalmente, los contenidos y el diseño de la página web son responsabilidad de diferentes personas, por lo que es conveniente separarlos. CSS es el mecanismo que permite separar los contenidos definidos mediante XHTML y el aspecto que deben presentar esos contenidos:
  • 14. LA EVOLUCIÓN DEL HTML Y SU RELACIÓN CON LA CSS3 El gran impulso de los lenguajes de hojas de estilos se produjo con el boom de Internet y el crecimiento exponencial del lenguaje HTML para la creación de documentos electrónicos. La guerra de navegadores y la falta de un estándar para la definición de los estilos dificultaban la creación de documentos con la misma apariencia en diferentes navegadores. El organismo WEC (World Wide Web Consortium), encargado de crear todos los estándares relacionados con la web, propuso la creación de un lenguaje de hojas de estilos específico para el lenguaje HTML y se presentaron nueve propuestas. Las dos propuestas que se tuvieron en cuenta fueron la CHSS (Cascading HTML Style Sheets) y la SSP (Stream-based Style Sheet Proposal).
  • 15. LA EVOLUCIÓN DEL HTML Y SU RELACIÓN CON LA CSS3 En 1995, el W3C decidió apostar por el desarrollo y estandarización de CSS y lo añadió a su grupo de trabajo de HTML. A finales de 1996, el W3C publicó la primera recomendación oficial, conocida como "CSS nivel 1". A principios de 1997, el W3C decide separar los trabajos del grupo de HTML en tres secciones: el grupo de trabajo de HTML, el grupo de trabajo de DOM y el grupo de trabajo de CSS.
  • 16. LA EVOLUCIÓN DEL HTML Y SU RELACIÓN CON LA CSS3 De esta forma, utilizando exclusivamente XHTML se crean páginas web "feas" pero correctas. Aplicando CSS, se pueden crear páginas "bonitas" a partir de las páginas XHTML correctas.
  • 17. EJEMPLOS DE HOJA DE CASCADA DE CSS3
  • 19. Originalmente, las páginas HTML sólo arrojan información sobre sus contenidos de texto y de las imágenes. Mas que nada el HTML se esta utilizando en la creación de páginas web dinámicas. Al igual que el estilos de hojas de cascada que son las css3 son capaces de definir un documento estructurado listo para ser editado a un modo en el cual uno pueda cambiar color de letra, márgenes, color de relleno, tipo de letra entre otras cosas.
  • 20. BIBLIOGRAFIAS  librosweb.es › Libros › Introducción a XHTML › Capítulo 1.  www.acercadehtml.com/manual-html/que-es- html.html.  html5.dwebapps.com/que-es-css3.