SlideShare una empresa de Scribd logo
1 de 11
Presentado por
:
Leydi milena
Rodríguez.
HTML.
hace referencia al lenguaje de marcadopara la
elaboración de páginas web. Es un estándar que sirve
de referencia para la elaboración de páginas web en
sus diferentes versiones, define una estructura básica
y un código (denominado código HTML) para la
definición de contenido de una página web, como
texto, imágenes, videos, entre otros. Es un estándar a
cargo de la W3C, organización dedicada a la
estandarización de casi todas las tecnologías ligadas a
la web, sobre todo en lo referente a su escritura e
interpretación.
Entidades:
Los caracteres especiales como signo de
puntuación, letras con tilde o diéresis o
símbolos de escritura del lenguaje se deben
convertir en entidad HTML para mostrarse en
un navegador. La siguiente es una lista de
caracteres españoles y su correspondiente
entidad HTML:
HTML 5.
es la quinta revisión importante del
lenguaje básico de la World Wide
Web,HTML. HTML5 especifica dos
variantes de sintaxis para HTML: un
«clásico» HTML (text/html), la variante
conocida comoHTML5 y una
variante XHTML conocida como
sintaxis XHTML5 que deberá ser servida
como XML.1 2 Esta es la primera vez que
HTML y XHTML se han desarrollado en
paralelo.
NUEVOS ELEMENTOS.
HTML5 nuevos elementos y. Algunos de ellos son técnicamente similares a las etiquetas
<div> y <span>, pero tienen un significado semántico, como por ejemplo <nav> (bloque
de navegación del sitio web) y<footer>. Otros elementos proporcionan nuevas
funcionalidades a través de una interfaz estandarizada, como los elementos <audio> y
<video>. Mejora el elemento<canvas>, capaz de renderizar elementos 3D en los
navegadores más importantes (Firefox, Chrome, Opera, Safari e Internet Explorer).
NOVEDADES.
• Incorpora etiquetas (cavas 2D y 3D, audio, vídeo)
con codecs para mostrar los contenidos multimedia.
Actualmente hay una lucha entre imponer codecs
libres (WebM +VP8) o privados (H.264/MPEG-4
AVC).
• Etiquetas para manejar grandes conjuntos de datos:
Datagrid, Details, Menu y Command. Permiten
generar tablas dinámicas que pueden filtrar, ordenar
y ocultar contenido en cliente.
EJEMPLO.
<!DOCTYPE HTML>
<html> <head>
<title>fuente de múltiples elementos</title>
</head> <body> <audio id="audioTestElem"
autobuffer controls > <source src="test.m4a">
<source src="test.ogg" type="audio/ogg;
codecs=vorbis"> <source src="url"> no audio for you
</audio> </body>
</html>

Más contenido relacionado

La actualidad más candente (17)

Codigos html
Codigos htmlCodigos html
Codigos html
 
Html y html5
Html y html5Html y html5
Html y html5
 
Resumen html
Resumen htmlResumen html
Resumen html
 
Ane codigo
Ane codigo Ane codigo
Ane codigo
 
Html
HtmlHtml
Html
 
Html4
Html4Html4
Html4
 
Definicion "HTML"
Definicion "HTML"Definicion "HTML"
Definicion "HTML"
 
Html5 (ar)
Html5  (ar)Html5  (ar)
Html5 (ar)
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Evelyn deber
Evelyn deberEvelyn deber
Evelyn deber
 
html y html5
html y html5html y html5
html y html5
 
Html
HtmlHtml
Html
 
HTML
HTMLHTML
HTML
 
HTML - HTML5
HTML - HTML5 HTML - HTML5
HTML - HTML5
 
Html
HtmlHtml
Html
 
Html mayerly cuartas 11 01
Html mayerly cuartas 11 01Html mayerly cuartas 11 01
Html mayerly cuartas 11 01
 

Destacado

PHYTO PR YANSIMALAR - NİSAN 2013
PHYTO PR YANSIMALAR - NİSAN 2013PHYTO PR YANSIMALAR - NİSAN 2013
PHYTO PR YANSIMALAR - NİSAN 2013ALESGROUPETURKEY
 
Ent02 equipe projet
Ent02    equipe projetEnt02    equipe projet
Ent02 equipe projetCatalisMTL
 
