SlideShare una empresa de Scribd logo
INSTITUTO TECNOLÓGICO DE NORORIENTE
ZACAPA
Perito Industria Alimentaria
InformáticaII
Dubley Omar SandovalHernández
HTML
Vargas Jordán, Silvia Daniela
5to. Sección “B”
PIA
Llanos de la Fragua
Miércoles, 25 de febrero de 2,915
HTML
« HTML, siglas de HyperText Markup Language («lenguaje de marcas de
hipertexto»), hace referencia al marcado para 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,
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.
El lenguaje HTML basa su filosofía de desarrollo en la referenciarían. Para añadir
un elemento externo a la página (imagen, vídeo, script, entre otros.), este no se
incrusta directamente en el código de la página, sino que se hace una referencia a
la ubicación de dicho elemento mediante texto. De este modo, la página web
contiene sólo texto mientras que recae en el navegador web (interpretador del
código) la tarea de unir todos los elementos y visualizar la página final. Al ser un
estándar, HTML busca ser un lenguaje que permita que cualquier página web
escrita en una determinada versión, pueda ser interpretada de la misma forma
(estándar) por cualquier navegador web actualizado.
Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y
suprimido diversas características, con el fin de hacerlo más eficiente y facilitar el
desarrollo de páginas web compatibles con distintos navegadores y plataformas
(PC de escritorio, portátiles, teléfonos inteligentes, tabletas, etc.). Sin embargo,
para interpretar correctamente una nueva versión de HTML, los desarrolladores de
navegadores web deben incorporar estos cambios y el usuario debe ser capaz de
usar la nueva versión del navegador con los cambios incorporados. Normalmente
los cambios son aplicados mediante parches de actualización automática
(Firefox, Chrome) u ofreciendo una nueva versión del navegador con todos los
cambios incorporados, en un sitio web de descarga oficial Internet ExplorEr. Un
navegador no actualizado no será capaz de interpretar correctamente una página
web escrita en una versión de HTML superior a la que pueda interpretar, lo que
obliga muchas veces a los desarrolladores a aplicar técnicas y cambios que
permitan corregir problemas de visualización e incluso de interpretación de código
HTML. Así mismo, las páginas escritas en una versión anterior de HTML deberían
ser actualizadas o reescritas, lo que no siempre se cumple. Es por ello que ciertos
navegadores aún mantienen la capacidad de interpretar páginas web de versiones
HTML anteriores. Por estas razones, aún existen diferencias entre distintos
navegadores y versiones al interpretar una misma página web.
HTML5
HTML5 DEMOS
Una colección de demos que muestran las últimas tecnologías HTML en acción.
HTML5 es la última evolución de la norma que define HTML. El término
representa dos conceptos diferentes
 Se trata de una nueva versión del lenguaje HTML, con nuevos elementos,
atributos y comportamientos,
 y un conjunto más amplio de tecnologías que permite a los sitios Web y las
aplicaciones más diversas y de gran alcance. Este conjunto se le llama HTML5 y
amigos y, a menudo reducido a sólo HTML5.
Diseñado para ser utilizable por todos los desarrolladores de Open Web, esta
referencia página enlaza numerosos recursos sobre las tecnologías de HTML5,
que se clasifican en varios grupos según su función.
 Semántica: lo que le permite describir con mayor precisión cuál es su contenido.
 Conectividad: lo que le permite comunicarse con el servidor de formas nuevas e
innovadoras.
 Desconectado y almacenamiento: permite a páginas web almacenar datos,
localmente, en el lado del cliente y operar fuera de línea de manera más eficiente.
 Multimedia: permite hacer vídeo y audio de ciudadanos de primera clase en la
Web abierta.
 Gráficos y efectos 2D/3D: permite una gama mucho más amplia de opciones de
presentación.
 Rendimiento e Integración: proporcionar una mayor optimización de la velocidad y
un mejor uso del hardware del equipo.
 Dispositivo de Acceso: admite el uso de varios dispositivos de entrada y salida.
 Styling: deja a los autores escribir temas más sofisticados.
