SlideShare una empresa de Scribd logo
“ITECNOR”
ING: Dubley Omar Sandoval H.
Informática II.
HTML5
Orellana Salguero, Emily Rocio.
5to. “A”
Peritoenindustriaalimentaria.
Llanos de la fragua, Zacapa, 24/02/2015.
HTML5 (HyperTextMarkupLanguage,versión5) eslaquintarevisiónimportante del lenguaje
básicode la WorldWide Web,HTML. HTML5 especificadosvariantesde sintaxisparaHTML: un
«clásico» HTML (text/html),lavariante conocidacomoHTML5 y unavariante XHTML conocida
como sintaxisXHTML5 que deberáserservidacomoXML.1 2 Esta es laprimeravezque HTML y
XHTML se han desarrolladoenparalelo.
La versióndefinitivade laquintarevisióndelestándarse publicóenoctubre de 2014.3
Al no serreconocidoenviejasversionesde navegadoresporsusnuevasetiquetas,se recomienda
al usuariocomúnactualizara la versiónmásnueva,parapoderdisfrutarde todoel potencial que
provee HTML5.
El desarrollode este lenguajede marcadoesreguladoporel ConsorcioW3C.
Evolución:
 1989 Aparece el html,que prontosufrióvariasrevisiones:html 2,html 3.2, html 4 y el
html 4.01
 2000 Se presentael Xhtml 1 como laevoluciónnatural de unhtml que deberíadejarde
usarse (a lavistaestá que no fue así).
 2002 Se comienzaa definirXhtml 2,unaactualizaciónde Xhtml 1 con variasmejoras
semánticasperosincompatibilidadregresiva;erarealmenteunlenguajenuevo.
 2004 Se constituye el WebHypertextApplicationTechnologyWorkingGroup(Whatwg),
