SlideShare una empresa de Scribd logo
1 de 11
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 (19)

Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
Resumen html
Resumen htmlResumen html
Resumen html
 
Html4
Html4Html4
Html4
 
Html y html5
Html y html5Html y html5
Html y html5
 
Unidad educativa municipal
Unidad educativa municipalUnidad educativa municipal
Unidad educativa municipal
 
Evelyn deber
Evelyn deberEvelyn deber
Evelyn deber
 
Html
HtmlHtml
Html
 
html y html5
html y html5html y html5
html y html5
 
codigos Html y css
codigos Html y csscodigos Html y css
codigos Html y css
 
Html y HTML5
Html y HTML5Html y HTML5
Html y HTML5
 
Html
HtmlHtml
Html
 
Paula andrea martínez guayara
Paula andrea martínez guayaraPaula andrea martínez guayara
Paula andrea martínez guayara
 
Html
HtmlHtml
Html
 
Html vs xml
Html vs xmlHtml vs xml
Html vs xml
 
HTML - XML
HTML - XMLHTML - XML
HTML - XML
 
Html
HtmlHtml
Html
 
De html xml
De html xmlDe html xml
De html xml
 
Html
HtmlHtml
Html
 
Presentación1
Presentación1Presentación1
Presentación1
 

Destacado (20)

Sebran
SebranSebran
Sebran
 
Servicios hw
Servicios hwServicios hw
Servicios hw
 
Presentación CAMBIO PROFESIONAL
Presentación CAMBIO PROFESIONALPresentación CAMBIO PROFESIONAL
Presentación CAMBIO PROFESIONAL
 
Exposicion chagoyan constructivismo
Exposicion chagoyan constructivismoExposicion chagoyan constructivismo
Exposicion chagoyan constructivismo
 
Computacion informe block
Computacion informe blockComputacion informe block
Computacion informe block
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
 
Estrutura dos testes 2014
Estrutura dos testes 2014Estrutura dos testes 2014
Estrutura dos testes 2014
 
Análisis sintáctico 15 no lo_resolvio_a_pesar_de_que_era
Análisis sintáctico 15 no lo_resolvio_a_pesar_de_que_eraAnálisis sintáctico 15 no lo_resolvio_a_pesar_de_que_era
Análisis sintáctico 15 no lo_resolvio_a_pesar_de_que_era
 
Antivirus 100411185249-phpapp02
Antivirus 100411185249-phpapp02Antivirus 100411185249-phpapp02
Antivirus 100411185249-phpapp02
 
Visión hojas anchas
Visión hojas anchasVisión hojas anchas
Visión hojas anchas
 
Electronic sponge 2
Electronic sponge 2Electronic sponge 2
Electronic sponge 2
 
Tp2
Tp2Tp2
Tp2
 
Gastro
GastroGastro
Gastro
 
Trabajo Y..
Trabajo Y..Trabajo Y..
Trabajo Y..
 
Guia
GuiaGuia
Guia
 
Juan david gonzales
Juan david gonzalesJuan david gonzales
Juan david gonzales
 
Sistemas De Seguridad En Bilbao
Sistemas De Seguridad En Bilbao
Sistemas De Seguridad En Bilbao
Sistemas De Seguridad En Bilbao
 
La contaminación
La contaminaciónLa contaminación
La contaminación
 
Compilacionen dos
Compilacionen dosCompilacionen dos
Compilacionen dos
 
Servicios hw
Servicios hwServicios hw
Servicios hw
 

Similar a Html (20)

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 - HTML5
HTML - HTML5 HTML - HTML5
HTML - HTML5
 
HTML5+CSS3 01
HTML5+CSS3 01HTML5+CSS3 01
HTML5+CSS3 01
 
Html y html5
Html y html5Html y html5
Html y html5
 
Html
HtmlHtml
Html
 
Avila lara 2
Avila lara  2Avila lara  2
Avila lara 2
 
Avila lara 2
Avila lara  2Avila lara  2
Avila lara 2
 
Html5
Html5Html5
Html5
 
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
 
Html html5 diapositivas
Html  html5 diapositivasHtml  html5 diapositivas
Html html5 diapositivas
 
1 trabajo html
1 trabajo html1 trabajo html
1 trabajo html
 
Colegio debora arango perez
Colegio debora arango perezColegio debora arango perez
Colegio debora arango perez
 
Html5
Html5Html5
Html5
 
Html5
Html5Html5
Html5
 
Html5
Html5Html5
Html5
 
HTML :D TRABAJO DE HTML :D
HTML :D TRABAJO DE HTML :DHTML :D TRABAJO DE HTML :D
HTML :D TRABAJO DE HTML :D
 
Herramientas para paginas web
Herramientas para  paginas webHerramientas para  paginas web
Herramientas para paginas web
 

Último

rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxssuser61dda7
 
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
 
MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.imejia2411
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx241532171
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
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
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdfFernandaHernandez312615
 
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
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxRodriguezLucero
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellajuancamilo3111391
 
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
 

Último (13)

rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
 
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
 
MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .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
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).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
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ella
 
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
 

Html

  • 1.
  • 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>