SlideShare ist ein Scribd-Unternehmen logo
1 von 16
LENGUAJE HTML

DOCENTE:
FRANCIS VALENTIN   ZAFRA
TEJADA
INTRODUCCIÓN
HTML es el lenguaje con el que se escriben las páginas web. Las
páginas web pueden ser vistas por el usuario mediante un tipo de
aplicación llamada navegador. Podemos decir por lo tanto que el
HTML es el lenguaje usado por los navegadores para mostrar las
páginas webs al usuario, siendo hoy en día la interface más extendida
en la red.

Este lenguaje nos permite aglutinar textos, sonidos e imágenes y
combinarlos a nuestro gusto.

Además, y es aquí donde reside su ventaja con respecto a libros o
revistas, el HTML nos permite la introducción de referencias a otras
páginas por medio de los enlaces hipertexto.
El HTML se creó en un principio con objetivos divulgativos. No se
pensó que la web llegara a ser un área de ocio con carácter
multimedia, 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 septiembre de
2001.

Esta evolución tan anárquica del HTML ha supuesto toda una seria de
inconvenientes y deficiencias que han debido ser superados con la
introducción de otras tecnologías accesorias capaces de
organizar, optimizar y automatizar el funcionamiento de las webs.
Ejemplos que pueden sonaros son las CSS, JavaScript u otros. Veremos
más adelante en qué consisten algunas de ellas.
Otros de los problemas que han acompañado al HTML es la
diversidad de navegadores presentes en el mercado los cuales no
son capaces de interpretar un mismo código de una manera
unificada.

Esto obliga al web máster a, una vez creada su página,
comprobar que esta puede ser leída satisfactoriamente por todos
los navegadores, o al menos, los más utilizados.

Además del navegador necesario para ver los resultados de
nuestro trabajo, necesitamos evidentemente otra herramienta
capaz de crear la página en si. Un archivo HTML (una página)
no es más que un texto. Es por ello que para programar en
HTML necesitamos un editor de textos.
Es recomendable usar el Bloc de notas que viene con windows, u
otro editor de textos sencillo.
Hay que tener cuidado con algunos editores más complejos como
Wordpad o Microsoft Word, pues colocan su propio código especial
al guardar las páginas y HTML es únicamente texto plano, con lo
que podremos tener problemas.
Existen otro tipo de editores específicos para la creación de páginas
web los cuales ofrecen muchas facilidades que nos permiten
aumentar nuestra productividad. No obstante, es aconsejable en un
principio utilizar una herramienta lo más sencilla posible para poder
prestar la máxima atención a nuestro código y familiarizarnos lo
antes posible con él. Siempre tendremos tiempo más delante de
pasarnos a editores más versátiles con la consiguiente ganancia de
tiempo.
Lo que necesitas como base para llevar a buen término el aprendizaje (aparte
de leer el manual) es:

• Saber escribir con un teclado
• Saber manejar un ratón
• Tener ganas de aprender

Lo que obtendrás al final del bimestre:
• Capacidad para crear y publicar su propio sitio web con un mínimo de
calidad.
• Conocimientos de todo tipo sobre las tecnologías y herramientas empleadas
en el ámbito de la Red.
• Posiblemente una afición que puede convertirse en pasión y terminar, en
algunos casos, siendo un vicio o un oficio.
HISTORIA
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 HTML.
El 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.
CONCEPTO
HTML es un lenguaje de programación que se utiliza para el
desarrollo de páginas de Internet. Se trata de la sigla que corresponde
a HyperText Markup Language, es decir, Lenguaje de Marcas de
Hipertexto, que podría ser traducido como Lenguaje de Formato de
Documentos para Hipertexto.

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 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.

Para la escritura de este lenguaje, se crean etiquetas que
aparecen especificadas a través de corchetes o paréntesis
angulares: < y >. Entre sus componentes, los elementos dan
forma a la estructura esencial del lenguaje, ya que tienen dos
propiedades (el contenido en sí mismo y sus atributos).
HTML         (HiperText      Markup
Language), cuyas siglas significan
"lenguaje hipertexto de marcas".
CARACTERÍSTICAS DEL
     LENGUAJE HTML
