SlideShare una empresa de Scribd logo
Qué es HTML 
• HTML es el lenguaje con el que se definen las 
páginas web. Básicamente se trata de un 
conjunto de etiquetas que sirven para definir 
el texto y otros elementos que compondrán 
una página web.
HISTORIA DEL HTML 
• Este lenguaje fue desarrollado por la 
Organización Europea de Investigación Nuclear 
(CERN) en el año 1945 con la finalidad de 
desarrollar un sistema de almacenamiento donde 
las cosas no se perdieran, que pudieran ser 
conectadas a través de hipervínculos. 
Primeramente crearon un dispositivo llamado 
“memex”, el cual era considerado como un 
suplemento para la memoria.Posteriormente, 
Douglas Engelbart, diseñó un entorno de trabajo 
por computadora que recibiría el nombre de 
oNLine System que poseía un catálogo para 
facilitar la tarea de búsqueda dentro de un mismo 
organismo.
• Recién en 1965, Ted Nelson acuñó el término 
hipervínculo, ideando una estructura que se encontraba 
conectada de forma electrónica y que más tarde 
permitiría la creación de la World Wide Web (1989), un 
sistema de hipertexto a través del cual era posible 
compartir una variada información sirviéndose de 
Internet (servía para la comunicación entre 
investigadores nucleares que formaran parte del 
CERN).El norteamericano Tim Berners-Lee fue el primero 
en proponer una descripción de HTML en un documento 
que publicó en 1991. Allí describía veintidós 
componentes que suponen el diseño más básico y simple 
del HTMLEl tipo de codificación que se utilizó para el 
desarrollo de este sistema de hipervínculos debía ser 
comprendido, tanto por ordenadores tontos como por 
mega-estaciones, por eso fue necesario crear uno 
absolutamente simples, tanto en lo que respectaba al 
lenguaje de intercambio (HTML), como el que hacía 
referencia al protocolo de red (HTTP).
• Al día de hoy existen los Editores Web que 
permiten que los diseñadores, a través de 
herramientas gráficas que reciben el nombre de 
WYSIWYG puedan crear páginas web sin conocer 
el código html, este se crea de forma 
automatizada, dándole estructura a la web y 
permitiendo que sea más allá del ordenador 
donde es creada. Entre los recursos que pueden 
enlazarse al código HTML se encuentran 
fotografías, vídeos, archivos de otras webs o 
incluso de la misma y todo tipo de contenido que 
se encuentre subido a la red.
INICIO DEL HTML 
• El HTML se creó en un principio con objetivos divulgativos 
de información con texto y algunas imágenes. No se pensó 
que llegara a ser utilizado para crear área de ocio y consulta 
con carácter multimedia (lo que es actualmente la web), de 
modo que, el HTML se creó sin dar respuesta a todos los 
posibles usos que se le iba a dar y a todos los colectivos de 
gente que lo utilizarían en un futuro. Sin embargo, pese a 
esta deficiente planificación, si que se han ido incorporando 
modificaciones con el tiempo, estos son los estándares del 
HTML. Numerosos estándares se han presentado ya. El 
HTML 4.01 es el último estándar a febrero de 2001. 
Actualización a mayo de 2005, en estos momentos está 
apunto de presentarse la versión 5 de HTML, de la que ya 
se tiene un borrador casi definitivo.
DE QUE TRATA EL HTML 
• Se trata de un formato abierto que surgió a partir de 
las etiquetas SGML (Standard Generalized Markup 
Language). Concepto traducido generalmente como 
“Estándar de Lenguaje de Marcado Generalizado” y 
que se entiende como un sistema que permite ordenar 
y etiquetar diversos documentos dentro de una lista. 
Este lenguaje es el que se utiliza para especificar los 
nombres de las etiquetas que se utilizarán al ordenar, 
no existen reglas para dicha organización, por eso se 
dice que es un sistema de formato abierto.
EL HTML SE ENCARGA 
• EL HTML se encarga de desarrollar una descripción 
sobre los contenidos que aparecen como textos y sobre 
su estructura, complementando dicho texto con 
diversos objetos (como fotografías, animaciones, etc). 
• Es un lenguaje muy simple y general que sirve para 
definir otros lenguajes que tienen que ver con el 
formato de los documentos. El texto en él se crea a 
partir de etiquetas, también llamadas tags, que 
permiten interconectar diversos conceptos y formatos.
COMO SE USA 
• 1. La definición del tipo de documento: <!DOCTYPE html> 
• Define el tipo de documento, siempre debe de ir en las primeras líneas de 
código. 
• 2. Elemento raíz: <html></html> 
• Elemento raíz, que dependen de todos los elementos visibles de la pagina 
web, dentro de ellas tenemos el <head> y <body>. 
• 3. Cabeza: <head></head> 
• El head contiene datos propios del documento, aunque es invisible la 
información que va en el head influye a la pagina, aquí es donde va la 
etiqueta <title></title> que es lo que muestra la barra de titulo, también es 
aquí donde se incluyen los archivos CSS y Javascript.
4. El contenido de la pagina web: <body></body> 
Dentro de este elemento <body> se encuentra todo lo visible de la 
pagina web. 
5. El titulo de la pagina dentro del body: <h1></h1> 
h1 significa Heading 1 y es el elemento mas crucial para el correcto 
posicionamiento web. 
6. Por ultimo el parrafo: <p></p> 
El elemento paragraph sirve para contener parrafos. 
Eso seria todo con este tutorial, si quieres ver toda la lista de 
elementos HTML e información mas detallada sigue este enlace.