TABLA DE ETIQUETA DE HTML
Atributos Valor Descripción
class nombre de la
clase
Asigna un nombre de clase.
El atributo class actúa:
 Como selector para las hojas de estilo(CSS),
cuando se asigna información de estilo a un
conjunto de elementos.
 Para procesos generales por parte del usuario.
id nombre Asigna un nombre a un elemento.
El atributo id actúa:
 Como selector para las hojas de estilo(CSS).
 Como vínculo destino para vínculos de hipertexto.
 Como medio de hacer referencia a un elemento en
particular desde un script.
 Como nombre de un elemento object declarado.
 Para procesos generales por parte del usuario.
style estilo Este atributo especifica información de estilo para el
elemento actual.
title nombre Este atributo ofrece información consultiva sobre el
elemento para el cual se establece.
dir ltr o rtl Especifica la dirección del texto.
Valores posibles:
 ltr : De izquierda a derecha (left to right).
 rtl : De derecha a izquierda (right to left).
lang código de
lenguaje
Especifica el idioma base de los valores de los
atributos y del texto contenido en un elemento.
El atributo lang es útil para:
 Ayudar a los motores de búsqueda.
 Ayudar a los sintetizadores de voz.
 Ayudar al agente de usuario a hacer decisiones
sobre separación de palabras, ligaduras, y
espaciado.
 Ayudar a los verificadores de ortografía y gramática.
Evento Valor Descripción
onkeydown script El script corre cuando se pulsa una tecla.
onkeypress script El script corre cuando se pulsa y se suelta una tecla.
onkeyup script El script corre cuando una tecla se suelta.
onclick script El script corre cuando se hace clic con el mouse.
ondblclick script El script corre cuando se hace doble clic con el
mouse.
onmousedown script El script corre cuando el botón del mouse se pulsa
cuando está encima de un elemento.
onmousemove script El script corre cuando el mouse se mueve mientras
está sobre un elemento.
onmouseout script El script corre cuando el mouse se aparta de un
elemento.
onmouseover script El script corre cuando el mouse se sitúa sobre un
elemento.
onmouseup script El script corre cuando el botón del mouse se suelta
cuando está encima de un elemento.

Más contenido relacionado

La actualidad más candente

Actividad #2
Actividad #2Actividad #2
Actividad #2
Paula Ortiz
 
Lenguajes de desarrollo web 2011
Lenguajes  de  desarrollo  web 2011Lenguajes  de  desarrollo  web 2011
Lenguajes de desarrollo web 2011
John Florez
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
David Steven Castillo Lopez
 
Trabajo de html sandy gutierrez
Trabajo de html sandy gutierrezTrabajo de html sandy gutierrez
Trabajo de html sandy gutierrez
SandyGutierrez98
 
Aspectos Importantes del lenguaje html
Aspectos Importantes del lenguaje htmlAspectos Importantes del lenguaje html
Aspectos Importantes del lenguaje html
Luigi Adames
 
Aspectos Importantes de el lenguaje html
Aspectos Importantes de el lenguaje htmlAspectos Importantes de el lenguaje html
Aspectos Importantes de el lenguaje html
Luigi Adames
 
Instituto tecnológico de nor 3
Instituto tecnológico de nor 3Instituto tecnológico de nor 3
Instituto tecnológico de nor 3
alexgalindo15
 
Colegio nacional nicolas esgerra
Colegio nacional nicolas esgerraColegio nacional nicolas esgerra
Colegio nacional nicolas esgerra
Brayan Camilo Ramirez Hincapie
 
Lenguajes de programación
Lenguajes de programaciónLenguajes de programación
Lenguajes de programación
KenixGalvezGG
 
Código html trabajo compu
Código html trabajo compuCódigo html trabajo compu
Código html trabajo compu
Paul David
 
Html
HtmlHtml
Valleyy mishi
Valleyy mishiValleyy mishi
Valleyy mishi
michive
 
Html thony
Html thonyHtml thony
Html thony
toni20garcia
 
Programacion web c5 programacion del lado servidor
Programacion web c5 programacion del lado servidorProgramacion web c5 programacion del lado servidor
Programacion web c5 programacion del lado servidor
Alejandro Hernandez
 