•El Web tenía que ser distribuido: La información
repartida en páginas no muy grandes enlazadas entre sí.
•El Web tenía que ser hipertexto y debía ser fácil navegar
por él.
•Tenía que ser compatible con todo tipo de ordenadores
(PCs, Macintosh, estaciones de trabajo...) y con todo tipo
de      sistemas      operativos     (Windows,        MS-
DOS, UNIX, MAC-OS,...).
•Debía ser dinámico: el proceso de cambiar y actualizar la
información debía ser ágil y rápido.
ESTRUCTURA BÁSICA DE
UN DOCUMENTO HTML
Un documento HTML comienza con la etiqueta <html>, y
termina con </html>.

Dentro del documento (entre las etiquetas de principio y fin de
html),    hay      dos    zonas     bien     diferenciadas:   el
encabezamiento, delimitado por <head> y </head>, que sirve
para definir diversos valores válidos en todo el documento; y el
cuerpo, delimitado por <body> y </body>, donde reside la
información del documento.
En resumen, la estructura básica de un
documento HTML queda de la forma siguiente:

<html>
<head>
<title>Título</title>
</head>
<body>
Texto      del    documento,   menciones   a
gráficos, enlaces, etc.
</body>
</html>
GRACIAS

Weitere ähnliche Inhalte

Was ist angesagt? (15)

Introduccion al html
Introduccion al htmlIntroduccion al html
Introduccion al html
 
Html y xml
Html y xmlHtml y xml
Html y xml
 
LENGUAJE, HISTORIA Y ETIQUETAS HTML
LENGUAJE, HISTORIA Y ETIQUETAS HTMLLENGUAJE, HISTORIA Y ETIQUETAS HTML
LENGUAJE, HISTORIA Y ETIQUETAS HTML
 
Historia de html
Historia de htmlHistoria de html
Historia de html
 
Historia del HTML
Historia del HTMLHistoria del HTML
Historia del HTML
 
Manual de html
Manual de htmlManual de html
Manual de html
 
Conceptos Básicos en Internet
Conceptos Básicos en InternetConceptos Básicos en Internet
Conceptos Básicos en Internet
 
Deber de html y xml diferencias
Deber de html y xml diferencias Deber de html y xml diferencias
Deber de html y xml diferencias
 
Historia de html
Historia de htmlHistoria de html
Historia de html
 
Presentacion de html
Presentacion de htmlPresentacion de html
Presentacion de html
 
Trabajo de Investigacion
Trabajo de InvestigacionTrabajo de Investigacion
Trabajo de Investigacion
 
Introdución al html
Introdución al htmlIntrodución al html
Introdución al html
 
Html1
Html1Html1
Html1
 
Tema 1
Tema 1Tema 1
Tema 1
 
Noe html poer
Noe html poerNoe html poer
Noe html poer
 

Andere mochten auch

Cuadro comparativo tics
Cuadro comparativo ticsCuadro comparativo tics
Cuadro comparativo tics1020825116
 
DIFERENCIA ENTRE HTML Y XML
DIFERENCIA ENTRE HTML Y XMLDIFERENCIA ENTRE HTML Y XML
DIFERENCIA ENTRE HTML Y XMLHilda Carrasco
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTMLzenirod
 
What Makes Great Infographics
What Makes Great InfographicsWhat Makes Great Infographics
What Makes Great InfographicsSlideShare
 
Masters of SlideShare
Masters of SlideShareMasters of SlideShare
Masters of SlideShareKapost
 
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to SlideshareSTOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to SlideshareEmpowered Presentations
 
10 Ways to Win at SlideShare SEO & Presentation Optimization
10 Ways to Win at SlideShare SEO & Presentation Optimization10 Ways to Win at SlideShare SEO & Presentation Optimization
10 Ways to Win at SlideShare SEO & Presentation OptimizationOneupweb
 
How To Get More From SlideShare - Super-Simple Tips For Content Marketing
How To Get More From SlideShare - Super-Simple Tips For Content MarketingHow To Get More From SlideShare - Super-Simple Tips For Content Marketing
How To Get More From SlideShare - Super-Simple Tips For Content MarketingContent Marketing Institute
 
2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShare2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShareSlideShare
 
What to Upload to SlideShare
What to Upload to SlideShareWhat to Upload to SlideShare
What to Upload to SlideShareSlideShare
 
How to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & TricksHow to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & TricksSlideShare
 
Getting Started With SlideShare
Getting Started With SlideShareGetting Started With SlideShare
Getting Started With SlideShareSlideShare
 

Andere mochten auch (13)

Cuadro comparativo tics
Cuadro comparativo ticsCuadro comparativo tics
Cuadro comparativo tics
 