Más contenido relacionado

La actualidad más candente

Elementos de una pagina web
Elementos de una pagina webElementos de una pagina web
Elementos de una pagina webThaTiiz Vargas
 
definiciones
definicionesdefiniciones
definiciones
lopo
 
Que es el internet.pptx
Que es el internet.pptxQue es el internet.pptx
Que es el internet.pptx
joselinguaman
 
slideshare
slideshareslideshare
slideshare
TatianaGuashpa
 
World wide web
World wide webWorld wide web
World wide web
joisgiraldo
 
Informatica www
Informatica wwwInformatica www
Informatica www
123856no
 
Html
HtmlHtml
Pagina web2.0
Pagina web2.0Pagina web2.0
Pagina web2.0brayann2
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerraPaola P
 
Tecnologia
TecnologiaTecnologia
Tecnologia13151997
 
Carmen andrea ariza gonzalez
Carmen andrea ariza gonzalezCarmen andrea ariza gonzalez
Carmen andrea ariza gonzalezkrmenandrea
 
Internet
InternetInternet
Internet
Aroita25
 
Conceptos Básicos HTML
Conceptos Básicos HTMLConceptos Básicos HTML
Conceptos Básicos HTML
Patricio Mas
 

La actualidad más candente (16)

Elementos de una pagina web
Elementos de una pagina webElementos de una pagina web
Elementos de una pagina web
 
definiciones
definicionesdefiniciones
definiciones
 
Que es el internet.pptx
Que es el internet.pptxQue es el internet.pptx
Que es el internet.pptx
 
slideshare
slideshareslideshare
slideshare
 
World wide web
World wide webWorld wide web
World wide web
 
Informatica www
Informatica wwwInformatica www
Informatica www
 
Lore
LoreLore
Lore
 
Html
HtmlHtml
Html
 
Pagina web2.0
Pagina web2.0Pagina web2.0
Pagina web2.0
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Informatica
InformaticaInformatica
Informatica
 
Tecnologia
TecnologiaTecnologia
Tecnologia
 
Carmen andrea ariza gonzalez
Carmen andrea ariza gonzalezCarmen andrea ariza gonzalez
Carmen andrea ariza gonzalez
 
Internet
InternetInternet
Internet
 
Conceptos Básicos HTML
Conceptos Básicos HTMLConceptos Básicos HTML
Conceptos Básicos HTML
 
Presentación1
Presentación1Presentación1
Presentación1
 

Destacado

Samara nunca te rindas
Samara nunca te rindasSamara nunca te rindas
Samara nunca te rindas
Samara Ruiz
 
MADE IN ITALY - 23-24 APRILE 2014
MADE IN ITALY - 23-24 APRILE 2014MADE IN ITALY - 23-24 APRILE 2014
MADE IN ITALY - 23-24 APRILE 2014roberto corbelli
 
20 años perdida en la jungla de camboya edición impresa el país
20 años perdida en la jungla de camboya   edición impresa   el país20 años perdida en la jungla de camboya   edición impresa   el país
20 años perdida en la jungla de camboya edición impresa el país
nitilainho
 
Sesiones extraordinarias
Sesiones extraordinarias Sesiones extraordinarias
Sesiones extraordinarias guest496eca2
 
Pr 18 10_sf_kormoran
Pr 18 10_sf_kormoranPr 18 10_sf_kormoran
Pr 18 10_sf_kormoranMartin Rajcan
 
Biotecnologia 2
Biotecnologia 2Biotecnologia 2
Biotecnologia 2
luzargenisperezc
 