Avila lara 2
Avila lara  2Avila lara  2
Avila lara 2
kuencaisaac
 
Avila lara 2
Avila lara  2Avila lara  2
Avila lara 2
kuencaisaac
 

La actualidad más candente (16)

Actividad #2
Actividad #2Actividad #2
Actividad #2
 
Lenguajes de desarrollo web 2011
Lenguajes  de  desarrollo  web 2011Lenguajes  de  desarrollo  web 2011
Lenguajes de desarrollo web 2011
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Trabajo de html sandy gutierrez
Trabajo de html sandy gutierrezTrabajo de html sandy gutierrez
Trabajo de html sandy gutierrez
 
Aspectos Importantes del lenguaje html
Aspectos Importantes del lenguaje htmlAspectos Importantes del lenguaje html
Aspectos Importantes del lenguaje html
 
Aspectos Importantes de el lenguaje html
Aspectos Importantes de el lenguaje htmlAspectos Importantes de el lenguaje html
Aspectos Importantes de el lenguaje html
 
Instituto tecnológico de nor 3
Instituto tecnológico de nor 3Instituto tecnológico de nor 3
Instituto tecnológico de nor 3
 
Colegio nacional nicolas esgerra
Colegio nacional nicolas esgerraColegio nacional nicolas esgerra
Colegio nacional nicolas esgerra
 
Lenguajes de programación
Lenguajes de programaciónLenguajes de programación
Lenguajes de programación
 
Código html trabajo compu
Código html trabajo compuCódigo html trabajo compu
Código html trabajo compu
 
Html
HtmlHtml
Html
 
Valleyy mishi
Valleyy mishiValleyy mishi
Valleyy mishi
 
Html thony
Html thonyHtml thony
Html thony
 
Programacion web c5 programacion del lado servidor
Programacion web c5 programacion del lado servidorProgramacion web c5 programacion del lado servidor
Programacion web c5 programacion del lado servidor
 
Avila lara 2
Avila lara  2Avila lara  2
Avila lara 2
 
Avila lara 2
Avila lara  2Avila lara  2
Avila lara 2
 

Destacado

Links to car dealers in the MA, NH and ME area
Links to car dealers in the MA, NH and ME area Links to car dealers in the MA, NH and ME area
Links to car dealers in the MA, NH and ME area
Suzy Lee
 
blue whales_cascadia
blue whales_cascadiablue whales_cascadia
blue whales_cascadia
Ver Iriarte
 
Visitas virtuales karen
Visitas virtuales karenVisitas virtuales karen
Visitas virtuales karen
Mark Laurent
 
Western LA Business Office Report
Western LA Business Office ReportWestern LA Business Office Report
Western LA Business Office Report
Jonathan Larsen
 
Coge La Mejor Oferta En Las Mejores Marcas De Aadir Hasta Un Vestuario Increb...
Coge La Mejor Oferta En Las Mejores Marcas De Aadir Hasta Un Vestuario Increb...Coge La Mejor Oferta En Las Mejores Marcas De Aadir Hasta Un Vestuario Increb...
Coge La Mejor Oferta En Las Mejores Marcas De Aadir Hasta Un Vestuario Increb...
meyerxuoxqxmudy
 
Northern Illinois Rockford Heart Walk Slated for May of 2015
Northern Illinois Rockford Heart Walk Slated for May of 2015 Northern Illinois Rockford Heart Walk Slated for May of 2015
Northern Illinois Rockford Heart Walk Slated for May of 2015
Dr . Randy David Hassen
 
Irak
IrakIrak
Tej Kohli - Quoted Wordings
Tej Kohli - Quoted WordingsTej Kohli - Quoted Wordings
Tej Kohli - Quoted Wordings
rinkichellani
 
El banco de trujillo
El banco de trujilloEl banco de trujillo
El banco de trujillo
cintya elizabeth leon vasquez
 
Ozonowaniewod52
Ozonowaniewod52
Ozonowaniewod52
Ozonowaniewod52
warliketundra834
 
CLM cert
CLM certCLM cert
CLM cert
Santhosh Justin
 
