SlideShare una empresa de Scribd logo
Unidad Educativa Particular
“Francisca de las Llagas”
Nahomy Cárdenas
1 BGU “B”
HTML
¿Qué es HTML?
• HTML es el lenguaje que se emplea para el desarrollo de páginas de
internet. Está compuesto por una serie de etiquetas que el navegador
interpreta y da forma en la pantalla. HTML dispone de etiquetas para
imágenes, hipervínculos que nos permiten dirigirnos a otras páginas,
saltos de línea, listas, tablas, etc.
•
¿Para que sirve?
• Podríamos decir que HTML sirve para crear páginas web, darles
estructura y contenido. Un ejemplo sencillo de código HTML podría
ser:
• <html>
• <body>
• <p>Esto es un párrafo. Bienvenidos a esta página web.</p>
• </body>
• </html>
Historia de HTML
• HTML nació públicamente en un documento llamado HTML Tags
(Etiquetas HTML), publicado por primera vez en Internet por Tim
Berners-Lee en 1991. En esta publicación se describen 22 etiquetas
que mostraban un diseño inicial y relativamente simple de HTML.
Varios de estos elementos se conservan en la actualidad.
•
Novedades de HTML
• Estructura del cuerpo: La mayoría de las webs tienen un formato común, formado por elementos como cabecera, pie, navegadores, etc. HTML
5 permite agrupar todas estas partes de una web en nuevas etiquetas que representarán cada uno de las partes típicas de una página.
• Etiquetas para contenido específico: Hasta ahora se utilizaba una única etiqueta para incorporar diversos tipos de contenido enriquecido,
como animaciones Flash o vídeo. Ahora se utilizarán etiquetas específicas para cada tipo de contenido en particular, como audio, vídeo, etc.
• Canvas: es un nuevo componente que permitirá dibujar, por medio de las funciones de un API, en la página todo tipo de formas, que podrán
estar animadas y responder a interacción del usuario. Es algo así como las posibilidades que nos ofrece Flash, pero dentro de la especificación
del HTML y sin la necesidad de tener instalado ningún plugin.
• Bases de datos locales: el navegador permitirá el uso de una base de datos local, con la que se podrá trabajar en una página web por medio
del cliente y a través de un API. Es algo así como las Cookies, pero pensadas para almacenar grandes cantidades de información, lo que
permitirá la creación de aplicaciones web que funcionen sin necesidad de estar conectados a Internet.
• Web Workers: son procesos que requieren bastante tiempo de procesamiento por parte del navegador, pero que se podrán realizar en un
segundo plano, para que el usuario no tenga que esperar que se terminen para empezar a usar la página. Para ello se dispondrá también de un
API para el trabajo con los Web Workers.
• Aplicaciones web Offline: Existirá otro API para el trabajo con aplicaciones web, que se podrán desarrollar de modo que funcionen también en
local y sin estar conectados a Internet.
• Geolocalización: Las páginas web se podrán localizar geográficamente por medio de un API que permita la Geolocalización.
• Nuevas APIs para interfaz de usuario: temas tan utilizados como el "drag & drop" (arrastrar y soltar) en las interfaces de usuario de los
programas convencionales, serán incorporadas al HTML 5 por medio de un API.
• Fin de las etiquetas de presentación: todas las etiquetas que tienen que ver con la presentación del documento, es decir, que modifican estilos
de la página, serán eliminadas. La responsabilidad de definir el aspecto de una web correrá a cargo únicamente de CSS.
•

Más contenido relacionado

La actualidad más candente

Pagina web
Pagina webPagina web
Pagina web
kathecorteza9602
 
Html y html5
Html y html5Html y html5
Html y html5
sebas1207
 
Paginas web definicion
Paginas web definicionPaginas web definicion
Paginas web definicion
guilleespino
 
Paginas Web Blogs Foros
Paginas Web Blogs ForosPaginas Web Blogs Foros
Paginas Web Blogs Foros
viorick
 
Páginas Web Estáticas y Dinámicas
Páginas Web Estáticas y DinámicasPáginas Web Estáticas y Dinámicas
Páginas Web Estáticas y DinámicasPaticoDay
 
Tipos de pagina web
Tipos de pagina webTipos de pagina web
Tipos de pagina web
Nikitab16
 