Я тоже хочу работать в сметане
Я тоже хочу работать в сметанеЯ тоже хочу работать в сметане
Я тоже хочу работать в сметанеАртемьев Артём
 
ADV. oil tanker training cert.
ADV. oil tanker training cert.ADV. oil tanker training cert.
ADV. oil tanker training cert.
Mohamed Moustafa
 
Ley general de la educación
Ley general de la educaciónLey general de la educación
Ley general de la educación
Rositaiki Sunza
 
Air mixture
Air mixtureAir mixture
Air mixture
aditi sharma
 
Presentatie Inhoud De Mvo Wijzer Algemeen
Presentatie Inhoud De Mvo Wijzer AlgemeenPresentatie Inhoud De Mvo Wijzer Algemeen
Presentatie Inhoud De Mvo Wijzer Algemeen
Wendy-Jane Quaijtaal - Edwards van Muijen
 
Www carinquotes com_learning_center
Www carinquotes com_learning_centerWww carinquotes com_learning_center
Www carinquotes com_learning_center
Freddie_Harrison8439
 
Gulzar e tareeqat sawaneh hayat pir muhammad bakhsh lakhan shareef
Gulzar e tareeqat sawaneh hayat pir muhammad bakhsh lakhan shareefGulzar e tareeqat sawaneh hayat pir muhammad bakhsh lakhan shareef
Gulzar e tareeqat sawaneh hayat pir muhammad bakhsh lakhan shareef
Muhammad Tariq
 

Destacado (18)

CERTIFICATE -PNG
CERTIFICATE -PNGCERTIFICATE -PNG
CERTIFICATE -PNG
 
Samara nunca te rindas
Samara nunca te rindasSamara nunca te rindas
Samara nunca te rindas
 
MADE IN ITALY - 23-24 APRILE 2014
MADE IN ITALY - 23-24 APRILE 2014MADE IN ITALY - 23-24 APRILE 2014
MADE IN ITALY - 23-24 APRILE 2014
 
20 años perdida en la jungla de camboya edición impresa el país
20 años perdida en la jungla de camboya   edición impresa   el país20 años perdida en la jungla de camboya   edición impresa   el país
20 años perdida en la jungla de camboya edición impresa el país
 
Sesiones extraordinarias
Sesiones extraordinarias Sesiones extraordinarias
Sesiones extraordinarias
 
Pr 18 10_sf_kormoran
Pr 18 10_sf_kormoranPr 18 10_sf_kormoran
Pr 18 10_sf_kormoran
 
Biotecnologia 2
Biotecnologia 2Biotecnologia 2
Biotecnologia 2
 
Я тоже хочу работать в сметане
Я тоже хочу работать в сметанеЯ тоже хочу работать в сметане
Я тоже хочу работать в сметане
 
ADV. oil tanker training cert.
ADV. oil tanker training cert.ADV. oil tanker training cert.
ADV. oil tanker training cert.
 
Ley general de la educación
Ley general de la educaciónLey general de la educación
Ley general de la educación
 
Air mixture
Air mixtureAir mixture
Air mixture
 
eiei
eieieiei
eiei
 
Link3
Link3Link3
Link3
 
Medellín
Medellín Medellín
Medellín
 
Presentatie Inhoud De Mvo Wijzer Algemeen
Presentatie Inhoud De Mvo Wijzer AlgemeenPresentatie Inhoud De Mvo Wijzer Algemeen
Presentatie Inhoud De Mvo Wijzer Algemeen
 
Www carinquotes com_learning_center
Www carinquotes com_learning_centerWww carinquotes com_learning_center
Www carinquotes com_learning_center
 
Gulzar e tareeqat sawaneh hayat pir muhammad bakhsh lakhan shareef
Gulzar e tareeqat sawaneh hayat pir muhammad bakhsh lakhan shareefGulzar e tareeqat sawaneh hayat pir muhammad bakhsh lakhan shareef
Gulzar e tareeqat sawaneh hayat pir muhammad bakhsh lakhan shareef
 
Nuevo
NuevoNuevo
Nuevo
 

Similar a HTML

Introdución al html
Introdución al htmlIntrodución al html
Introdución al htmlramoniutepi
 
Códigos HTML.pptx Sede magdalena ortega de nariño
Códigos HTML.pptx Sede magdalena ortega de nariñoCódigos HTML.pptx Sede magdalena ortega de nariño
Códigos HTML.pptx Sede magdalena ortega de nariño
stephanych208
 
Historia del HTML
Historia del HTMLHistoria del HTML
Historia del HTML
AngelTorres325
 