0514 1 timothy 28 i want the men everywhere power point church sermon
0514 1 timothy 28 i want the men everywhere power point church sermon0514 1 timothy 28 i want the men everywhere power point church sermon
0514 1 timothy 28 i want the men everywhere power point church sermon
PowerPoint_Sermons
 
Gerencia reunion
Gerencia reunionGerencia reunion
Gerencia reunion
fannyrondon12
 
Irak
IrakIrak
-
--

Destacado (17)

Gebeurtenis
GebeurtenisGebeurtenis
Gebeurtenis
 
Links to car dealers in the MA, NH and ME area
Links to car dealers in the MA, NH and ME area Links to car dealers in the MA, NH and ME area
Links to car dealers in the MA, NH and ME area
 
blue whales_cascadia
blue whales_cascadiablue whales_cascadia
blue whales_cascadia
 
Visitas virtuales karen
Visitas virtuales karenVisitas virtuales karen
Visitas virtuales karen
 
Western LA Business Office Report
Western LA Business Office ReportWestern LA Business Office Report
Western LA Business Office Report
 
Coge La Mejor Oferta En Las Mejores Marcas De Aadir Hasta Un Vestuario Increb...
Coge La Mejor Oferta En Las Mejores Marcas De Aadir Hasta Un Vestuario Increb...Coge La Mejor Oferta En Las Mejores Marcas De Aadir Hasta Un Vestuario Increb...
Coge La Mejor Oferta En Las Mejores Marcas De Aadir Hasta Un Vestuario Increb...
 
Northern Illinois Rockford Heart Walk Slated for May of 2015
Northern Illinois Rockford Heart Walk Slated for May of 2015 Northern Illinois Rockford Heart Walk Slated for May of 2015
Northern Illinois Rockford Heart Walk Slated for May of 2015
 
Irak
IrakIrak
Irak
 
Tej Kohli - Quoted Wordings
Tej Kohli - Quoted WordingsTej Kohli - Quoted Wordings
Tej Kohli - Quoted Wordings
 
El banco de trujillo
El banco de trujilloEl banco de trujillo
El banco de trujillo
 
Ozonowaniewod52
Ozonowaniewod52
Ozonowaniewod52
Ozonowaniewod52
 
CLM cert
CLM certCLM cert
CLM cert
 
0514 1 timothy 28 i want the men everywhere power point church sermon
0514 1 timothy 28 i want the men everywhere power point church sermon0514 1 timothy 28 i want the men everywhere power point church sermon
0514 1 timothy 28 i want the men everywhere power point church sermon
 
Gerencia reunion
Gerencia reunionGerencia reunion
Gerencia reunion
 
Irak
IrakIrak
Irak
 
Doc4
Doc4Doc4
Doc4
 
-
--
-
 

Similar a Html daniela vargas

marlon cordon Html
marlon cordon Htmlmarlon cordon Html
marlon cordon Html
marcordon
 
Html
HtmlHtml
Html
HtmlHtml
Html
HtmlHtml
Html5
Html5Html5
Itecnor evelin oliva
Itecnor evelin olivaItecnor evelin oliva
Itecnor evelin oliva
evelinnnmarielaaa
 
Itecnor evelin oliva
Itecnor evelin olivaItecnor evelin oliva
Itecnor evelin oliva
evelinnnmarielaaa
 
Access
AccessAccess
Herramientas para paginas web
Herramientas para  paginas webHerramientas para  paginas web
Herramientas para paginas web
Anita Serna Marin
 
Juan sebastian
Juan sebastianJuan sebastian
Juan sebastian
Jhohan Cx
 
HTML
HTMLHTML
HTML
48651458
 
Quintanilla cabrera html
Quintanilla cabrera htmlQuintanilla cabrera html
Quintanilla cabrera html
everaldo1996
 
Html 5
Html 5Html 5
Html nathaly fajardo, melissa gomez
Html nathaly fajardo, melissa gomezHtml nathaly fajardo, melissa gomez
Html nathaly fajardo, melissa gomez
cheguen
 