un grupode trabajonacidoal margendel W3C con el propósitode crear unanueva
versióndel estándardesde unpuntode vistadestacadamente práctico,ynotan
académico.Y esque siete añosdespuésde que el W3Cpublicase lasrecomendaciones
oficialesde Html 4.01 y Xhtml 1, aún no había ningúnconsensosalidodelW3Csobre el
caminoque se debía seguir(¿lohabráalgunavez?.
 2007 el W3C reconoce el trabajodel Whatwgy lotoma como base para proponeruna
nuevaactualizacióndel estándar.
 2009 El w3c abandonadefinitivamente,yantesde terminarsudesarrollo,el Xhtml 2,yse
concentraen definirhtml5.Desde entonceshahabidobastante confusiónsobre cómo
deberíaserel lenguaje parael futurodesarrollode laWeb,yaún hoyno estánada claro.
La consecuencade estaerráticatrayectoriadel lenguajehasidoque enel ciberespaciohay
páginasde todoslostiposposibles,y que losnavegadoreshantenidoque adaptarse atodaslas
versionesaparecidas,yaque casi nadie haabandonadosu versiónpreferidaante laincertidumbre
de cuál va a ser labuena,y muchomenosse han reescritolaspáginasyacreadas hace algún
tiempo.Conel tiempo,el W3Cha acabado aceptandode facto,que el xhtml (aunque
técnicamente enviasde extinción) seaunarecomendaciónparalelaque puede coexistirconel
html.
Al parecer,estanuevaversiónse hace para intentarresolver,unavezmás,losviejosproblemasde
toda lavida,como por ejemplo,loscontenidosmultimediayel líode losplug-ins.Paraello,se
implementannuevoselementos,como<video>o<audio>,esdecir,se pretende que seael propio
navegadorel que sinnecesidadde plug-ins,activeX,ni elementosextrañosal propionavegador,
puedareproducircorrectamente cualquiertipode fichero,cosaque yase intentóconel elemento
<object>.Peroeste elementoloúnicoque facilitabaeralaconexiónconel reproductor,noeraun
reproductorensí mismo.Evidentemente,paraque estaideafuncione,seránecesariodefinirun
tipode videoyde audioal que convertircualquierotrafuente multimedia,siempre que sea
compatible laconversión,claro.Algoasícomo loque hasta ahora se venía haciendoconFlash,
perocon códigolibre yabierto.¿Puede serel finde Flash?
Tabla de etiquetas de HTML5:
Etiqueta Descripción:
<!--...--> Define uncomentario
<!DOCTYPE> Define el tipodel documento
<a> Define unhipervínculo
<abbr> Define unaabreviación
<address> Define lainformaciónde contactodel
autor/propietariodeldocumento
<area> Define unáreadentrode un mapa de imagen
<article>Nueva Define unarticulo
<aside>Nueva Define el contenidolateral delcontenidode
una página
<audio>Nueva Define contenidoconsonido
<b> Define textoennegrita
<base> Especificalabase donde se abrirántodaslos
URL del documento
<bdi>Nueva Aislaunaparte del textoque puede tenerun
formatodiferente deltextoexterno.
<bdo> Sobreescribe ladireccióndel texto
<blockquote> Define unaseccionque tiene otrafuente.
<body> Define el cuerpodel documento
<br> Define unsaltode linea.
<button> Define unbotónclickleable
<canvas>Nueva Usada para dibujargráficos,porscript,en el
aire. (conJavaScript)
<caption> Define el títulode unatabla
<cite> Define el títulode untrabajo
<code> Define untrozode códigode programación
<col> Especificalaspropiedadesde lacolumnapara
cada columnadel elemento<colgroup>
<colgroup> Especificaungrupode una o más columnasde
una tabla.
<command>Nueva Define unbotóncommandque unusuario
puede invocar.
<datalist>Nueva Especificaenuninputunalistapre definidade
opciones.
<dd> Define unadescripciónde unitem enunalista
de definición.
<del> Define untextoque hasidodefinidode un
Mdocument
<details>Nueva Define detallesadicionalesque el usuario
puede veroesconder.
<dfn> Define untérminode unadefinición.
<dialog>Nueva Define unacajao ventanade dialogo.
<div> Define unasecciónenundocumento.
<dl> Define unalistadefinición.
<dt> Define untérmino(unitem) enunalistade
definición.
<em> Define énfasisenuntexto.
<embed>Nueva Define uncontenedorde unaaplicación
externa(no-HTML).
<fieldset> Un grupo de elementosrelacionadosenun
formulario.
<figcaption>Nueva Define untítulopara una figura<figure>
elemento
<figure>Nueva Especificacontenidoauto-contenido
<footer>Nueva Define unpie páginafooter undocumentoo
sección
<form> Define unformularioHTML.
<h1> to <h6> Define encabezadosHTML.
<head> Define informaciónacercadel documento.
<header>Nueva Define unencabezadoparaundocumentoo
sección.
<hgroup>Nueva Grupo de encabezado(<h1> a <h6>) elemento.
<hr> Define uncambiode temáticaa partirde una
línea.
<html> Define laraíz de un documentoHTML.
<i> Define unaparte del textode modo
alternativo.
<iframe> Define unframe enlínea.
<img> Define unaimagen
<input> Define un control de entradade texto
<ins> Define textoque hasidoinsertadoenun
documento.
<kbd> Define entradadel teclado.
<keygen>Nueva Define un campo generador de par de claves (para
formularios)
<label> Define unrótuloparaun elemento<input>
<legend> Define untítulopara loselementos<fieldset>,
< figure>,o<details>
<li> Define unítemde una lista
<link> Define larelaciónentre undocumentoyun
recursoexterno(generalmenteconhojas
de estilo)
<map> Define unmapade imagendel cliente.
<mark>Nueva Define textoresaltadoomarcado
<menu> Definesalist/menuof commands.
<meta> Define unmetadatode undocumentoHTML.
<meter>Nueva Define unamedidaescalarenunrabgo
conocido.
<nav>Nueva Define unlinkde navegación.
<noscript> Define uncontenidoalternativoparalos
usuariosque nosoportanscript del cliente.
<object> Define unobjetoembebido.
<ol> Define unalistaordenada
<optgroup> Define ungrupode opcionesrelacionadasen
una listadesplegable.
<option> Define unaopciónenunalistadesplegable
<output>Nueva Define el resultadode uncálculo.
<p> Define unpárrafo
<param> Define unparámetroparaun objeto
<pre> Define textopre formateado
<progress>Nueva Representael progresode unatarea.
<q> Define unacitacorta.
<rp>Nueva Define que debe mostrarennavegadoresque
no soportanscriptde ruby.
<rt>Nueva Define unapronunciaciónde caracteres
<ruby>Nueva Define notaciónde ruby.
<s> Define textoque noescorrecto
<samp> Define unaejemplode salidade unprograma.
<script> Define scriptdel ladodel cliente
<section>Nueva Define unasecciónenundocumento
<select> Definesadrop-downlist
<small> Definessmallertext
<source>Nueva Define múltiplerecursosparaelementosde
multimedio(<video>y<audio>)
<span> Define unaseccinenundocument
<strong> Define untextoennegrita
<style> Define unestiloparalainformaciónde un
documento
<sub> Define untextoque essubíndice
<summary>Nueva Define unencabezado visible para el elemento <details>
<sup> Define untextoque essuperíndice
<table> Define unatabla
<tbody> Agrupael contenidodel cuerpode unatabla
<td> Define unaceldaenunatabla
<textarea> Define uncontrol de entradade múltiples
líneas
<tfoot> Agrupalosfootercontenidosenunatabla
<th> Define unaceldade encabezadoenunatabla
<thead> Agrupalosencabezadoscontenidosenuna
tabla
<time>Nueva Define unafecha/hora
<title> Define untítulopara el documento.
<tr> Define unafilaenunatable
<track>Nueva Define textode lapistaparaelementosde
multimedio(<video>y<audio>)
<u> Definestextthatshouldbe stylisticallydifferent
fromnormal text
<ul> Define unalistadesordenada
<var> Define unavariable
<video>Nueva Define unvideoopelícula
<wbr>Nueva Define unposiblesaltode línea.

Más contenido relacionado

La actualidad más candente

Html html5 diapositivas
Html  html5 diapositivasHtml  html5 diapositivas
Html html5 diapositivas
Eliana Caycedo
 
Php
PhpPhp
Php
lifeth
 
Manual de java script practico
Manual de java script practicoManual de java script practico
Manual de java script practico
Universidad,Capitan,General Gerardo, Barrios
 
Tutorial de-codeblocks
Tutorial de-codeblocksTutorial de-codeblocks
Tutorial de-codeblocks
MartinCetis109
 
breve historia de html
breve historia de htmlbreve historia de html
breve historia de html
Adolfo German Gomez Sanchez
 
Html 5
Html 5Html 5
HTML
HTMLHTML
HTML
1crazyoz
 
Nicholl giraldo html
Nicholl giraldo htmlNicholl giraldo html
Nicholl giraldo html
decimosistemas2016
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
Nicolas Tavera
 
Introducción a PHP
Introducción a PHPIntroducción a PHP
Introducción a PHP
Carlos Hernández Garciísta
 
Tutorial Javascript01
Tutorial Javascript01Tutorial Javascript01
Tutorial Javascript01
semuvi
 
Html dulce mata (1)
Html dulce mata (1)Html dulce mata (1)
Html dulce mata (1)
DulceeMaria
 
Curso practico-de-javascript
Curso practico-de-javascriptCurso practico-de-javascript
Curso practico-de-javascript
Manuel Zarate
 
Colegionacionalnicolasesguerra 120914133034-phpapp02
Colegionacionalnicolasesguerra 120914133034-phpapp02Colegionacionalnicolasesguerra 120914133034-phpapp02
Colegionacionalnicolasesguerra 120914133034-phpapp02
nicolas-1996
 
Html
HtmlHtml
Html y html5
Html y html5Html y html5
Html y html5
paoamayatoro
 
Paralelo de html y html5 1
Paralelo de html y html5  1Paralelo de html y html5  1
Paralelo de html y html5 1
liza0307
 
Php1
Php1Php1

La actualidad más candente (18)

Html html5 diapositivas
Html  html5 diapositivasHtml  html5 diapositivas
Html html5 diapositivas
 
Php
PhpPhp
Php
 
Manual de java script practico
Manual de java script practicoManual de java script practico
Manual de java script practico
 
Tutorial de-codeblocks
Tutorial de-codeblocksTutorial de-codeblocks
Tutorial de-codeblocks
 
breve historia de html
breve historia de htmlbreve historia de html
breve historia de html
 
Html 5
Html 5Html 5
Html 5
 
HTML
HTMLHTML
HTML
 
Nicholl giraldo html
Nicholl giraldo htmlNicholl giraldo html
Nicholl giraldo html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Introducción a PHP
Introducción a PHPIntroducción a PHP
Introducción a PHP
 
Tutorial Javascript01
Tutorial Javascript01Tutorial Javascript01
Tutorial Javascript01
 
Html dulce mata (1)
Html dulce mata (1)Html dulce mata (1)
Html dulce mata (1)
 
Curso practico-de-javascript
Curso practico-de-javascriptCurso practico-de-javascript
Curso practico-de-javascript
 
Colegionacionalnicolasesguerra 120914133034-phpapp02
Colegionacionalnicolasesguerra 120914133034-phpapp02Colegionacionalnicolasesguerra 120914133034-phpapp02
Colegionacionalnicolasesguerra 120914133034-phpapp02
 
Html
HtmlHtml
Html
 
Html y html5
Html y html5Html y html5
Html y html5
 
Paralelo de html y html5 1
Paralelo de html y html5  1Paralelo de html y html5  1
Paralelo de html y html5 1
 
Php1
Php1Php1
Php1
 

Similar a Html5 em

Todo sobre HTML5
Todo sobre HTML5Todo sobre HTML5
Estefania aguirre diossa taller html
Estefania aguirre diossa taller htmlEstefania aguirre diossa taller html
Estefania aguirre diossa taller html
decimosistemas2016
 
Taller html juliana montoya
Taller html juliana montoyaTaller html juliana montoya
Taller html juliana montoya
decimosistemas2016
 
Valleyy mishi
Valleyy mishiValleyy mishi
Valleyy mishi
michive
 
Html5
Html5Html5
Html
HtmlHtml
Html5
Html5Html5
Trabajo de html wilder ruiz
Trabajo de html wilder ruizTrabajo de html wilder ruiz
Trabajo de html wilder ruiz
wilderbustamante951
 
HTML - HTML5
HTML - HTML5 HTML - HTML5
HTML - HTML5
verosorio
 
Taller html yuliana monsalve
Taller html yuliana monsalveTaller html yuliana monsalve
Taller html yuliana monsalve
decimosistemas2016
 
Historia del HTML por Zaidy Yepez y Angel Rodriguez
Historia del HTML por Zaidy Yepez y Angel RodriguezHistoria del HTML por Zaidy Yepez y Angel Rodriguez
Historia del HTML por Zaidy Yepez y Angel Rodriguez
AngelRodriguez621
 
Html5
Html5Html5
Html5
Html5Html5
Html daniela vargas
Html daniela vargasHtml daniela vargas
Html daniela vargas
VargasJor
 
Manual de HTML5 en español
Manual de HTML5 en españolManual de HTML5 en español
Manual de HTML5 en español
Carlin Jose Posligua Briceño
 
FELIPE MASSONE MANUAL HTML5 ESPAÑOL
FELIPE MASSONE MANUAL HTML5 ESPAÑOLFELIPE MASSONE MANUAL HTML5 ESPAÑOL
FELIPE MASSONE MANUAL HTML5 ESPAÑOL
Felipe Massone
 
Archivo de-educacion
Archivo de-educacionArchivo de-educacion
Archivo de-educacion
Cornelio Ramos Mondragon
 
5321
53215321
Html5
Html5Html5
Html5
Html5Html5

Similar a Html5 em (20)

Todo sobre HTML5
Todo sobre HTML5Todo sobre HTML5
Todo sobre HTML5
 
Estefania aguirre diossa taller html
Estefania aguirre diossa taller htmlEstefania aguirre diossa taller html
Estefania aguirre diossa taller html
 
Taller html juliana montoya
Taller html juliana montoyaTaller html juliana montoya
Taller html juliana montoya
 
Valleyy mishi
Valleyy mishiValleyy mishi
Valleyy mishi
 
Html5
Html5Html5
Html5
 
Html
HtmlHtml
Html
 
Html5
Html5Html5
Html5
 
Trabajo de html wilder ruiz
Trabajo de html wilder ruizTrabajo de html wilder ruiz
Trabajo de html wilder ruiz
 
HTML - HTML5
HTML - HTML5 HTML - HTML5
HTML - HTML5
 
Taller html yuliana monsalve
Taller html yuliana monsalveTaller html yuliana monsalve
Taller html yuliana monsalve
 
Historia del HTML por Zaidy Yepez y Angel Rodriguez
Historia del HTML por Zaidy Yepez y Angel RodriguezHistoria del HTML por Zaidy Yepez y Angel Rodriguez
Historia del HTML por Zaidy Yepez y Angel Rodriguez
 
Html5
Html5Html5
Html5
 
Html5
Html5Html5
Html5
 
Html daniela vargas
Html daniela vargasHtml daniela vargas
Html daniela vargas
 
Manual de HTML5 en español
Manual de HTML5 en españolManual de HTML5 en español
Manual de HTML5 en español
 
FELIPE MASSONE MANUAL HTML5 ESPAÑOL
FELIPE MASSONE MANUAL HTML5 ESPAÑOLFELIPE MASSONE MANUAL HTML5 ESPAÑOL
FELIPE MASSONE MANUAL HTML5 ESPAÑOL
 
Archivo de-educacion
Archivo de-educacionArchivo de-educacion
Archivo de-educacion
 
5321
53215321
5321
 
Html5
Html5Html5
Html5
 
Html5
Html5Html5
Html5
 

Último

Maristella Svampa-La sociedad excluyente.pdf
Maristella Svampa-La sociedad excluyente.pdfMaristella Svampa-La sociedad excluyente.pdf
Maristella Svampa-La sociedad excluyente.pdf
belbarcala
 
Examen de la EvAU 2024 en Navarra Latín.
Examen de la EvAU 2024 en Navarra Latín.Examen de la EvAU 2024 en Navarra Latín.
Examen de la EvAU 2024 en Navarra Latín.
amayaltc18
 
Guia Practica de ChatGPT para Docentes Ccesa007.pdf
Guia Practica de ChatGPT para Docentes Ccesa007.pdfGuia Practica de ChatGPT para Docentes Ccesa007.pdf
Guia Practica de ChatGPT para Docentes Ccesa007.pdf
Demetrio Ccesa Rayme
 
Respuesta del icfes pre saber verificadas
Respuesta del icfes pre saber verificadasRespuesta del icfes pre saber verificadas
Respuesta del icfes pre saber verificadas
KarenCaicedo28
 
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docxLecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Alejandrino Halire Ccahuana
 
Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...
Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...
Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...
Unidad de Espiritualidad Eudista
 
La necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdfLa necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdf
JonathanCovena1
 
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
 
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
JAVIER SOLIS NOYOLA
 
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptxSEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
Osiris Urbano
 
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
 
Libro Integrado 8vo egb len-mat-ccnn-eess
Libro Integrado 8vo egb len-mat-ccnn-eessLibro Integrado 8vo egb len-mat-ccnn-eess
Libro Integrado 8vo egb len-mat-ccnn-eess
maxgamesofficial15
 
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdfCUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
Inslvarez5
 
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
 
PPT_Servicio de Bandeja a Paciente Hospitalizado.pptx
PPT_Servicio de Bandeja a Paciente Hospitalizado.pptxPPT_Servicio de Bandeja a Paciente Hospitalizado.pptx
PPT_Servicio de Bandeja a Paciente Hospitalizado.pptx
gamcoaquera
 
Planificación Ejemplo con la metodología TPACK
Planificación Ejemplo con la metodología  TPACKPlanificación Ejemplo con la metodología  TPACK
Planificación Ejemplo con la metodología TPACK
ssusera6697f
 
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLMExamen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
Juan Martín Martín
 
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
 
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
 
Soluciones Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinar...
Soluciones Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinar...Soluciones Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinar...
Soluciones Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinar...
Juan Martín Martín
 

Último (20)

Maristella Svampa-La sociedad excluyente.pdf
Maristella Svampa-La sociedad excluyente.pdfMaristella Svampa-La sociedad excluyente.pdf
Maristella Svampa-La sociedad excluyente.pdf
 
Examen de la EvAU 2024 en Navarra Latín.
Examen de la EvAU 2024 en Navarra Latín.Examen de la EvAU 2024 en Navarra Latín.
Examen de la EvAU 2024 en Navarra Latín.
 
Guia Practica de ChatGPT para Docentes Ccesa007.pdf
Guia Practica de ChatGPT para Docentes Ccesa007.pdfGuia Practica de ChatGPT para Docentes Ccesa007.pdf
Guia Practica de ChatGPT para Docentes Ccesa007.pdf
 
Respuesta del icfes pre saber verificadas
Respuesta del icfes pre saber verificadasRespuesta del icfes pre saber verificadas
Respuesta del icfes pre saber verificadas
 
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docxLecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
 
Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...
Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...
Triduo Eudista: Jesucristo, Sumo y Eterno Sacerdote; El Corazón de Jesús y el...
 
La necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdfLa necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.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)
 
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
ACERTIJO DESCIFRANDO CÓDIGO DEL CANDADO DE LA TORRE EIFFEL EN PARÍS. Por JAVI...
 
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptxSEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
SEMIOLOGIA DE HEMORRAGIAS DIGESTIVAS.pptx
 