Historia de html
Historia de htmlHistoria de html
Historia de html
JesusDavid108
 
Html
HtmlHtml
Html
CJAO
 
Htlm y javascrip
Htlm y javascripHtlm y javascrip
Htlm y javascrip
juan jose
 
Htlm y javascrip
Htlm y javascripHtlm y javascrip
Htlm y javascrip
juan jose
 
Eduardo cordón
Eduardo cordónEduardo cordón
Eduardo cordón
eduardocordonycordon
 
Rosi karina
Rosi karinaRosi karina
Rosi karina
cortezleonardo55
 
programamcion html
programamcion htmlprogramamcion html
programamcion html
guesta871cd
 
asignación de html
asignación de htmlasignación de html
asignación de html
victorMarchan1
 
Desarrolla aplicaciones-web
Desarrolla aplicaciones-webDesarrolla aplicaciones-web
Desarrolla aplicaciones-web
MaryCarmen Rivera
 
el HTML.pptx
el HTML.pptxel HTML.pptx
el HTML.pptx
fnixYT
 
Trabajo reflexico 2 marco teorico
Trabajo reflexico 2   marco teoricoTrabajo reflexico 2   marco teorico
Trabajo reflexico 2 marco teorico
ShaDowcat Adler Pillaca Sicha
 
Coronado Morales. (Html)
Coronado Morales. (Html)Coronado Morales. (Html)
Coronado Morales. (Html)
AndreaCoronado98
 

Similar a HTML (20)

Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
Introdución al html
Introdución al htmlIntrodución al html
Introdución al html
 
Códigos HTML.pptx Sede magdalena ortega de nariño
Códigos HTML.pptx Sede magdalena ortega de nariñoCódigos HTML.pptx Sede magdalena ortega de nariño
Códigos HTML.pptx Sede magdalena ortega de nariño
 
Historia del HTML
Historia del HTMLHistoria del HTML
Historia del HTML
 
Html
HtmlHtml
Html
 
html-.pptx
html-.pptxhtml-.pptx
html-.pptx
 
Historia de html
Historia de htmlHistoria de html
Historia de html
 
Html
HtmlHtml
Html
 
Htlm y javascrip
Htlm y javascripHtlm y javascrip
Htlm y javascrip
 
Htlm y javascrip
Htlm y javascripHtlm y javascrip
Htlm y javascrip
 
Alexandra gonzález
Alexandra gonzálezAlexandra gonzález
Alexandra gonzález
 
Eduardo cordón
Eduardo cordónEduardo cordón
Eduardo cordón
 
Rosi karina
Rosi karinaRosi karina
Rosi karina
 
Rosi karina
Rosi karinaRosi karina
Rosi karina
 
programamcion html
programamcion htmlprogramamcion html
programamcion html
 
asignación de html
asignación de htmlasignación de html
asignación de html
 
Desarrolla aplicaciones-web
Desarrolla aplicaciones-webDesarrolla aplicaciones-web
Desarrolla aplicaciones-web
 
el HTML.pptx
el HTML.pptxel HTML.pptx
el HTML.pptx
 
Trabajo reflexico 2 marco teorico
Trabajo reflexico 2   marco teoricoTrabajo reflexico 2   marco teorico
Trabajo reflexico 2 marco teorico
 
Coronado Morales. (Html)
Coronado Morales. (Html)Coronado Morales. (Html)
Coronado Morales. (Html)
 

Último

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
 
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
 
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
 
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
 
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
 
EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clases
PABLOCESARGARZONBENI
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
AlejandraCasallas7
 
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
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
DiegoCampos433849
 
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
 
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
 
Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestre
rafaelsalazar0615
 
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
 
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
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
vazquezgarciajesusma
 
Robótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptxRobótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptx
44652726
 
3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto
cdraco
 
Í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
 

Último (20)

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
 
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
 
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
 
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
 
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
 
EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clases
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
 
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
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
 
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
 
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
 
Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestre
 
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
 
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
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
Robótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptxRobótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptx
 
3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto
 
Í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...
 