Que es html zabaleta ruíz milton de jesús
Que es html zabaleta ruíz milton de jesúsQue es html zabaleta ruíz milton de jesús
Que es html zabaleta ruíz milton de jesús
miltonzabaleta1997
 
Todo sobre HTML5
Todo sobre HTML5Todo sobre HTML5
HTML5+CSS3 01
HTML5+CSS3 01HTML5+CSS3 01
HTML5+CSS3 01
Jorge Cantú López
 
Michael steven
Michael stevenMichael steven
Michael steven
Jhohan Cx
 
Jhohan nicolai
Jhohan nicolaiJhohan nicolai
Jhohan nicolai
Jhohan Cx
 
EQUIPO 2,LAS AGUILAS
EQUIPO 2,LAS AGUILASEQUIPO 2,LAS AGUILAS
EQUIPO 2,LAS AGUILAS
UNIV DE CIENCIAS Y ARTES
 

Similar a Html daniela vargas (20)

marlon cordon Html
marlon cordon Htmlmarlon cordon Html
marlon cordon Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html5
Html5Html5
Html5
 
Itecnor evelin oliva
Itecnor evelin olivaItecnor evelin oliva
Itecnor evelin oliva
 
Itecnor evelin oliva
Itecnor evelin olivaItecnor evelin oliva
Itecnor evelin oliva
 
Access
AccessAccess
Access
 
Herramientas para paginas web
Herramientas para  paginas webHerramientas para  paginas web
Herramientas para paginas web
 
Juan sebastian
Juan sebastianJuan sebastian
Juan sebastian
 
HTML
HTMLHTML
HTML
 
Quintanilla cabrera html
Quintanilla cabrera htmlQuintanilla cabrera html
Quintanilla cabrera html
 
Html 5
Html 5Html 5
Html 5
 
Html nathaly fajardo, melissa gomez
Html nathaly fajardo, melissa gomezHtml nathaly fajardo, melissa gomez
Html nathaly fajardo, melissa gomez
 
Que es html zabaleta ruíz milton de jesús
Que es html zabaleta ruíz milton de jesúsQue es html zabaleta ruíz milton de jesús
Que es html zabaleta ruíz milton de jesús
 
Todo sobre HTML5
Todo sobre HTML5Todo sobre HTML5
Todo sobre HTML5
 
HTML5+CSS3 01
HTML5+CSS3 01HTML5+CSS3 01
HTML5+CSS3 01
 
Michael steven
Michael stevenMichael steven
Michael steven
 
Jhohan nicolai
Jhohan nicolaiJhohan nicolai
Jhohan nicolai
 
EQUIPO 2,LAS AGUILAS
EQUIPO 2,LAS AGUILASEQUIPO 2,LAS AGUILAS
EQUIPO 2,LAS AGUILAS
 

Último

CINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍA
CINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍACINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍA
CINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍA
Fernández Gorka
 
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
 
Papel histórico de los niños, jóvenes y adultos mayores en la historia nacional
Papel histórico de los niños, jóvenes y adultos mayores en la historia nacionalPapel histórico de los niños, jóvenes y adultos mayores en la historia nacional
Papel histórico de los niños, jóvenes y adultos mayores en la historia nacional
BrunoDiaz343346
 
Gracias papá hombre_letra y acordes de guitarra.pdf
Gracias papá hombre_letra y acordes de guitarra.pdfGracias papá hombre_letra y acordes de guitarra.pdf
Gracias papá hombre_letra y acordes de guitarra.pdf
Ani Ann
 
proyectoszona21para el logro de real.pptx
proyectoszona21para el logro de real.pptxproyectoszona21para el logro de real.pptx
proyectoszona21para el logro de real.pptx
ChristianGmez48
 
La vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primariaLa vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primaria
EricaCouly1
 
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
 
Presentación simple corporativa degradado en violeta blanco.pdf
Presentación simple corporativa degradado en violeta blanco.pdfPresentación simple corporativa degradado en violeta blanco.pdf
Presentación simple corporativa degradado en violeta blanco.pdf
eleandroth
 
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdfCompartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
JimmyDeveloperWebAnd
 