Hablemos de ESI para estudiantes Cuadernillo
Hablemos de ESI para estudiantes CuadernilloHablemos de ESI para estudiantes Cuadernillo
Hablemos de ESI para estudiantes Cuadernillo
 
Libro Integrado 8vo egb len-mat-ccnn-eess
Libro Integrado 8vo egb len-mat-ccnn-eessLibro Integrado 8vo egb len-mat-ccnn-eess
Libro Integrado 8vo egb len-mat-ccnn-eess
 
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdfCUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
 
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
 
PPT_Servicio de Bandeja a Paciente Hospitalizado.pptx
PPT_Servicio de Bandeja a Paciente Hospitalizado.pptxPPT_Servicio de Bandeja a Paciente Hospitalizado.pptx
PPT_Servicio de Bandeja a Paciente Hospitalizado.pptx
 
Planificación Ejemplo con la metodología TPACK
Planificación Ejemplo con la metodología  TPACKPlanificación Ejemplo con la metodología  TPACK
Planificación Ejemplo con la metodología TPACK
 
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLMExamen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
 
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
 
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
 
Soluciones Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinar...
Soluciones Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinar...Soluciones Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinar...
Soluciones Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinar...
 

Html5 em

  • 1. “ITECNOR” ING: Dubley Omar Sandoval H. Informática II. HTML5 Orellana Salguero, Emily Rocio. 5to. “A” Peritoenindustriaalimentaria.
  • 2. Llanos de la fragua, Zacapa, 24/02/2015. HTML5 (HyperTextMarkupLanguage,versión5) eslaquintarevisiónimportante del lenguaje básicode la WorldWide Web,HTML. HTML5 especificadosvariantesde sintaxisparaHTML: un «clásico» HTML (text/html),lavariante conocidacomoHTML5 y unavariante XHTML conocida como sintaxisXHTML5 que deberáserservidacomoXML.1 2 Esta es laprimeravezque HTML y XHTML se han desarrolladoenparalelo. La versióndefinitivade laquintarevisióndelestándarse publicóenoctubre de 2014.3 Al no serreconocidoenviejasversionesde navegadoresporsusnuevasetiquetas,se recomienda al usuariocomúnactualizara la versiónmásnueva,parapoderdisfrutarde todoel potencial que provee HTML5. El desarrollode este lenguajede marcadoesreguladoporel ConsorcioW3C. Evolución:  1989 Aparece el html,que prontosufrióvariasrevisiones:html 2,html 3.2, html 4 y el html 4.01  2000 Se presentael Xhtml 1 como laevoluciónnatural de unhtml que deberíadejarde usarse (a lavistaestá que no fue así).  2002 Se comienzaa definirXhtml 2,unaactualizaciónde Xhtml 1 con variasmejoras semánticasperosincompatibilidadregresiva;erarealmenteunlenguajenuevo.  2004 Se constituye el WebHypertextApplicationTechnologyWorkingGroup(Whatwg), un grupode trabajonacidoal margendel W3C con el propósitode crear unanueva versióndel estándardesde unpuntode vistadestacadamente práctico,ynotan académico.Y esque siete añosdespuésde que el W3Cpublicase lasrecomendaciones oficialesde Html 4.01 y Xhtml 1, aún no había ningúnconsensosalidodelW3Csobre el caminoque se debía seguir(¿lohabráalgunavez?.  2007 el W3C reconoce el trabajodel Whatwgy lotoma como base para proponeruna nuevaactualizacióndel estándar.  2009 El w3c abandonadefinitivamente,yantesde terminarsudesarrollo,el Xhtml 2,yse concentraen definirhtml5.Desde entonceshahabidobastante confusiónsobre cómo deberíaserel lenguaje parael futurodesarrollode laWeb,yaún hoyno estánada claro. La consecuencade estaerráticatrayectoriadel lenguajehasidoque enel ciberespaciohay páginasde todoslostiposposibles,y que losnavegadoreshantenidoque adaptarse atodaslas versionesaparecidas,yaque casi nadie haabandonadosu versiónpreferidaante laincertidumbre de cuál va a ser labuena,y muchomenosse han reescritolaspáginasyacreadas hace algún
  • 3. tiempo.Conel tiempo,el W3Cha acabado aceptandode facto,que el xhtml (aunque técnicamente enviasde extinción) seaunarecomendaciónparalelaque puede coexistirconel html. Al parecer,estanuevaversiónse hace para intentarresolver,unavezmás,losviejosproblemasde toda lavida,como por ejemplo,loscontenidosmultimediayel líode losplug-ins.Paraello,se implementannuevoselementos,como<video>o<audio>,esdecir,se pretende que seael propio navegadorel que sinnecesidadde plug-ins,activeX,ni elementosextrañosal propionavegador, puedareproducircorrectamente cualquiertipode fichero,cosaque yase intentóconel elemento <object>.Peroeste elementoloúnicoque facilitabaeralaconexiónconel reproductor,noeraun reproductorensí mismo.Evidentemente,paraque estaideafuncione,seránecesariodefinirun tipode videoyde audioal que convertircualquierotrafuente multimedia,siempre que sea compatible laconversión,claro.Algoasícomo loque hasta ahora se venía haciendoconFlash, perocon códigolibre yabierto.¿Puede serel finde Flash? Tabla de etiquetas de HTML5: Etiqueta Descripción: <!--...--> Define uncomentario <!DOCTYPE> Define el tipodel documento <a> Define unhipervínculo <abbr> Define unaabreviación <address> Define lainformaciónde contactodel autor/propietariodeldocumento <area> Define unáreadentrode un mapa de imagen <article>Nueva Define unarticulo <aside>Nueva Define el contenidolateral delcontenidode una página <audio>Nueva Define contenidoconsonido <b> Define textoennegrita <base> Especificalabase donde se abrirántodaslos URL del documento <bdi>Nueva Aislaunaparte del textoque puede tenerun formatodiferente deltextoexterno. <bdo> Sobreescribe ladireccióndel texto <blockquote> Define unaseccionque tiene otrafuente. <body> Define el cuerpodel documento <br> Define unsaltode linea. <button> Define unbotónclickleable <canvas>Nueva Usada para dibujargráficos,porscript,en el aire. (conJavaScript) <caption> Define el títulode unatabla <cite> Define el títulode untrabajo <code> Define untrozode códigode programación
  • 4. <col> Especificalaspropiedadesde lacolumnapara cada columnadel elemento<colgroup> <colgroup> Especificaungrupode una o más columnasde una tabla. <command>Nueva Define unbotóncommandque unusuario puede invocar. <datalist>Nueva Especificaenuninputunalistapre definidade opciones. <dd> Define unadescripciónde unitem enunalista de definición. <del> Define untextoque hasidodefinidode un Mdocument <details>Nueva Define detallesadicionalesque el usuario puede veroesconder. <dfn> Define untérminode unadefinición. <dialog>Nueva Define unacajao ventanade dialogo. <div> Define unasecciónenundocumento. <dl> Define unalistadefinición. <dt> Define untérmino(unitem) enunalistade definición. <em> Define énfasisenuntexto. <embed>Nueva Define uncontenedorde unaaplicación externa(no-HTML). <fieldset> Un grupo de elementosrelacionadosenun formulario. <figcaption>Nueva Define untítulopara una figura<figure> elemento <figure>Nueva Especificacontenidoauto-contenido <footer>Nueva Define unpie páginafooter undocumentoo sección <form> Define unformularioHTML. <h1> to <h6> Define encabezadosHTML. <head> Define informaciónacercadel documento. <header>Nueva Define unencabezadoparaundocumentoo sección. <hgroup>Nueva Grupo de encabezado(<h1> a <h6>) elemento. <hr> Define uncambiode temáticaa partirde una línea. <html> Define laraíz de un documentoHTML. <i> Define unaparte del textode modo alternativo. <iframe> Define unframe enlínea. <img> Define unaimagen <input> Define un control de entradade texto
  • 5. <ins> Define textoque hasidoinsertadoenun documento. <kbd> Define entradadel teclado. <keygen>Nueva Define un campo generador de par de claves (para formularios) <label> Define unrótuloparaun elemento<input> <legend> Define untítulopara loselementos<fieldset>, < figure>,o<details> <li> Define unítemde una lista <link> Define larelaciónentre undocumentoyun recursoexterno(generalmenteconhojas de estilo) <map> Define unmapade imagendel cliente. <mark>Nueva Define textoresaltadoomarcado <menu> Definesalist/menuof commands. <meta> Define unmetadatode undocumentoHTML. <meter>Nueva Define unamedidaescalarenunrabgo conocido. <nav>Nueva Define unlinkde navegación. <noscript> Define uncontenidoalternativoparalos usuariosque nosoportanscript del cliente. <object> Define unobjetoembebido. <ol> Define unalistaordenada <optgroup> Define ungrupode opcionesrelacionadasen una listadesplegable. <option> Define unaopciónenunalistadesplegable <output>Nueva Define el resultadode uncálculo. <p> Define unpárrafo <param> Define unparámetroparaun objeto <pre> Define textopre formateado <progress>Nueva Representael progresode unatarea. <q> Define unacitacorta. <rp>Nueva Define que debe mostrarennavegadoresque no soportanscriptde ruby. <rt>Nueva Define unapronunciaciónde caracteres <ruby>Nueva Define notaciónde ruby. <s> Define textoque noescorrecto <samp> Define unaejemplode salidade unprograma. <script> Define scriptdel ladodel cliente <section>Nueva Define unasecciónenundocumento <select> Definesadrop-downlist <small> Definessmallertext <source>Nueva Define múltiplerecursosparaelementosde multimedio(<video>y<audio>)
  • 6. <span> Define unaseccinenundocument <strong> Define untextoennegrita <style> Define unestiloparalainformaciónde un documento <sub> Define untextoque essubíndice <summary>Nueva Define unencabezado visible para el elemento <details> <sup> Define untextoque essuperíndice <table> Define unatabla <tbody> Agrupael contenidodel cuerpode unatabla <td> Define unaceldaenunatabla <textarea> Define uncontrol de entradade múltiples líneas <tfoot> Agrupalosfootercontenidosenunatabla <th> Define unaceldade encabezadoenunatabla <thead> Agrupalosencabezadoscontenidosenuna tabla <time>Nueva Define unafecha/hora <title> Define untítulopara el documento. <tr> Define unafilaenunatable <track>Nueva Define textode lapistaparaelementosde multimedio(<video>y<audio>) <u> Definestextthatshouldbe stylisticallydifferent fromnormal text <ul> Define unalistadesordenada <var> Define unavariable <video>Nueva Define unvideoopelícula <wbr>Nueva Define unposiblesaltode línea.