Tipos de página web
Tipos de página webTipos de página web
Tipos de página web
Nikitab16
 
paginas web
paginas webpaginas web
paginas web
Samir Barrios
 
Camila alejandra rodriguez zambrano
Camila alejandra rodriguez zambranoCamila alejandra rodriguez zambrano
Camila alejandra rodriguez zambranoCamilaZambrano
 
Actividad uno
Actividad unoActividad uno
Actividad uno
Sofi Herrera
 
Primerperiodo (1)
Primerperiodo (1)Primerperiodo (1)
Primerperiodo (1)
Whitney Castañeda
 
Ejemplos reales TPW
Ejemplos reales TPWEjemplos reales TPW
Ejemplos reales TPWYesenia_1226
 
Diseño de páginas Web
Diseño de páginas Web Diseño de páginas Web
Diseño de páginas Web
Digetech.net
 
Pags para crear sitios web
Pags para crear sitios webPags para crear sitios web
Pags para crear sitios web
Sara Isabel López Langarica
 
Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño WebLorena Guerrero
 
Actividad uno web blog
Actividad uno  web blogActividad uno  web blog
Actividad uno web blog
stefania buritica vargas
 
318847501 paginas-web
318847501 paginas-web318847501 paginas-web
318847501 paginas-web
Astrid Valdes
 

La actualidad más candente (20)

Pagina web
Pagina webPagina web
Pagina web
 
Html y html5
Html y html5Html y html5
Html y html5
 
Paginas web definicion
Paginas web definicionPaginas web definicion
Paginas web definicion
 
Paginas web
Paginas webPaginas web
Paginas web
 
Paginas Web Blogs Foros
Paginas Web Blogs ForosPaginas Web Blogs Foros
Paginas Web Blogs Foros
 
Dias positivas de dai
Dias positivas de daiDias positivas de dai
Dias positivas de dai
 
Páginas Web Estáticas y Dinámicas
Páginas Web Estáticas y DinámicasPáginas Web Estáticas y Dinámicas
Páginas Web Estáticas y Dinámicas
 
Tipos de pagina web
Tipos de pagina webTipos de pagina web
Tipos de pagina web
 
Tipos de página web
Tipos de página webTipos de página web
Tipos de página web
 
paginas web
paginas webpaginas web
paginas web
 
Camila alejandra rodriguez zambrano
Camila alejandra rodriguez zambranoCamila alejandra rodriguez zambrano
Camila alejandra rodriguez zambrano
 
Actividad uno
Actividad unoActividad uno
Actividad uno
 
Primerperiodo (1)
Primerperiodo (1)Primerperiodo (1)
Primerperiodo (1)
 
Ejemplos reales TPW
Ejemplos reales TPWEjemplos reales TPW
Ejemplos reales TPW
 
Diseño de páginas Web
Diseño de páginas Web Diseño de páginas Web
Diseño de páginas Web
 
Pags para crear sitios web
Pags para crear sitios webPags para crear sitios web
Pags para crear sitios web
 
Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño Web
 
Actividad uno web blog
Actividad uno  web blogActividad uno  web blog
Actividad uno web blog
 
Pagina web
Pagina webPagina web
Pagina web
 
318847501 paginas-web
318847501 paginas-web318847501 paginas-web
318847501 paginas-web
 

Destacado

wildlife week Telangana
wildlife week Telanganawildlife week Telangana
wildlife week Telangana
Chandrashekar Reddy
 
Menyisipkan file
Menyisipkan fileMenyisipkan file
Menyisipkan file
Rizkika Fadhila
 
Silabo segunda parte
Silabo segunda parteSilabo segunda parte
Silabo segunda parte
1600157505
 
РА "Коперник" портфолио 2015
РА "Коперник" портфолио 2015РА "Коперник" портфолио 2015
РА "Коперник" портфолио 2015
RaKopernik
 
National and state animals of India
National and state animals of IndiaNational and state animals of India
National and state animals of India
Indian Biodiversity Talks
 
Carlieuklima - промышленный производитель систем отопления
Carlieuklima - промышленный производитель систем отопленияCarlieuklima - промышленный производитель систем отопления
Carlieuklima - промышленный производитель систем отопления
dalregiongas
 
Natalinci
NatalinciNatalinci
Natalinci
kompjuter1000
 