PLAN 365 Presentación Gobierno 2024 (1).pdf
PLAN 365 Presentación Gobierno 2024  (1).pdfPLAN 365 Presentación Gobierno 2024  (1).pdf
PLAN 365 Presentación Gobierno 2024 (1).pdf
ElizabethLpez634570
 
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
 
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
 
Power Point: El conflicto inminente (Bosquejo)
Power Point: El conflicto inminente (Bosquejo)Power Point: El conflicto inminente (Bosquejo)
Power Point: El conflicto inminente (Bosquejo)
https://gramadal.wordpress.com/
 
p4s.co Ecosistema de Ecosistemas - Diagrama.pdf
p4s.co Ecosistema de Ecosistemas - Diagrama.pdfp4s.co Ecosistema de Ecosistemas - Diagrama.pdf
p4s.co Ecosistema de Ecosistemas - Diagrama.pdf
DavidCamiloMosquera
 
Eureka 2024 ideas y dudas para la feria de Ciencias
Eureka 2024 ideas y dudas para la feria de CienciasEureka 2024 ideas y dudas para la feria de Ciencias
Eureka 2024 ideas y dudas para la feria de Ciencias
arianet3011
 
1.- manual-para-la-creacion-33-dias-de-manifestacion-ulises-sampe.pdf
1.- manual-para-la-creacion-33-dias-de-manifestacion-ulises-sampe.pdf1.- manual-para-la-creacion-33-dias-de-manifestacion-ulises-sampe.pdf
1.- manual-para-la-creacion-33-dias-de-manifestacion-ulises-sampe.pdf
MiNeyi1
 
Clase Prensencial, Actividad 2.pdf.......
Clase Prensencial, Actividad 2.pdf.......Clase Prensencial, Actividad 2.pdf.......
Clase Prensencial, Actividad 2.pdf.......
LuanaJaime1
 
La filosofía presocrática y los filosofos más relvantes del periodo.
La filosofía presocrática y los filosofos más relvantes del periodo.La filosofía presocrática y los filosofos más relvantes del periodo.
La filosofía presocrática y los filosofos más relvantes del periodo.
DobbieElfo
 
Gracias papá voz mujer_letra y acordes de guitarra.pdf
Gracias papá voz mujer_letra y acordes de guitarra.pdfGracias papá voz mujer_letra y acordes de guitarra.pdf
Gracias papá voz mujer_letra y acordes de guitarra.pdf
Ani Ann
 
Prueba/test conoce tus heridas de la infancia
Prueba/test conoce tus heridas de la infanciaPrueba/test conoce tus heridas de la infancia
Prueba/test conoce tus heridas de la infancia
LudmilaOrtega3
 

Último (20)

CINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍA
CINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍACINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍA
CINE COMO RECURSO DIDÁCTICO para utilizar en TUTORÍA
 
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
 
Papel histórico de los niños, jóvenes y adultos mayores en la historia nacional
Papel histórico de los niños, jóvenes y adultos mayores en la historia nacionalPapel histórico de los niños, jóvenes y adultos mayores en la historia nacional
Papel histórico de los niños, jóvenes y adultos mayores en la historia nacional
 
Gracias papá hombre_letra y acordes de guitarra.pdf
Gracias papá hombre_letra y acordes de guitarra.pdfGracias papá hombre_letra y acordes de guitarra.pdf
Gracias papá hombre_letra y acordes de guitarra.pdf
 
proyectoszona21para el logro de real.pptx
proyectoszona21para el logro de real.pptxproyectoszona21para el logro de real.pptx
proyectoszona21para el logro de real.pptx
 
La vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primariaLa vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primaria
 
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
 
Presentación simple corporativa degradado en violeta blanco.pdf
Presentación simple corporativa degradado en violeta blanco.pdfPresentación simple corporativa degradado en violeta blanco.pdf
Presentación simple corporativa degradado en violeta blanco.pdf
 
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdfCompartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
 
PLAN 365 Presentación Gobierno 2024 (1).pdf
PLAN 365 Presentación Gobierno 2024  (1).pdfPLAN 365 Presentación Gobierno 2024  (1).pdf
PLAN 365 Presentación Gobierno 2024 (1).pdf
 
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
 
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
 