M3 s4 matriz tpack para el diseño de actividades mejorada (
M3 s4 matriz tpack para el diseño de actividades mejorada (M3 s4 matriz tpack para el diseño de actividades mejorada (
M3 s4 matriz tpack para el diseño de actividades mejorada (dayrisena
 
Colegio nacional nicolás esguerra
Colegio  nacional nicolás esguerraColegio  nacional nicolás esguerra
Colegio nacional nicolás esguerraJose Delgado
 
Protector clase ofimatica
Protector clase ofimaticaProtector clase ofimatica
Protector clase ofimaticaYasandre
 
Reina sofia
Reina sofiaReina sofia
Reina sofiaakeka
 
Paradigma cognitivo y su aplicación educativa
Paradigma cognitivo y su aplicación educativaParadigma cognitivo y su aplicación educativa
Paradigma cognitivo y su aplicación educativaMartha Garza
 

Destacado (10)

PHYTO PR YANSIMALAR - NİSAN 2013
PHYTO PR YANSIMALAR - NİSAN 2013PHYTO PR YANSIMALAR - NİSAN 2013
PHYTO PR YANSIMALAR - NİSAN 2013
 
Sebran
SebranSebran
Sebran
 
Ent02 equipe projet
Ent02    equipe projetEnt02    equipe projet
Ent02 equipe projet
 
M3 s4 matriz tpack para el diseño de actividades mejorada (
M3 s4 matriz tpack para el diseño de actividades mejorada (M3 s4 matriz tpack para el diseño de actividades mejorada (
M3 s4 matriz tpack para el diseño de actividades mejorada (
 
Colegio nacional nicolás esguerra
Colegio  nacional nicolás esguerraColegio  nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Protector clase ofimatica
Protector clase ofimaticaProtector clase ofimatica
Protector clase ofimatica
 
Reina sofia
Reina sofiaReina sofia
Reina sofia
 
Nileshernandez
NileshernandezNileshernandez
Nileshernandez
 
Paradigma cognitivo y su aplicación educativa
Paradigma cognitivo y su aplicación educativaParadigma cognitivo y su aplicación educativa
Paradigma cognitivo y su aplicación educativa
 
Clase n° 10 la moda
Clase n° 10 la modaClase n° 10 la moda
Clase n° 10 la moda
 

Similar a Html5 (20)

Html 5
Html 5Html 5
Html 5
 
HTML5+CSS3 01
HTML5+CSS3 01HTML5+CSS3 01
HTML5+CSS3 01
 
historia de html
historia de htmlhistoria de html
historia de html
 
Apuntes de HTML 1
Apuntes de HTML 1Apuntes de HTML 1
Apuntes de HTML 1
 
Html
HtmlHtml
Html
 
Html y html5
Html y html5Html y html5
Html y html5
 
Html5
Html5Html5
Html5
 
Avila lara 2
Avila lara  2Avila lara  2
Avila lara 2
 
Avila lara 2
Avila lara  2Avila lara  2
Avila lara 2
 
Valleyy mishi
Valleyy mishiValleyy mishi
Valleyy mishi
 
Actividad #2
Actividad #2Actividad #2
Actividad #2
 
Introducción a HTML5
Introducción a HTML5Introducción a HTML5
Introducción a HTML5
 
Herramientas para paginas web
Herramientas para  paginas webHerramientas para  paginas web
Herramientas para paginas web
 
Html dulce mata (1)
Html dulce mata (1)Html dulce mata (1)
Html dulce mata (1)
 
Html5
Html5Html5
Html5
 
Html5
Html5Html5
Html5
 
Todo sobre HTML5
Todo sobre HTML5Todo sobre HTML5
Todo sobre HTML5
 
Orellana morales html
Orellana morales htmlOrellana morales html
Orellana morales html
 
Html daniela vargas
Html daniela vargasHtml daniela vargas
Html daniela vargas
 
Trabajo 905
Trabajo 905Trabajo 905
Trabajo 905
 

Último

COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COMCOMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COMcespitiacardales
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
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
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdfFAUSTODANILOCRUZCAST
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 

Último (10)

COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COMCOMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
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
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdf
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 

Html5

  • 2. HTML. hace referencia al lenguaje de marcadopara la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, videos, entre otros. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación.
  • 3.
  • 4. Entidades: Los caracteres especiales como signo de puntuación, letras con tilde o diéresis o símbolos de escritura del lenguaje se deben convertir en entidad HTML para mostrarse en un navegador. La siguiente es una lista de caracteres españoles y su correspondiente entidad HTML:
  • 5.
  • 6.
  • 8. es la quinta revisión importante del lenguaje básico de la World Wide Web,HTML. HTML5 especifica dos variantes de sintaxis para HTML: un «clásico» HTML (text/html), la variante conocida comoHTML5 y una variante XHTML conocida como sintaxis XHTML5 que deberá ser servida como XML.1 2 Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo.
  • 9. NUEVOS ELEMENTOS. HTML5 nuevos elementos y. Algunos de ellos son técnicamente similares a las etiquetas <div> y <span>, pero tienen un significado semántico, como por ejemplo <nav> (bloque de navegación del sitio web) y<footer>. Otros elementos proporcionan nuevas funcionalidades a través de una interfaz estandarizada, como los elementos <audio> y <video>. Mejora el elemento<canvas>, capaz de renderizar elementos 3D en los navegadores más importantes (Firefox, Chrome, Opera, Safari e Internet Explorer).
  • 10. NOVEDADES. • Incorpora etiquetas (cavas 2D y 3D, audio, vídeo) con codecs para mostrar los contenidos multimedia. Actualmente hay una lucha entre imponer codecs libres (WebM +VP8) o privados (H.264/MPEG-4 AVC). • Etiquetas para manejar grandes conjuntos de datos: Datagrid, Details, Menu y Command. Permiten generar tablas dinámicas que pueden filtrar, ordenar y ocultar contenido en cliente.
  • 11. EJEMPLO. <!DOCTYPE HTML> <html> <head> <title>fuente de múltiples elementos</title> </head> <body> <audio id="audioTestElem" autobuffer controls > <source src="test.m4a"> <source src="test.ogg" type="audio/ogg; codecs=vorbis"> <source src="url"> no audio for you </audio> </body> </html>