Building New Client Relationships that Last
Building New Client Relationships that LastBuilding New Client Relationships that Last
Building New Client Relationships that Last
Brandon Schaefer
 
Latihan
LatihanLatihan
Gruppo Cividale Brochure (Italian/European Foundrys/Forging plants)
Gruppo Cividale Brochure (Italian/European Foundrys/Forging plants)Gruppo Cividale Brochure (Italian/European Foundrys/Forging plants)
Gruppo Cividale Brochure (Italian/European Foundrys/Forging plants)
Fisci Calogero
 
Dinucci - Apresentacao e-traducao_do_elogio_de_helena
Dinucci - Apresentacao e-traducao_do_elogio_de_helenaDinucci - Apresentacao e-traducao_do_elogio_de_helena
Dinucci - Apresentacao e-traducao_do_elogio_de_helena
Cesar de Alencar
 
A filosofia atual - Dardo Scavino
A filosofia atual - Dardo ScavinoA filosofia atual - Dardo Scavino
A filosofia atual - Dardo Scavino
Cesar de Alencar
 
Khalid Presentation on BNOC 2013
Khalid Presentation on BNOC 2013Khalid Presentation on BNOC 2013
Khalid Presentation on BNOC 2013
Bangladesh Atomic Energy Comission
 
Sejarah Kelas 12 SMA - Upaya Bangsa Indonesia dalam Menghadapi Ancaman Disint...
Sejarah Kelas 12 SMA - Upaya Bangsa Indonesia dalam Menghadapi Ancaman Disint...Sejarah Kelas 12 SMA - Upaya Bangsa Indonesia dalam Menghadapi Ancaman Disint...
Sejarah Kelas 12 SMA - Upaya Bangsa Indonesia dalam Menghadapi Ancaman Disint...
Wa Ode Aisyah Aisyah
 
Pradnya Satardekar_Software Tester
Pradnya Satardekar_Software TesterPradnya Satardekar_Software Tester
Pradnya Satardekar_Software TesterPradnya Satardekar
 

Destacado (16)

Silabo final.
Silabo  final.Silabo  final.
Silabo final.
 
wildlife week Telangana
wildlife week Telanganawildlife week Telangana
wildlife week Telangana
 
Menyisipkan file
Menyisipkan fileMenyisipkan file
Menyisipkan file
 
Silabo segunda parte
Silabo segunda parteSilabo segunda parte
Silabo segunda parte
 
РА "Коперник" портфолио 2015
РА "Коперник" портфолио 2015РА "Коперник" портфолио 2015
РА "Коперник" портфолио 2015
 
National and state animals of India
National and state animals of IndiaNational and state animals of India
National and state animals of India
 
Carlieuklima - промышленный производитель систем отопления
Carlieuklima - промышленный производитель систем отопленияCarlieuklima - промышленный производитель систем отопления
Carlieuklima - промышленный производитель систем отопления
 
Natalinci
NatalinciNatalinci
Natalinci
 
Building New Client Relationships that Last
Building New Client Relationships that LastBuilding New Client Relationships that Last
Building New Client Relationships that Last
 
Latihan
LatihanLatihan
Latihan
 
Gruppo Cividale Brochure (Italian/European Foundrys/Forging plants)
Gruppo Cividale Brochure (Italian/European Foundrys/Forging plants)Gruppo Cividale Brochure (Italian/European Foundrys/Forging plants)
Gruppo Cividale Brochure (Italian/European Foundrys/Forging plants)
 
Dinucci - Apresentacao e-traducao_do_elogio_de_helena
Dinucci - Apresentacao e-traducao_do_elogio_de_helenaDinucci - Apresentacao e-traducao_do_elogio_de_helena
Dinucci - Apresentacao e-traducao_do_elogio_de_helena
 
A filosofia atual - Dardo Scavino
A filosofia atual - Dardo ScavinoA filosofia atual - Dardo Scavino
A filosofia atual - Dardo Scavino
 
Khalid Presentation on BNOC 2013
Khalid Presentation on BNOC 2013Khalid Presentation on BNOC 2013
Khalid Presentation on BNOC 2013
 
