SlideShare una empresa de Scribd logo
1 de 10
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 (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

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
roberto corbelli
 
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_kormoran
Martin Rajcan
 
Я тоже хочу работать в сметане
Я тоже хочу работать в сметанеЯ тоже хочу работать в сметане
Я тоже хочу работать в сметане
Артемьев Артём
 

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 html
ramoniutepi
 

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

redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
nicho110
 

Último (14)

Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptxinfor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdfpresentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Generaciones de las Computadoras..pdf...
Generaciones de las Computadoras..pdf...Generaciones de las Computadoras..pdf...
Generaciones de las Computadoras..pdf...
 

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.