HTML

  • 1.
  • 2. Qué es HTML • HTML es el lenguaje con el que se definen las páginas web. Básicamente se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán una página web.
  • 3. HISTORIA DEL HTML • Este lenguaje fue desarrollado por la Organización Europea de Investigación Nuclear (CERN) en el año 1945 con la finalidad de desarrollar un sistema de almacenamiento donde las cosas no se perdieran, que pudieran ser conectadas a través de hipervínculos. Primeramente crearon un dispositivo llamado “memex”, el cual era considerado como un suplemento para la memoria.Posteriormente, Douglas Engelbart, diseñó un entorno de trabajo por computadora que recibiría el nombre de oNLine System que poseía un catálogo para facilitar la tarea de búsqueda dentro de un mismo organismo.
  • 4. • Recién en 1965, Ted Nelson acuñó el término hipervínculo, ideando una estructura que se encontraba conectada de forma electrónica y que más tarde permitiría la creación de la World Wide Web (1989), un sistema de hipertexto a través del cual era posible compartir una variada información sirviéndose de Internet (servía para la comunicación entre investigadores nucleares que formaran parte del CERN).El norteamericano Tim Berners-Lee fue el primero en proponer una descripción de HTML en un documento que publicó en 1991. Allí describía veintidós componentes que suponen el diseño más básico y simple del HTMLEl tipo de codificación que se utilizó para el desarrollo de este sistema de hipervínculos debía ser comprendido, tanto por ordenadores tontos como por mega-estaciones, por eso fue necesario crear uno absolutamente simples, tanto en lo que respectaba al lenguaje de intercambio (HTML), como el que hacía referencia al protocolo de red (HTTP).
  • 5. • Al día de hoy existen los Editores Web que permiten que los diseñadores, a través de herramientas gráficas que reciben el nombre de WYSIWYG puedan crear páginas web sin conocer el código html, este se crea de forma automatizada, dándole estructura a la web y permitiendo que sea más allá del ordenador donde es creada. Entre los recursos que pueden enlazarse al código HTML se encuentran fotografías, vídeos, archivos de otras webs o incluso de la misma y todo tipo de contenido que se encuentre subido a la red.
  • 6. INICIO DEL HTML • El HTML se creó en un principio con objetivos divulgativos de información con texto y algunas imágenes. No se pensó que llegara a ser utilizado para crear área de ocio y consulta con carácter multimedia (lo que es actualmente la web), de modo que, el HTML se creó sin dar respuesta a todos los posibles usos que se le iba a dar y a todos los colectivos de gente que lo utilizarían en un futuro. Sin embargo, pese a esta deficiente planificación, si que se han ido incorporando modificaciones con el tiempo, estos son los estándares del HTML. Numerosos estándares se han presentado ya. El HTML 4.01 es el último estándar a febrero de 2001. Actualización a mayo de 2005, en estos momentos está apunto de presentarse la versión 5 de HTML, de la que ya se tiene un borrador casi definitivo.
  • 7. DE QUE TRATA EL HTML • Se trata de un formato abierto que surgió a partir de las etiquetas SGML (Standard Generalized Markup Language). Concepto traducido generalmente como “Estándar de Lenguaje de Marcado Generalizado” y que se entiende como un sistema que permite ordenar y etiquetar diversos documentos dentro de una lista. Este lenguaje es el que se utiliza para especificar los nombres de las etiquetas que se utilizarán al ordenar, no existen reglas para dicha organización, por eso se dice que es un sistema de formato abierto.
  • 8. EL HTML SE ENCARGA • EL HTML se encarga de desarrollar una descripción sobre los contenidos que aparecen como textos y sobre su estructura, complementando dicho texto con diversos objetos (como fotografías, animaciones, etc). • Es un lenguaje muy simple y general que sirve para definir otros lenguajes que tienen que ver con el formato de los documentos. El texto en él se crea a partir de etiquetas, también llamadas tags, que permiten interconectar diversos conceptos y formatos.
  • 9. COMO SE USA • 1. La definición del tipo de documento: <!DOCTYPE html> • Define el tipo de documento, siempre debe de ir en las primeras líneas de código. • 2. Elemento raíz: <html></html> • Elemento raíz, que dependen de todos los elementos visibles de la pagina web, dentro de ellas tenemos el <head> y <body>. • 3. Cabeza: <head></head> • El head contiene datos propios del documento, aunque es invisible la información que va en el head influye a la pagina, aquí es donde va la etiqueta <title></title> que es lo que muestra la barra de titulo, también es aquí donde se incluyen los archivos CSS y Javascript.
  • 10. 4. El contenido de la pagina web: <body></body> Dentro de este elemento <body> se encuentra todo lo visible de la pagina web. 5. El titulo de la pagina dentro del body: <h1></h1> h1 significa Heading 1 y es el elemento mas crucial para el correcto posicionamiento web. 6. Por ultimo el parrafo: <p></p> El elemento paragraph sirve para contener parrafos. Eso seria todo con este tutorial, si quieres ver toda la lista de elementos HTML e información mas detallada sigue este enlace.