DIFERENCIA ENTRE HTML Y XML
DIFERENCIA ENTRE HTML Y XMLDIFERENCIA ENTRE HTML Y XML
DIFERENCIA ENTRE HTML Y XML
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 
What Makes Great Infographics
What Makes Great InfographicsWhat Makes Great Infographics
What Makes Great Infographics
 
Masters of SlideShare
Masters of SlideShareMasters of SlideShare
Masters of SlideShare
 
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to SlideshareSTOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
 
You Suck At PowerPoint!
You Suck At PowerPoint!You Suck At PowerPoint!
You Suck At PowerPoint!
 
10 Ways to Win at SlideShare SEO & Presentation Optimization
10 Ways to Win at SlideShare SEO & Presentation Optimization10 Ways to Win at SlideShare SEO & Presentation Optimization
10 Ways to Win at SlideShare SEO & Presentation Optimization
 
How To Get More From SlideShare - Super-Simple Tips For Content Marketing
How To Get More From SlideShare - Super-Simple Tips For Content MarketingHow To Get More From SlideShare - Super-Simple Tips For Content Marketing
How To Get More From SlideShare - Super-Simple Tips For Content Marketing
 
2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShare2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShare
 
What to Upload to SlideShare
What to Upload to SlideShareWhat to Upload to SlideShare
What to Upload to SlideShare
 
How to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & TricksHow to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & Tricks
 
Getting Started With SlideShare
Getting Started With SlideShareGetting Started With SlideShare
Getting Started With SlideShare
 

Ähnlich wie Lenguaje html (20)

Htlm y javascrip
Htlm y javascripHtlm y javascrip
Htlm y javascrip
 
Coronado Morales. (Html)
Coronado Morales. (Html)Coronado Morales. (Html)
Coronado Morales. (Html)
 
Elemento
ElementoElemento
Elemento
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Jeiimy
JeiimyJeiimy
Jeiimy
 
Que es html
Que es htmlQue es html
Que es html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Diapositivasblog
DiapositivasblogDiapositivasblog
Diapositivasblog
 
El world wide web
El world wide webEl world wide web
El world wide web
 
El world wide web
El world wide webEl world wide web
El world wide web
 
HTML
HTMLHTML
HTML
 
Diapositivasblog
DiapositivasblogDiapositivasblog
Diapositivasblog
 
Html
HtmlHtml
Html
 
Alexandra gonzález
Alexandra gonzálezAlexandra gonzález
Alexandra gonzález
 
Deberdp
DeberdpDeberdp
Deberdp
 
Presentación sobre html y xml
Presentación sobre html y xmlPresentación sobre html y xml
Presentación sobre html y xml
 

Mehr von Fransua Vz

Modulo de 3er año
Modulo de 3er añoModulo de 3er año
Modulo de 3er añoFransua Vz
 
Modulo de 4to año
Modulo de 4to añoModulo de 4to año
Modulo de 4to añoFransua Vz
 
Modulo de 4to año
Modulo de 4to añoModulo de 4to año
Modulo de 4to añoFransua Vz
 
Historia de la computación 4 to
Historia de la computación 4 toHistoria de la computación 4 to
Historia de la computación 4 toFransua Vz
 
Primera clase de 3ro
Primera clase de 3roPrimera clase de 3ro
Primera clase de 3roFransua Vz
 
Las constituciones imperiales
Las constituciones imperialesLas constituciones imperiales
Las constituciones imperialesFransua Vz
 
Que es una Guia de Actividad y Cual es su Uso
Que es una Guia de Actividad y Cual es su UsoQue es una Guia de Actividad y Cual es su Uso
Que es una Guia de Actividad y Cual es su UsoFransua Vz
 
Como consulto y puedo guardar el contenido de un curso cuando viene en presen...
Como consulto y puedo guardar el contenido de un curso cuando viene en presen...Como consulto y puedo guardar el contenido de un curso cuando viene en presen...
Como consulto y puedo guardar el contenido de un curso cuando viene en presen...Fransua Vz
 
¿Cómo se trabaja en un foro de trabajo Colaborativo?
¿Cómo se trabaja en un foro de trabajo Colaborativo?¿Cómo se trabaja en un foro de trabajo Colaborativo?
¿Cómo se trabaja en un foro de trabajo Colaborativo?Fransua Vz
 
