SlideShare una empresa de Scribd logo
¿ Qué es HTML5 ?
La versión anterior de HTML, HTML 4.01, se produjo en 1999. El Internet ha cambiado
significativamente desde entonces.
HTML5 está diseñado para ofrecer casi todo lo que quieres hacer en línea sin necesidad de
plugins adicionales. Lo hace todo, desde la animación de aplicaciones, música de películas, y
también se puede utilizar para crear aplicaciones complejas que se ejecutan en su navegador.
HTML5 es también multiplataforma (que no le importa si usted está utilizando una tableta o
un teléfono inteligente, un netbook, portátil o un Smart TV).
HTML5 también se puede utilizar para escribir aplicaciones web que aún funcionan cuando
usted no está en línea.
El Grupo de Trabajo de HTML 5 incluye AOL, Apple, Google, IBM, Microsoft, Mozilla,
Nokia, Opera, y cientos de otros proveedores.
HTML5 es todavía un trabajo en progreso. Sin embargo, todos los principales navegadores son
compatibles con muchos de los nuevos elementos de HTML5 y APIs.
¿ Cómo resultó HTML5 ?
HTML5 es una colaboración entre el Consorcio World Wide Web (W3C) y el Grupo
de Trabajo de Tecnología Web de hipertexto Aplicación (WHATWG).
WHATWG (Web Hypertext Application Technology Working Group) estaba trabajando con los
formularios web y aplicaciones, y la W3C estaba trabajando con XHTML 2.0. En
2006, decidieron cooperar y crear una nueva versión de HTML
Se establecieron algunas reglas para HTML5:
• Las nuevas características deben estar basadas en HTML, CSS, DOM, ('Modelo en
Objetos para la Representación de Documentos') y JavaScript.
• La necesidad de plugins externos (como Flash) debe reducirse
• El manejo de errores debe ser más fácil que en las versiones anteriores
• De secuencias de comandos tiene que ser sustituido por más de marcado
• HTML5 debe ser independiente del dispositivo
• El proceso de desarrollo debe ser visible para el público
HTML5 - Nuevas funciones
Algunas de las novedades más interesantes en HTML5:
• El elemento <canvas> para el dibujo 2D
• El <video> y <audio> para la reproducción multimedia
• Soporte para almacenamiento local
• Nuevos elementos específicos de contenido, como <article>, <footer>,
<header>, <nav>, <section>
• Nuevos controles de formulario, como el calendario, la fecha, hora, correo
electrónico, URL, búsqueda
PAGINA BASICA
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> Titulo del documento</title>
</head>
<body>
Contenido del documento......
</body>
</html>
ETIQUETAS BASICAS
Ejemplo
Código
<html>
<head>
<title>ETIQUETAS</title>
</head>
<body>
<h1>Tamaño 1</h1>
<h2>Tamaño 2</h2>
<h3>Tamaño 3</h3>
<h4>Tamaño 4</h4>
<h5>Tamaño 5</h5>
<h6>Tamaño 6</h6>
</body>
</html>
Resultado
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
PARRAFO
Ejemplo
Código
<html>
<head>
<title>Párrafos</title>
</head>
<body>
<p>Este es el primer párrafo.</p>
<p>Y este es el segundo
párrafo.</p>
</body>
</html>
R
esultad
Este es el primer párrafo.
Y este es el segundo párrafo.
Formato básico del texto
HTML nos permite definir el formato de visualización del texto en la pantalla.
Muy útil para cuando queramos resaltar o enfatizar un texto en especial.
También muy usado para subrayar o escribir subíndices o superíndices.
Estos, son solo algunos ejemplos de lo que podemos hacer con estos
elementos
Para ello utilizamos las siguientes etiquetas:
PRICIPALES FORMATOS DE TEXTOS
CARACTERES ESPECIALES
Resultado Descripción Nombre Número
Espacio en blanco &nbsp; &#160;
& &amp; &#38;
á a minúscula con acento &aacute; &#225;
é e minúscula con acento &eacute; &#233;
í i minúscula con acento &iacute; &#237;
ó o minúscula con acento &oacute; &#243;
ú u minúscula con acento &uacute; &#250;
ñ ñ minúscula &ntilde; &#241;
ü u minúscula con diéresis &uuml; &#252;
Á A mayúscula con acento &Aacute; &#193;
É E mayúscula con acento &Eacute; &#201;
Í I mayúscula con acento &Iacute; &#205;
Ó O mayúscula con acento &Oacute; &#211;
Ú U mayúscula con acento &Uacute; &#218;
Ñ Ñ mayúscula &Ntilde; &#209;
Ü U mayúscula con diéresis &Uuml; &#220;

Más contenido relacionado

La actualidad más candente

Html 5
Html 5Html 5
Diferentes tipos de software que sirven para crear o diseñar paginas web
Diferentes tipos de software que sirven para crear o diseñar paginas webDiferentes tipos de software que sirven para crear o diseñar paginas web
Diferentes tipos de software que sirven para crear o diseñar paginas web
Andy Coma
 
Diferentes tipos de software
Diferentes tipos de softwareDiferentes tipos de software
Diferentes tipos de software
Frida_glez29
 
Mi primera app con GAE y GWT
Mi primera app con GAE y GWTMi primera app con GAE y GWT
Mi primera app con GAE y GWT
GDG Lima
 
Desarrollo de la web
Desarrollo de la webDesarrollo de la web
Desarrollo de la web
Saul Dominguez
 
Final
FinalFinal
Tipos de software para crear paginas web
Tipos de software  para crear paginas webTipos de software  para crear paginas web
Tipos de software para crear paginas web
vanegr15
 
Desarrollo en el servidor
Desarrollo en el servidorDesarrollo en el servidor
Desarrollo en el servidor
Christian Carrera
 
Implementando un sitio con Drupal 9
Implementando un sitio con Drupal 9 Implementando un sitio con Drupal 9
Implementando un sitio con Drupal 9
Krysla Marcano
 
Domotica #Skype4 b #IoT #Azure #Windows10IoTCore
Domotica #Skype4 b #IoT #Azure #Windows10IoTCoreDomotica #Skype4 b #IoT #Azure #Windows10IoTCore
Domotica #Skype4 b #IoT #Azure #Windows10IoTCore
SUGES (SharePoint Users Group España)
 
Visual estudio
Visual estudioVisual estudio
Visual estudio
Jenssy23
 
ASP.NET Core 1.0
ASP.NET Core 1.0ASP.NET Core 1.0
ASP.NET Core 1.0
Rodolfo Finochietti
 
Asp.Net Core 1.0 Deep Dive
Asp.Net Core 1.0 Deep DiveAsp.Net Core 1.0 Deep Dive
Asp.Net Core 1.0 Deep Dive
Eduard Tomàs
 
Diferentes tipos de software1
Diferentes tipos de software1Diferentes tipos de software1
Diferentes tipos de software1
lozanonelly
 
Maquetación web
Maquetación webMaquetación web
Maquetación web
Adriana Tienda
 
Diferencias entre html y html5..
Diferencias entre html y html5..Diferencias entre html y html5..
Diferencias entre html y html5..
Jorge Leonel Carbajal
 

La actualidad más candente (16)

Html 5
Html 5Html 5
Html 5
 
Diferentes tipos de software que sirven para crear o diseñar paginas web
Diferentes tipos de software que sirven para crear o diseñar paginas webDiferentes tipos de software que sirven para crear o diseñar paginas web
Diferentes tipos de software que sirven para crear o diseñar paginas web
 
Diferentes tipos de software
Diferentes tipos de softwareDiferentes tipos de software
Diferentes tipos de software
 
Mi primera app con GAE y GWT
Mi primera app con GAE y GWTMi primera app con GAE y GWT
Mi primera app con GAE y GWT
 
Desarrollo de la web
Desarrollo de la webDesarrollo de la web
Desarrollo de la web
 
Final
FinalFinal
Final
 
Tipos de software para crear paginas web
Tipos de software  para crear paginas webTipos de software  para crear paginas web
Tipos de software para crear paginas web
 
Desarrollo en el servidor
Desarrollo en el servidorDesarrollo en el servidor
Desarrollo en el servidor
 
Implementando un sitio con Drupal 9
Implementando un sitio con Drupal 9 Implementando un sitio con Drupal 9
Implementando un sitio con Drupal 9
 
Domotica #Skype4 b #IoT #Azure #Windows10IoTCore
Domotica #Skype4 b #IoT #Azure #Windows10IoTCoreDomotica #Skype4 b #IoT #Azure #Windows10IoTCore
Domotica #Skype4 b #IoT #Azure #Windows10IoTCore
 
Visual estudio
Visual estudioVisual estudio
Visual estudio
 
ASP.NET Core 1.0
ASP.NET Core 1.0ASP.NET Core 1.0
ASP.NET Core 1.0
 
Asp.Net Core 1.0 Deep Dive
Asp.Net Core 1.0 Deep DiveAsp.Net Core 1.0 Deep Dive
Asp.Net Core 1.0 Deep Dive
 
Diferentes tipos de software1
Diferentes tipos de software1Diferentes tipos de software1
Diferentes tipos de software1
 
Maquetación web
Maquetación webMaquetación web
Maquetación web
 
Diferencias entre html y html5..
Diferencias entre html y html5..Diferencias entre html y html5..
Diferencias entre html y html5..
 

Similar a Html 5

HTML5
HTML5HTML5
HTML5+CSS3 01
HTML5+CSS3 01HTML5+CSS3 01
HTML5+CSS3 01
Jorge Cantú López
 
Html5
Html5Html5
Html5
Html5Html5
Html5
Html5Html5
Nuevo Html5 ..
Nuevo Html5 ..Nuevo Html5 ..
Nuevo Html5 ..
icreativasoft
 
Articulo
ArticuloArticulo
Articulo
yosmarievegart
 
Html5
Html5Html5
Html5
victorgm7
 
Semana 2 Arquitectura web y HTML 5
Semana 2   Arquitectura web y HTML 5Semana 2   Arquitectura web y HTML 5
Semana 2 Arquitectura web y HTML 5
Richard Eliseo Mendoza Gafaro
 
Html 5
Html 5Html 5
Html
HtmlHtml
Todo sobre HTML5
Todo sobre HTML5Todo sobre HTML5
HTML5
HTML5HTML5
Html luis felipe
Html luis felipeHtml luis felipe
Html luis felipe
4luis415
 
NUEVO!!! EN HTML 5
NUEVO!!! EN HTML 5NUEVO!!! EN HTML 5
NUEVO!!! EN HTML 5
Elias Herrera
 
HTML5
HTML5HTML5
Proyecto de Topicos II - HTML5
Proyecto de Topicos II - HTML5Proyecto de Topicos II - HTML5
Proyecto de Topicos II - HTML5
joycesita
 
Html5
Html5Html5
Paginas web
Paginas webPaginas web
mejorando la web guia de html 5
mejorando la web guia de html 5mejorando la web guia de html 5
mejorando la web guia de html 5
Aldo Hernán Zanabria Gálvez
 

Similar a Html 5 (20)

HTML5
HTML5HTML5
HTML5
 
HTML5+CSS3 01
HTML5+CSS3 01HTML5+CSS3 01
HTML5+CSS3 01
 
Html5
Html5Html5
Html5
 
Html5
Html5Html5
Html5
 
Html5
Html5Html5
Html5
 
Nuevo Html5 ..
Nuevo Html5 ..Nuevo Html5 ..
Nuevo Html5 ..
 
Articulo
ArticuloArticulo
Articulo
 
Html5
Html5Html5
Html5
 
Semana 2 Arquitectura web y HTML 5
Semana 2   Arquitectura web y HTML 5Semana 2   Arquitectura web y HTML 5
Semana 2 Arquitectura web y HTML 5
 
Html 5
Html 5Html 5
Html 5
 
Html
HtmlHtml
Html
 
Todo sobre HTML5
Todo sobre HTML5Todo sobre HTML5
Todo sobre HTML5
 
HTML5
HTML5HTML5
HTML5
 
Html luis felipe
Html luis felipeHtml luis felipe
Html luis felipe
 
NUEVO!!! EN HTML 5
NUEVO!!! EN HTML 5NUEVO!!! EN HTML 5
NUEVO!!! EN HTML 5
 
HTML5
HTML5HTML5
HTML5
 
Proyecto de Topicos II - HTML5
Proyecto de Topicos II - HTML5Proyecto de Topicos II - HTML5
Proyecto de Topicos II - HTML5
 
Html5
Html5Html5
Html5
 
Paginas web
Paginas webPaginas web
Paginas web
 
mejorando la web guia de html 5
mejorando la web guia de html 5mejorando la web guia de html 5
mejorando la web guia de html 5
 

Más de StalinNaranjo2

Presentación Marca personal orgánica pastel.pdf
Presentación Marca personal orgánica pastel.pdfPresentación Marca personal orgánica pastel.pdf
Presentación Marca personal orgánica pastel.pdf
StalinNaranjo2
 
Informe de base de datos y reporte general
Informe de base de datos y reporte generalInforme de base de datos y reporte general
Informe de base de datos y reporte general
StalinNaranjo2
 
Informe de base de datos
Informe de base de datosInforme de base de datos
Informe de base de datos
StalinNaranjo2
 
Consulta bdd
Consulta bddConsulta bdd
Consulta bdd
StalinNaranjo2
 
Ingreso y consulta de datos
Ingreso y consulta de datosIngreso y consulta de datos
Ingreso y consulta de datos
StalinNaranjo2
 
Conexion base-de-datos-php
Conexion base-de-datos-phpConexion base-de-datos-php
Conexion base-de-datos-php
StalinNaranjo2
 
Informe de base de datos
Informe de base de datosInforme de base de datos
Informe de base de datos
StalinNaranjo2
 
Base de datos php myadmin
Base de datos   php myadminBase de datos   php myadmin
Base de datos php myadmin
StalinNaranjo2
 
Chatbots
ChatbotsChatbots
Chatbots
StalinNaranjo2
 
Vectores (1)
Vectores (1)Vectores (1)
Vectores (1)
StalinNaranjo2
 
Bucle foreach
Bucle foreachBucle foreach
Bucle foreach
StalinNaranjo2
 
Bucle for
Bucle forBucle for
Bucle for
StalinNaranjo2
 
Informe de nuemeros a letras
Informe de nuemeros a letrasInforme de nuemeros a letras
Informe de nuemeros a letras
StalinNaranjo2
 
Informe de utilización de get unidad 3
Informe de utilización de get unidad 3Informe de utilización de get unidad 3
Informe de utilización de get unidad 3
StalinNaranjo2
 
Informe tabla
Informe tablaInforme tabla
Informe tabla
StalinNaranjo2
 
Bucle while
Bucle whileBucle while
Bucle while
StalinNaranjo2
 
Informe sentencia swicht meses del año
Informe sentencia swicht meses del añoInforme sentencia swicht meses del año
Informe sentencia swicht meses del año
StalinNaranjo2
 
Sentencias de decision
Sentencias de decisionSentencias de decision
Sentencias de decision
StalinNaranjo2
 
Informe individual programacion1
Informe individual programacion1Informe individual programacion1
Informe individual programacion1
StalinNaranjo2
 
Operadores y expresiones
Operadores y expresionesOperadores y expresiones
Operadores y expresiones
StalinNaranjo2
 

Más de StalinNaranjo2 (20)

Presentación Marca personal orgánica pastel.pdf
Presentación Marca personal orgánica pastel.pdfPresentación Marca personal orgánica pastel.pdf
Presentación Marca personal orgánica pastel.pdf
 
Informe de base de datos y reporte general
Informe de base de datos y reporte generalInforme de base de datos y reporte general
Informe de base de datos y reporte general
 
Informe de base de datos
Informe de base de datosInforme de base de datos
Informe de base de datos
 
Consulta bdd
Consulta bddConsulta bdd
Consulta bdd
 
Ingreso y consulta de datos
Ingreso y consulta de datosIngreso y consulta de datos
Ingreso y consulta de datos
 
Conexion base-de-datos-php
Conexion base-de-datos-phpConexion base-de-datos-php
Conexion base-de-datos-php
 
Informe de base de datos
Informe de base de datosInforme de base de datos
Informe de base de datos
 
Base de datos php myadmin
Base de datos   php myadminBase de datos   php myadmin
Base de datos php myadmin
 
Chatbots
ChatbotsChatbots
Chatbots
 
Vectores (1)
Vectores (1)Vectores (1)
Vectores (1)
 
Bucle foreach
Bucle foreachBucle foreach
Bucle foreach
 
Bucle for
Bucle forBucle for
Bucle for
 
Informe de nuemeros a letras
Informe de nuemeros a letrasInforme de nuemeros a letras
Informe de nuemeros a letras
 
Informe de utilización de get unidad 3
Informe de utilización de get unidad 3Informe de utilización de get unidad 3
Informe de utilización de get unidad 3
 
Informe tabla
Informe tablaInforme tabla
Informe tabla
 
Bucle while
Bucle whileBucle while
Bucle while
 
Informe sentencia swicht meses del año
Informe sentencia swicht meses del añoInforme sentencia swicht meses del año
Informe sentencia swicht meses del año
 
Sentencias de decision
Sentencias de decisionSentencias de decision
Sentencias de decision
 
Informe individual programacion1
Informe individual programacion1Informe individual programacion1
Informe individual programacion1
 
Operadores y expresiones
Operadores y expresionesOperadores y expresiones
Operadores y expresiones
 

Último

CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIACONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
ginnazamudio
 
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdfCarnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
EleNoguera
 
CORREOS SEGUNDO 2024 HONORIO DELGADO ESPINOZA
CORREOS SEGUNDO 2024 HONORIO DELGADO ESPINOZACORREOS SEGUNDO 2024 HONORIO DELGADO ESPINOZA
CORREOS SEGUNDO 2024 HONORIO DELGADO ESPINOZA
Sandra Mariela Ballón Aguedo
 
2° año LA VESTIMENTA-ciencias sociales 2 grado
2° año LA VESTIMENTA-ciencias sociales 2 grado2° año LA VESTIMENTA-ciencias sociales 2 grado
2° año LA VESTIMENTA-ciencias sociales 2 grado
GiselaBerrios3
 
RETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docx
RETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docxRETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docx
RETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docx
100078171
 
Clase Prensencial, Actividad 2.pdf.......
Clase Prensencial, Actividad 2.pdf.......Clase Prensencial, Actividad 2.pdf.......
Clase Prensencial, Actividad 2.pdf.......
LuanaJaime1
 
tema 7. Los siglos XVI y XVII ( resumen)
tema 7. Los siglos XVI y XVII ( resumen)tema 7. Los siglos XVI y XVII ( resumen)
tema 7. Los siglos XVI y XVII ( resumen)
saradocente
 
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdfFEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
Jose Luis Jimenez Rodriguez
 
Hablemos de ESI para estudiantes Cuadernillo
Hablemos de ESI para estudiantes CuadernilloHablemos de ESI para estudiantes Cuadernillo
Hablemos de ESI para estudiantes Cuadernillo
Mónica Sánchez
 
pueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptxpueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptx
RAMIREZNICOLE
 
Liturgia día del Padre del siguiente domingo.pptx
Liturgia día del Padre del siguiente domingo.pptxLiturgia día del Padre del siguiente domingo.pptx
Liturgia día del Padre del siguiente domingo.pptx
YeniferGarcia36
 
Presentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdfPresentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdf
LuanaJaime1
 
Blogs_y_Educacion_Por Zaracho Lautaro_.pdf
Blogs_y_Educacion_Por Zaracho Lautaro_.pdfBlogs_y_Educacion_Por Zaracho Lautaro_.pdf
Blogs_y_Educacion_Por Zaracho Lautaro_.pdf
lautyzaracho4
 
3° SES COMU LUN10 CUENTO DIA DEL PADRE 933623393 PROF YESSENIA (1).docx
3° SES COMU LUN10  CUENTO DIA DEL PADRE  933623393 PROF YESSENIA (1).docx3° SES COMU LUN10  CUENTO DIA DEL PADRE  933623393 PROF YESSENIA (1).docx
3° SES COMU LUN10 CUENTO DIA DEL PADRE 933623393 PROF YESSENIA (1).docx
rosannatasaycoyactay
 
Este documento contiene, el programa completo de un acto para realizar la pro...
Este documento contiene, el programa completo de un acto para realizar la pro...Este documento contiene, el programa completo de un acto para realizar la pro...
Este documento contiene, el programa completo de un acto para realizar la pro...
romina395894
 
Escuela Sabática. El conflicto inminente.pdf
Escuela Sabática. El conflicto inminente.pdfEscuela Sabática. El conflicto inminente.pdf
Escuela Sabática. El conflicto inminente.pdf
Alejandrino Halire Ccahuana
 
Manual de procedimiento para gráficos HC
Manual de procedimiento para gráficos HCManual de procedimiento para gráficos HC
Manual de procedimiento para gráficos HC
josseanlo1581
 
1° T3 Examen Zany de primer grado compl
1° T3 Examen Zany  de primer grado compl1° T3 Examen Zany  de primer grado compl
1° T3 Examen Zany de primer grado compl
ROCIORUIZQUEZADA
 
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdf
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdfMundo ABC Examen 1 Grado- Tercer Trimestre.pdf
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdf
ViriEsteva
 

Último (20)

A VISITA DO SENHOR BISPO .
A VISITA DO SENHOR BISPO                .A VISITA DO SENHOR BISPO                .
A VISITA DO SENHOR BISPO .
 
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIACONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
 
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdfCarnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
 
CORREOS SEGUNDO 2024 HONORIO DELGADO ESPINOZA
CORREOS SEGUNDO 2024 HONORIO DELGADO ESPINOZACORREOS SEGUNDO 2024 HONORIO DELGADO ESPINOZA
CORREOS SEGUNDO 2024 HONORIO DELGADO ESPINOZA
 
2° año LA VESTIMENTA-ciencias sociales 2 grado
2° año LA VESTIMENTA-ciencias sociales 2 grado2° año LA VESTIMENTA-ciencias sociales 2 grado
2° año LA VESTIMENTA-ciencias sociales 2 grado
 
RETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docx
RETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docxRETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docx
RETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docx
 
Clase Prensencial, Actividad 2.pdf.......
Clase Prensencial, Actividad 2.pdf.......Clase Prensencial, Actividad 2.pdf.......
Clase Prensencial, Actividad 2.pdf.......
 
tema 7. Los siglos XVI y XVII ( resumen)
tema 7. Los siglos XVI y XVII ( resumen)tema 7. Los siglos XVI y XVII ( resumen)
tema 7. Los siglos XVI y XVII ( resumen)
 
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdfFEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
 
Hablemos de ESI para estudiantes Cuadernillo
Hablemos de ESI para estudiantes CuadernilloHablemos de ESI para estudiantes Cuadernillo
Hablemos de ESI para estudiantes Cuadernillo
 
pueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptxpueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptx
 
Liturgia día del Padre del siguiente domingo.pptx
Liturgia día del Padre del siguiente domingo.pptxLiturgia día del Padre del siguiente domingo.pptx
Liturgia día del Padre del siguiente domingo.pptx
 
Presentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdfPresentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdf
 
Blogs_y_Educacion_Por Zaracho Lautaro_.pdf
Blogs_y_Educacion_Por Zaracho Lautaro_.pdfBlogs_y_Educacion_Por Zaracho Lautaro_.pdf
Blogs_y_Educacion_Por Zaracho Lautaro_.pdf
 
3° SES COMU LUN10 CUENTO DIA DEL PADRE 933623393 PROF YESSENIA (1).docx
3° SES COMU LUN10  CUENTO DIA DEL PADRE  933623393 PROF YESSENIA (1).docx3° SES COMU LUN10  CUENTO DIA DEL PADRE  933623393 PROF YESSENIA (1).docx
3° SES COMU LUN10 CUENTO DIA DEL PADRE 933623393 PROF YESSENIA (1).docx
 
Este documento contiene, el programa completo de un acto para realizar la pro...
Este documento contiene, el programa completo de un acto para realizar la pro...Este documento contiene, el programa completo de un acto para realizar la pro...
Este documento contiene, el programa completo de un acto para realizar la pro...
 
Escuela Sabática. El conflicto inminente.pdf
Escuela Sabática. El conflicto inminente.pdfEscuela Sabática. El conflicto inminente.pdf
Escuela Sabática. El conflicto inminente.pdf
 
Manual de procedimiento para gráficos HC
Manual de procedimiento para gráficos HCManual de procedimiento para gráficos HC
Manual de procedimiento para gráficos HC
 
1° T3 Examen Zany de primer grado compl
1° T3 Examen Zany  de primer grado compl1° T3 Examen Zany  de primer grado compl
1° T3 Examen Zany de primer grado compl
 
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdf
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdfMundo ABC Examen 1 Grado- Tercer Trimestre.pdf
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdf
 

Html 5

  • 1.
  • 2. ¿ Qué es HTML5 ? La versión anterior de HTML, HTML 4.01, se produjo en 1999. El Internet ha cambiado significativamente desde entonces. HTML5 está diseñado para ofrecer casi todo lo que quieres hacer en línea sin necesidad de plugins adicionales. Lo hace todo, desde la animación de aplicaciones, música de películas, y también se puede utilizar para crear aplicaciones complejas que se ejecutan en su navegador. HTML5 es también multiplataforma (que no le importa si usted está utilizando una tableta o un teléfono inteligente, un netbook, portátil o un Smart TV). HTML5 también se puede utilizar para escribir aplicaciones web que aún funcionan cuando usted no está en línea. El Grupo de Trabajo de HTML 5 incluye AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera, y cientos de otros proveedores. HTML5 es todavía un trabajo en progreso. Sin embargo, todos los principales navegadores son compatibles con muchos de los nuevos elementos de HTML5 y APIs.
  • 3. ¿ Cómo resultó HTML5 ? HTML5 es una colaboración entre el Consorcio World Wide Web (W3C) y el Grupo de Trabajo de Tecnología Web de hipertexto Aplicación (WHATWG). WHATWG (Web Hypertext Application Technology Working Group) estaba trabajando con los formularios web y aplicaciones, y la W3C estaba trabajando con XHTML 2.0. En 2006, decidieron cooperar y crear una nueva versión de HTML Se establecieron algunas reglas para HTML5: • Las nuevas características deben estar basadas en HTML, CSS, DOM, ('Modelo en Objetos para la Representación de Documentos') y JavaScript. • La necesidad de plugins externos (como Flash) debe reducirse • El manejo de errores debe ser más fácil que en las versiones anteriores • De secuencias de comandos tiene que ser sustituido por más de marcado • HTML5 debe ser independiente del dispositivo • El proceso de desarrollo debe ser visible para el público
  • 4. HTML5 - Nuevas funciones Algunas de las novedades más interesantes en HTML5: • El elemento <canvas> para el dibujo 2D • El <video> y <audio> para la reproducción multimedia • Soporte para almacenamiento local • Nuevos elementos específicos de contenido, como <article>, <footer>, <header>, <nav>, <section> • Nuevos controles de formulario, como el calendario, la fecha, hora, correo electrónico, URL, búsqueda
  • 5. PAGINA BASICA <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> Titulo del documento</title> </head> <body> Contenido del documento...... </body> </html>
  • 6. ETIQUETAS BASICAS Ejemplo Código <html> <head> <title>ETIQUETAS</title> </head> <body> <h1>Tamaño 1</h1> <h2>Tamaño 2</h2> <h3>Tamaño 3</h3> <h4>Tamaño 4</h4> <h5>Tamaño 5</h5> <h6>Tamaño 6</h6> </body> </html> Resultado Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6
  • 7. PARRAFO Ejemplo Código <html> <head> <title>Párrafos</title> </head> <body> <p>Este es el primer párrafo.</p> <p>Y este es el segundo párrafo.</p> </body> </html> R esultad Este es el primer párrafo. Y este es el segundo párrafo.
  • 8. Formato básico del texto HTML nos permite definir el formato de visualización del texto en la pantalla. Muy útil para cuando queramos resaltar o enfatizar un texto en especial. También muy usado para subrayar o escribir subíndices o superíndices. Estos, son solo algunos ejemplos de lo que podemos hacer con estos elementos Para ello utilizamos las siguientes etiquetas:
  • 10. CARACTERES ESPECIALES Resultado Descripción Nombre Número Espacio en blanco &nbsp; &#160; & &amp; &#38; á a minúscula con acento &aacute; &#225; é e minúscula con acento &eacute; &#233; í i minúscula con acento &iacute; &#237; ó o minúscula con acento &oacute; &#243; ú u minúscula con acento &uacute; &#250; ñ ñ minúscula &ntilde; &#241; ü u minúscula con diéresis &uuml; &#252; Á A mayúscula con acento &Aacute; &#193; É E mayúscula con acento &Eacute; &#201; Í I mayúscula con acento &Iacute; &#205; Ó O mayúscula con acento &Oacute; &#211; Ú U mayúscula con acento &Uacute; &#218; Ñ Ñ mayúscula &Ntilde; &#209; Ü U mayúscula con diéresis &Uuml; &#220;