Sejarah Kelas 12 SMA - Upaya Bangsa Indonesia dalam Menghadapi Ancaman Disint...
Sejarah Kelas 12 SMA - Upaya Bangsa Indonesia dalam Menghadapi Ancaman Disint...Sejarah Kelas 12 SMA - Upaya Bangsa Indonesia dalam Menghadapi Ancaman Disint...
Sejarah Kelas 12 SMA - Upaya Bangsa Indonesia dalam Menghadapi Ancaman Disint...
 
Pradnya Satardekar_Software Tester
Pradnya Satardekar_Software TesterPradnya Satardekar_Software Tester
Pradnya Satardekar_Software Tester
 

Similar a Html

HTML 5
HTML 5HTML 5
Diseño pagina web- html
Diseño pagina web- html Diseño pagina web- html
Diseño pagina web- html
carolina agudelo otero
 
Diseño de paginas y buscadores
Diseño de paginas y buscadores Diseño de paginas y buscadores
Diseño de paginas y buscadores
Santos Hau Kuyoc
 
Html luis felipe
Html luis felipeHtml luis felipe
Html luis felipe
4luis415
 
Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web8vivi8
 
HTML5
HTML5HTML5
HTML 5
HTML 5HTML 5
HTML5
HTML5HTML5
conceptos basicos HTML
conceptos basicos HTMLconceptos basicos HTML
conceptos basicos HTMLpiratadark123
 
Colegio nicolás esguerra
Colegio nicolás esguerraColegio nicolás esguerra
Colegio nicolás esguerrapiratadark123
 
Yeison fabian
Yeison fabianYeison fabian
Yeison fabianJhohan Cx
 
Jhohan nicolai
Jhohan nicolaiJhohan nicolai
Jhohan nicolaiJhohan Cx
 
Curso HTML 5 en Español
Curso HTML 5 en EspañolCurso HTML 5 en Español
Curso HTML 5 en Español
Facultad de Ciencias y Sistemas
 
Jesica Contreras Pinzon
Jesica Contreras Pinzon Jesica Contreras Pinzon
Jesica Contreras Pinzon
Yesica Contreras
 
Lenguaje html y sus usos
Lenguaje html y sus usosLenguaje html y sus usos
Lenguaje html y sus usos
MIguel Diaz
 

Similar a Html (20)

Html5
Html5Html5
Html5
 
Fundamentos de lenguaje html
Fundamentos de lenguaje htmlFundamentos de lenguaje html
Fundamentos de lenguaje html
 
HTML 5
HTML 5HTML 5
HTML 5
 
1-HTML EXPO.pdf
1-HTML EXPO.pdf1-HTML EXPO.pdf
1-HTML EXPO.pdf
 
HTML5+CSS3 01
HTML5+CSS3 01HTML5+CSS3 01
HTML5+CSS3 01
 
Diseño pagina web- html
Diseño pagina web- html Diseño pagina web- html
Diseño pagina web- html
 
Diseño de paginas y buscadores
Diseño de paginas y buscadores Diseño de paginas y buscadores
Diseño de paginas y buscadores
 
Html luis felipe
Html luis felipeHtml luis felipe
Html luis felipe
 
Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web
 
HTML5
HTML5HTML5
HTML5
 
HTML 5
HTML 5HTML 5
HTML 5
 
HTML5
HTML5HTML5
HTML5
 
conceptos basicos HTML
conceptos basicos HTMLconceptos basicos HTML
conceptos basicos HTML
 
Colegio nicolás esguerra
Colegio nicolás esguerraColegio nicolás esguerra
Colegio nicolás esguerra
 
Yeison fabian
Yeison fabianYeison fabian
Yeison fabian
 
Jhohan nicolai
Jhohan nicolaiJhohan nicolai
Jhohan nicolai
 
Curso HTML 5 en Español
Curso HTML 5 en EspañolCurso HTML 5 en Español
Curso HTML 5 en Español
 
Jesica Contreras Pinzon
Jesica Contreras Pinzon Jesica Contreras Pinzon
Jesica Contreras Pinzon
 
Lenguaje html y sus usos
Lenguaje html y sus usosLenguaje html y sus usos
Lenguaje html y sus usos
 
Html
HtmlHtml
Html
 

Último

ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
DanielErazoMedina
 
Alan Turing Vida o biografía resumida como presentación
Alan Turing Vida o biografía resumida como presentaciónAlan Turing Vida o biografía resumida como presentación
Alan Turing Vida o biografía resumida como presentación
JuanPrez962115
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
zoecaicedosalazar
 
Conceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. TecnologíaConceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. Tecnología
coloradxmaria
 
Conceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación ProyectoConceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación Proyecto
cofferub
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
IsabellaRubio6
 
biogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectosbiogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectos
Luis Enrique Zafra Haro
 
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTALINFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
CrystalRomero18
 
3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto
cdraco
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
thomasdcroz38
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
Leidyfuentes19
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Telefónica
 
Posnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativaPosnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativa
Fernando Villares
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
cristianrb0324
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
ItsSofi
 
Inteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdfInteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdf
Emilio Casbas
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
AlejandraCasallas7
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
raquelariza02
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
ManuelCampos464987
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
jjfch3110
 

Último (20)

ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
 
Alan Turing Vida o biografía resumida como presentación
Alan Turing Vida o biografía resumida como presentaciónAlan Turing Vida o biografía resumida como presentación
Alan Turing Vida o biografía resumida como presentación
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
 
Conceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. TecnologíaConceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. Tecnología
 
Conceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación ProyectoConceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación Proyecto
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
 
biogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectosbiogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectos
 
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTALINFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
 
3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
 
Posnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativaPosnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativa
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
 
Inteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdfInteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdf
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
 

Html

  • 1. Unidad Educativa Particular “Francisca de las Llagas” Nahomy Cárdenas 1 BGU “B” HTML
  • 2. ¿Qué es HTML? • HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una serie de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc. •
  • 3. ¿Para que sirve? • Podríamos decir que HTML sirve para crear páginas web, darles estructura y contenido. Un ejemplo sencillo de código HTML podría ser: • <html> • <body> • <p>Esto es un párrafo. Bienvenidos a esta página web.</p> • </body> • </html>
  • 4. Historia de HTML • HTML nació públicamente en un documento llamado HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991. En esta publicación se describen 22 etiquetas que mostraban un diseño inicial y relativamente simple de HTML. Varios de estos elementos se conservan en la actualidad. •
  • 5.
  • 6. Novedades de HTML • Estructura del cuerpo: La mayoría de las webs tienen un formato común, formado por elementos como cabecera, pie, navegadores, etc. HTML 5 permite agrupar todas estas partes de una web en nuevas etiquetas que representarán cada uno de las partes típicas de una página. • Etiquetas para contenido específico: Hasta ahora se utilizaba una única etiqueta para incorporar diversos tipos de contenido enriquecido, como animaciones Flash o vídeo. Ahora se utilizarán etiquetas específicas para cada tipo de contenido en particular, como audio, vídeo, etc. • Canvas: es un nuevo componente que permitirá dibujar, por medio de las funciones de un API, en la página todo tipo de formas, que podrán estar animadas y responder a interacción del usuario. Es algo así como las posibilidades que nos ofrece Flash, pero dentro de la especificación del HTML y sin la necesidad de tener instalado ningún plugin. • Bases de datos locales: el navegador permitirá el uso de una base de datos local, con la que se podrá trabajar en una página web por medio del cliente y a través de un API. Es algo así como las Cookies, pero pensadas para almacenar grandes cantidades de información, lo que permitirá la creación de aplicaciones web que funcionen sin necesidad de estar conectados a Internet. • Web Workers: son procesos que requieren bastante tiempo de procesamiento por parte del navegador, pero que se podrán realizar en un segundo plano, para que el usuario no tenga que esperar que se terminen para empezar a usar la página. Para ello se dispondrá también de un API para el trabajo con los Web Workers. • Aplicaciones web Offline: Existirá otro API para el trabajo con aplicaciones web, que se podrán desarrollar de modo que funcionen también en local y sin estar conectados a Internet. • Geolocalización: Las páginas web se podrán localizar geográficamente por medio de un API que permita la Geolocalización. • Nuevas APIs para interfaz de usuario: temas tan utilizados como el "drag & drop" (arrastrar y soltar) en las interfaces de usuario de los programas convencionales, serán incorporadas al HTML 5 por medio de un API. • Fin de las etiquetas de presentación: todas las etiquetas que tienen que ver con la presentación del documento, es decir, que modifican estilos de la página, serán eliminadas. La responsabilidad de definir el aspecto de una web correrá a cargo únicamente de CSS. •