Power Point: El conflicto inminente (Bosquejo)
Power Point: El conflicto inminente (Bosquejo)Power Point: El conflicto inminente (Bosquejo)
Power Point: El conflicto inminente (Bosquejo)
 
p4s.co Ecosistema de Ecosistemas - Diagrama.pdf
p4s.co Ecosistema de Ecosistemas - Diagrama.pdfp4s.co Ecosistema de Ecosistemas - Diagrama.pdf
p4s.co Ecosistema de Ecosistemas - Diagrama.pdf
 
Eureka 2024 ideas y dudas para la feria de Ciencias
Eureka 2024 ideas y dudas para la feria de CienciasEureka 2024 ideas y dudas para la feria de Ciencias
Eureka 2024 ideas y dudas para la feria de Ciencias
 
1.- manual-para-la-creacion-33-dias-de-manifestacion-ulises-sampe.pdf
1.- manual-para-la-creacion-33-dias-de-manifestacion-ulises-sampe.pdf1.- manual-para-la-creacion-33-dias-de-manifestacion-ulises-sampe.pdf
1.- manual-para-la-creacion-33-dias-de-manifestacion-ulises-sampe.pdf
 
Clase Prensencial, Actividad 2.pdf.......
Clase Prensencial, Actividad 2.pdf.......Clase Prensencial, Actividad 2.pdf.......
Clase Prensencial, Actividad 2.pdf.......
 
La filosofía presocrática y los filosofos más relvantes del periodo.
La filosofía presocrática y los filosofos más relvantes del periodo.La filosofía presocrática y los filosofos más relvantes del periodo.
La filosofía presocrática y los filosofos más relvantes del periodo.
 
Gracias papá voz mujer_letra y acordes de guitarra.pdf
Gracias papá voz mujer_letra y acordes de guitarra.pdfGracias papá voz mujer_letra y acordes de guitarra.pdf
Gracias papá voz mujer_letra y acordes de guitarra.pdf
 
Prueba/test conoce tus heridas de la infancia
Prueba/test conoce tus heridas de la infanciaPrueba/test conoce tus heridas de la infancia
Prueba/test conoce tus heridas de la infancia
 