¿Para qué sirve la guía de actividades? y ¿Cómo la aplico?
¿Para qué sirve la guía de actividades? y ¿Cómo la aplico?¿Para qué sirve la guía de actividades? y ¿Cómo la aplico?
¿Para qué sirve la guía de actividades? y ¿Cómo la aplico?Fransua Vz
 
Como consulto y puedo guardar el contenido de un curso cuando viene en presen...
Como consulto y puedo guardar el contenido de un curso cuando viene en presen...Como consulto y puedo guardar el contenido de un curso cuando viene en presen...
Como consulto y puedo guardar el contenido de un curso cuando viene en presen...Fransua Vz
 
Cómo se trabaja en un foro de trabajo colaborativo
Cómo se trabaja en un foro de trabajo colaborativoCómo se trabaja en un foro de trabajo colaborativo
Cómo se trabaja en un foro de trabajo colaborativoFransua Vz
 
Instructivo Para Hacer Un Blog
Instructivo Para Hacer Un BlogInstructivo Para Hacer Un Blog
Instructivo Para Hacer Un BlogFransua Vz
 

Mehr von Fransua Vz (15)

Modulo de 3er año
Modulo de 3er añoModulo de 3er año
Modulo de 3er año
 
Modulo de 4to año
Modulo de 4to añoModulo de 4to año
Modulo de 4to año
 
Modulo de 4to año
Modulo de 4to añoModulo de 4to año
Modulo de 4to año
 
Historia de la computación 4 to
Historia de la computación 4 toHistoria de la computación 4 to
Historia de la computación 4 to
 
Primera clase de 3ro
Primera clase de 3roPrimera clase de 3ro
Primera clase de 3ro
 
Ficha resumen
Ficha resumenFicha resumen
Ficha resumen
 
Ficha resumen
Ficha resumenFicha resumen
Ficha resumen
 
Las constituciones imperiales
Las constituciones imperialesLas constituciones imperiales
Las constituciones imperiales
 
Que es una Guia de Actividad y Cual es su Uso
Que es una Guia de Actividad y Cual es su UsoQue es una Guia de Actividad y Cual es su Uso
Que es una Guia de Actividad y Cual es su Uso
 
Como consulto y puedo guardar el contenido de un curso cuando viene en presen...
Como consulto y puedo guardar el contenido de un curso cuando viene en presen...Como consulto y puedo guardar el contenido de un curso cuando viene en presen...
Como consulto y puedo guardar el contenido de un curso cuando viene en presen...
 
¿Cómo se trabaja en un foro de trabajo Colaborativo?
¿Cómo se trabaja en un foro de trabajo Colaborativo?¿Cómo se trabaja en un foro de trabajo Colaborativo?
¿Cómo se trabaja en un foro de trabajo Colaborativo?
 
¿Para qué sirve la guía de actividades? y ¿Cómo la aplico?
¿Para qué sirve la guía de actividades? y ¿Cómo la aplico?¿Para qué sirve la guía de actividades? y ¿Cómo la aplico?
¿Para qué sirve la guía de actividades? y ¿Cómo la aplico?
 
Como consulto y puedo guardar el contenido de un curso cuando viene en presen...
Como consulto y puedo guardar el contenido de un curso cuando viene en presen...Como consulto y puedo guardar el contenido de un curso cuando viene en presen...
Como consulto y puedo guardar el contenido de un curso cuando viene en presen...
 
Cómo se trabaja en un foro de trabajo colaborativo
Cómo se trabaja en un foro de trabajo colaborativoCómo se trabaja en un foro de trabajo colaborativo
Cómo se trabaja en un foro de trabajo colaborativo
 
Instructivo Para Hacer Un Blog
Instructivo Para Hacer Un BlogInstructivo Para Hacer Un Blog
Instructivo Para Hacer Un Blog
 

Lenguaje html

  • 2. INTRODUCCIÓN HTML es el lenguaje con el que se escriben las páginas web. Las páginas web pueden ser vistas por el usuario mediante un tipo de aplicación llamada navegador. Podemos decir por lo tanto que el HTML es el lenguaje usado por los navegadores para mostrar las páginas webs al usuario, siendo hoy en día la interface más extendida en la red. Este lenguaje nos permite aglutinar textos, sonidos e imágenes y combinarlos a nuestro gusto. Además, y es aquí donde reside su ventaja con respecto a libros o revistas, el HTML nos permite la introducción de referencias a otras páginas por medio de los enlaces hipertexto.
  • 3. El HTML se creó en un principio con objetivos divulgativos. No se pensó que la web llegara a ser un área de ocio con carácter multimedia, 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 septiembre de 2001. Esta evolución tan anárquica del HTML ha supuesto toda una seria de inconvenientes y deficiencias que han debido ser superados con la introducción de otras tecnologías accesorias capaces de organizar, optimizar y automatizar el funcionamiento de las webs. Ejemplos que pueden sonaros son las CSS, JavaScript u otros. Veremos más adelante en qué consisten algunas de ellas.
  • 4. Otros de los problemas que han acompañado al HTML es la diversidad de navegadores presentes en el mercado los cuales no son capaces de interpretar un mismo código de una manera unificada. Esto obliga al web máster a, una vez creada su página, comprobar que esta puede ser leída satisfactoriamente por todos los navegadores, o al menos, los más utilizados. Además del navegador necesario para ver los resultados de nuestro trabajo, necesitamos evidentemente otra herramienta capaz de crear la página en si. Un archivo HTML (una página) no es más que un texto. Es por ello que para programar en HTML necesitamos un editor de textos.
  • 5. Es recomendable usar el Bloc de notas que viene con windows, u otro editor de textos sencillo. Hay que tener cuidado con algunos editores más complejos como Wordpad o Microsoft Word, pues colocan su propio código especial al guardar las páginas y HTML es únicamente texto plano, con lo que podremos tener problemas. Existen otro tipo de editores específicos para la creación de páginas web los cuales ofrecen muchas facilidades que nos permiten aumentar nuestra productividad. No obstante, es aconsejable en un principio utilizar una herramienta lo más sencilla posible para poder prestar la máxima atención a nuestro código y familiarizarnos lo antes posible con él. Siempre tendremos tiempo más delante de pasarnos a editores más versátiles con la consiguiente ganancia de tiempo.
  • 6. Lo que necesitas como base para llevar a buen término el aprendizaje (aparte de leer el manual) es: • Saber escribir con un teclado • Saber manejar un ratón • Tener ganas de aprender Lo que obtendrás al final del bimestre: • Capacidad para crear y publicar su propio sitio web con un mínimo de calidad. • Conocimientos de todo tipo sobre las tecnologías y herramientas empleadas en el ámbito de la Red. • Posiblemente una afición que puede convertirse en pasión y terminar, en algunos casos, siendo un vicio o un oficio.
  • 7. HISTORIA 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.
  • 8. 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 HTML.
  • 9. El 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.
  • 10. CONCEPTO HTML es un lenguaje de programación que se utiliza para el desarrollo de páginas de Internet. Se trata de la sigla que corresponde a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto, que podría ser traducido como Lenguaje de Formato de Documentos para Hipertexto. 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.
  • 11. 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. Para la escritura de este lenguaje, se crean etiquetas que aparecen especificadas a través de corchetes o paréntesis angulares: < y >. Entre sus componentes, los elementos dan forma a la estructura esencial del lenguaje, ya que tienen dos propiedades (el contenido en sí mismo y sus atributos).
  • 12. HTML (HiperText Markup Language), cuyas siglas significan "lenguaje hipertexto de marcas".
  • 13. CARACTERÍSTICAS DEL LENGUAJE HTML •El Web tenía que ser distribuido: La información repartida en páginas no muy grandes enlazadas entre sí. •El Web tenía que ser hipertexto y debía ser fácil navegar por él. •Tenía que ser compatible con todo tipo de ordenadores (PCs, Macintosh, estaciones de trabajo...) y con todo tipo de sistemas operativos (Windows, MS- DOS, UNIX, MAC-OS,...). •Debía ser dinámico: el proceso de cambiar y actualizar la información debía ser ágil y rápido.
  • 14. ESTRUCTURA BÁSICA DE UN DOCUMENTO HTML Un documento HTML comienza con la etiqueta <html>, y termina con </html>. Dentro del documento (entre las etiquetas de principio y fin de html), hay dos zonas bien diferenciadas: el encabezamiento, delimitado por <head> y </head>, que sirve para definir diversos valores válidos en todo el documento; y el cuerpo, delimitado por <body> y </body>, donde reside la información del documento.
  • 15. En resumen, la estructura básica de un documento HTML queda de la forma siguiente: <html> <head> <title>Título</title> </head> <body> Texto del documento, menciones a gráficos, enlaces, etc. </body> </html>