Html daniela vargas

  • 1. INSTITUTO TECNOLÓGICO DE NORORIENTE ZACAPA Perito Industria Alimentaria InformáticaII Dubley Omar SandovalHernández HTML Vargas Jordán, Silvia Daniela 5to. Sección “B” PIA Llanos de la Fragua Miércoles, 25 de febrero de 2,915
  • 2. HTML « HTML, siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al marcado para 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, 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. El lenguaje HTML basa su filosofía de desarrollo en la referenciarían. Para añadir un elemento externo a la página (imagen, vídeo, script, entre otros.), este no se incrusta directamente en el código de la página, sino que se hace una referencia a la ubicación de dicho elemento mediante texto. De este modo, la página web contiene sólo texto mientras que recae en el navegador web (interpretador del código) la tarea de unir todos los elementos y visualizar la página final. Al ser un estándar, HTML busca ser un lenguaje que permita que cualquier página web escrita en una determinada versión, pueda ser interpretada de la misma forma (estándar) por cualquier navegador web actualizado. Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y suprimido diversas características, con el fin de hacerlo más eficiente y facilitar el desarrollo de páginas web compatibles con distintos navegadores y plataformas (PC de escritorio, portátiles, teléfonos inteligentes, tabletas, etc.). Sin embargo, para interpretar correctamente una nueva versión de HTML, los desarrolladores de navegadores web deben incorporar estos cambios y el usuario debe ser capaz de usar la nueva versión del navegador con los cambios incorporados. Normalmente los cambios son aplicados mediante parches de actualización automática (Firefox, Chrome) u ofreciendo una nueva versión del navegador con todos los cambios incorporados, en un sitio web de descarga oficial Internet ExplorEr. Un navegador no actualizado no será capaz de interpretar correctamente una página web escrita en una versión de HTML superior a la que pueda interpretar, lo que obliga muchas veces a los desarrolladores a aplicar técnicas y cambios que permitan corregir problemas de visualización e incluso de interpretación de código HTML. Así mismo, las páginas escritas en una versión anterior de HTML deberían ser actualizadas o reescritas, lo que no siempre se cumple. Es por ello que ciertos navegadores aún mantienen la capacidad de interpretar páginas web de versiones HTML anteriores. Por estas razones, aún existen diferencias entre distintos navegadores y versiones al interpretar una misma página web.
  • 3. HTML5 HTML5 DEMOS Una colección de demos que muestran las últimas tecnologías HTML en acción. HTML5 es la última evolución de la norma que define HTML. El término representa dos conceptos diferentes  Se trata de una nueva versión del lenguaje HTML, con nuevos elementos, atributos y comportamientos,  y un conjunto más amplio de tecnologías que permite a los sitios Web y las aplicaciones más diversas y de gran alcance. Este conjunto se le llama HTML5 y amigos y, a menudo reducido a sólo HTML5. Diseñado para ser utilizable por todos los desarrolladores de Open Web, esta referencia página enlaza numerosos recursos sobre las tecnologías de HTML5, que se clasifican en varios grupos según su función.  Semántica: lo que le permite describir con mayor precisión cuál es su contenido.  Conectividad: lo que le permite comunicarse con el servidor de formas nuevas e innovadoras.  Desconectado y almacenamiento: permite a páginas web almacenar datos, localmente, en el lado del cliente y operar fuera de línea de manera más eficiente.  Multimedia: permite hacer vídeo y audio de ciudadanos de primera clase en la Web abierta.  Gráficos y efectos 2D/3D: permite una gama mucho más amplia de opciones de presentación.  Rendimiento e Integración: proporcionar una mayor optimización de la velocidad y un mejor uso del hardware del equipo.  Dispositivo de Acceso: admite el uso de varios dispositivos de entrada y salida.  Styling: deja a los autores escribir temas más sofisticados. TABLA DE ETIQUETA DE HTML Atributos Valor Descripción class nombre de la clase Asigna un nombre de clase. El atributo class actúa:
  • 4.  Como selector para las hojas de estilo(CSS), cuando se asigna información de estilo a un conjunto de elementos.  Para procesos generales por parte del usuario. id nombre Asigna un nombre a un elemento. El atributo id actúa:  Como selector para las hojas de estilo(CSS).  Como vínculo destino para vínculos de hipertexto.  Como medio de hacer referencia a un elemento en particular desde un script.  Como nombre de un elemento object declarado.  Para procesos generales por parte del usuario. style estilo Este atributo especifica información de estilo para el elemento actual. title nombre Este atributo ofrece información consultiva sobre el elemento para el cual se establece. dir ltr o rtl Especifica la dirección del texto. Valores posibles:  ltr : De izquierda a derecha (left to right).  rtl : De derecha a izquierda (right to left). lang código de lenguaje Especifica el idioma base de los valores de los atributos y del texto contenido en un elemento. El atributo lang es útil para:  Ayudar a los motores de búsqueda.  Ayudar a los sintetizadores de voz.  Ayudar al agente de usuario a hacer decisiones sobre separación de palabras, ligaduras, y espaciado.  Ayudar a los verificadores de ortografía y gramática. Evento Valor Descripción onkeydown script El script corre cuando se pulsa una tecla. onkeypress script El script corre cuando se pulsa y se suelta una tecla. onkeyup script El script corre cuando una tecla se suelta. onclick script El script corre cuando se hace clic con el mouse.
  • 5. ondblclick script El script corre cuando se hace doble clic con el mouse. onmousedown script El script corre cuando el botón del mouse se pulsa cuando está encima de un elemento. onmousemove script El script corre cuando el mouse se mueve mientras está sobre un elemento. onmouseout script El script corre cuando el mouse se aparta de un elemento. onmouseover script El script corre cuando el mouse se sitúa sobre un elemento. onmouseup script El script corre cuando el botón del mouse se suelta cuando está encima de un elemento.