SlideShare una empresa de Scribd logo
1 de 3
Instituto tecnológico de nor oriente ITECNOR
Inge: Sandoval Hernández Duble Omar
INFORMATICA ll HTML 5to. PIA SEC: A
Estrada Mansilla Fernando De Jesus
Llano de la fragua
HTML, siglas de Hipertexto Mark Language («lenguaje de marcas de hipertexto»), hace
referencia al lenguaje de marcadopara la elaboración de páginas web. Es un estándar que
sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define
una estructura básica y un código (denominado código HTML) para la definición de
contenido de una página web, como texto, imágenes, entre otros. Es un estándar a cargo
de la W3C, organización dedicada a la estandarización de casi todas las tecnologías
ligadas a la web, sobre todo en lo referente a su escritura e interpretación. El lenguaje
HTML basa su filosofía de desarrollo en la referenciación. Para añadir un elemento
externo a la página (imagen, vídeo, script, entre otros.), este no se incrusta directamente
en el código de la página, sino que se hace una referencia a la ubicación de dicho
elemento mediante texto. De este modo, la página web contiene sólo texto mientras que
recae en el navegador web (interpretador del código) la tarea de unir todos los elementos
y visualizar la página final. Al ser un estándar, HTML busca ser un lenguaje que permita
que cualquier página web escrita en una determinada versión, pueda ser interpretada de la
misma forma (estándar) por cualquier navegador web actualizado. Sin embargo, a lo largo
de sus diferentes versiones, se han incorporado y suprimido diversas características, con
el fin de hacerlo más eficiente y facilitar el desarrollo de páginas web compatibles con
distintos navegadores y plataformas (PC de escritorio, portátiles, teléfonos inteligentes,
tabletas, etc.). Sin embargo
, para interpretar correctamente una nueva versión de HTML, los desarrolladores de
navegadores web deben incorporar estos cambios y el usuario debe ser capaz de usar la
nueva versión del navegador con los cambios incorporados. Normalmente los cambios son
aplicados mediante parches de actualización automática (Firefox, Chrome) u ofreciendo
una nueva versión del navegador con todos los cambios incorporados, en un sitio web de
descarga oficial (Internet Explorer). Un navegador no actualizado no será capaz de
interpretar correctamente una página web escrita en una versión de HTML superior a la
que pueda interpretar, lo que obliga muchas veces a los desarrolladores a aplicar técnicas
y cambios que permitan corregir problemas de visualización e incluso de interpretación de
código HTML. Así mismo, las páginas escritas en una versión anterior de HTML deberían
ser actualizadas o reescritas, lo que no siempre se cumple. Es por ello que ciertos
navegadores aún mantienen la capacidad de interpretar páginas web de versiones HTML
anteriores. Por estas razones, aún existen diferencias entre distintos navegadores y
versiones al interpretar una misma página web.
. Origen: El origen de HTML se remonta a 1980, cuando el físico Tim Berners-Lee,
trabajador del CERN(Organización Europea para la Investigación Nuclear) propuso un
nuevo sistema de "hipertexto" para compartir documentos. Los sistemas de "hipertexto"
habían sido desarrollados años antes. En el ámbito de la informática, el"hipertexto"
permitía que los usuarios accedieran a la información relacionada con los documentos
electrónicos que estaban visualizando. De cierta manera, los primitivos sistemas de
"hipertexto"podrían asimilarse a los enlaces de las páginas web actuales. Tras finalizar el
desarrollo de su sistema de "hipertexto", Tim Berners-Lee lo presentó a una convocatoria
organizada para desarrollar un sistema de "hipertexto" para Internet. Después de unir sus
fuerzas con el ingeniero de sistemas Robert Cailliau, presentaron la propuesta ganadora
llamadaWorldWideWeb (W3). VENTAJAS: - Fácil de usar - Permite la comunicación rápida
y directa con una o varias personas que se encuentren en cualquier parte del mundo. -
Desarrollo de diferentes proyectos y propuestas para darlos a conocer a través de la red. -
Se puede contactar con diferentes personas para realizar negocios, trabajos, proyectos,
etc. DESVENTAJAS: - Es muy básico - No ofrece diversidad de opciones - No es muy
completo
Primerasespecificaciones Tim Berners-Lee en 19911 2 describe 22 elementos que
incluyen el diseño inicial y relativamente simple de HTML. Trece de estos elementos
todavía existen en HTML 4.3 Berners-Lee consideraba el HTML una ampliación de SGML,
pero no fue formalmente reconocida como tal hasta la publicación a mediados de 1993,
por la IETF (en español: Grupo de Trabajo de Ingeniería de Internet), de una primera
proposición para una especificación del HTML: el borrador del Hypertext Markup
Language de Berners-Lee y Dan Connolly, que incluía una Definición de Tipo de
Documento SGML para definir la gramática.4 El borrador expiró a los seis meses, pero fue
notable por su reconocimiento de la etiqueta propia del navegador Mosaic usada para
insertar imágenes sin cambio de línea, que reflejaba la filosofía del IETF de basar
estándares en prototipos con éxito. 5 De la misma manera, el borrador competidor de
Dave Raggett HTML+ (Hypertext Markup Format) (Formato de Marcaje de Hipertexto), de
finales de 1993, sugería estandarizar características ya implementadas, como las tablas.6
Marcado HTML El HTML se escribe en forma de «etiquetas», rodeadas por corchetes
angulares (<,>). El HTML también puede describir, hasta un cierto punto, la apariencia de
un documento, y puede incluir o hacer referencia a un tipo de programa llamado script, el
cual puede afectar el comportamiento de navegadores web y otros procesadores de
HTML.7 HTML también sirve para referirse al contenido del tipo de MIME text/html o
todavía más ampliamente como un término genérico para el HTML, ya sea en forma
descendida delXML (como XHTML 1.0 y posteriores) o en forma descendida directamente
de SGML (como HTML 4.01 y anteriores). HTML consta de varios componentes vitales,
entre ellos los elementos y sus atributos, tipos de data y la declaración de tipo de
documento. Elementos Los elementos son la estructura básica de HTML. Los elementos
tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene
ciertas restricciones para que se considere válido al documento HTML. Un elemento
generalmente tiene una etiqueta de inicio (por ejemplo, <nombre-de-elemento> ) y una
etiqueta de cierre (por ejemplo, </nombre-de-elemento> ). Los atributos del elemento
están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos
etiquetas (por ejemplo, <nombre- de-elemento atributo="valor">Contenido</nombre-de-
elemento> ). Algunos

Más contenido relacionado

La actualidad más candente (17)

Que es html
Que es htmlQue es html
Que es html
 
Html03
Html03Html03
Html03
 
Que es html 5
Que es html 5Que es html 5
Que es html 5
 
Que es html
Que es htmlQue es html
Que es html
 
Avila lara 2
Avila lara  2Avila lara  2
Avila lara 2
 
Avila lara 2
Avila lara  2Avila lara  2
Avila lara 2
 
HTML5 - XHTML - XML
HTML5 - XHTML - XMLHTML5 - XHTML - XML
HTML5 - XHTML - XML
 
Clase 3 Editores para Programación Web
Clase 3 Editores para Programación WebClase 3 Editores para Programación Web
Clase 3 Editores para Programación Web
 
Valleyy mishi
Valleyy mishiValleyy mishi
Valleyy mishi
 
Herramientas para paginas web
Herramientas para  paginas webHerramientas para  paginas web
Herramientas para paginas web
 
Html
HtmlHtml
Html
 
Yinller22014
Yinller22014Yinller22014
Yinller22014
 
HTML5
HTML5HTML5
HTML5
 
Html5
Html5Html5
Html5
 
Html luis felipe
Html luis felipeHtml luis felipe
Html luis felipe
 
Html
HtmlHtml
Html
 
Diferencia entre html 5 y html normal
Diferencia entre html 5 y html normalDiferencia entre html 5 y html normal
Diferencia entre html 5 y html normal
 

Destacado

Module 2 EDU 2.0
Module 2   EDU 2.0Module 2   EDU 2.0
Module 2 EDU 2.0
ehummel
 
Economic of wastewater treatment and recycling
Economic of wastewater treatment and recyclingEconomic of wastewater treatment and recycling
Economic of wastewater treatment and recycling
Tst Thong
 

Destacado (11)

Module 2 EDU 2.0
Module 2   EDU 2.0Module 2   EDU 2.0
Module 2 EDU 2.0
 
Artes marciales
Artes marcialesArtes marciales
Artes marciales
 
SMP_Tips and Tricks
SMP_Tips and TricksSMP_Tips and Tricks
SMP_Tips and Tricks
 
Economic of wastewater treatment and recycling
Economic of wastewater treatment and recyclingEconomic of wastewater treatment and recycling
Economic of wastewater treatment and recycling
 
Управление эффективностью
Управление эффективностьюУправление эффективностью
Управление эффективностью
 
Prolapsed uterus
Prolapsed uterusProlapsed uterus
Prolapsed uterus
 
K9 apparels
K9 apparelsK9 apparels
K9 apparels
 
60-70-80-90's
60-70-80-90's60-70-80-90's
60-70-80-90's
 
la tecnologia
la tecnologiala tecnologia
la tecnologia
 
Proyecto comunitario
Proyecto comunitarioProyecto comunitario
Proyecto comunitario
 
احرام اور خوشبودار صابن
احرام اور خوشبودار صابناحرام اور خوشبودار صابن
احرام اور خوشبودار صابن
 

Similar a Html (20)

Que es html zabaleta ruíz milton de jesús
Que es html zabaleta ruíz milton de jesúsQue es html zabaleta ruíz milton de jesús
Que es html zabaleta ruíz milton de jesús
 
Emelyn
EmelynEmelyn
Emelyn
 
Html5
Html5Html5
Html5
 
Access
AccessAccess
Access
 
Access
AccessAccess
Access
 
Juan sebastian
Juan sebastianJuan sebastian
Juan sebastian
 
Que es html
Que es htmlQue es html
Que es html
 
Michael steven
Michael stevenMichael steven
Michael steven
 
Jhohan nicolai
Jhohan nicolaiJhohan nicolai
Jhohan nicolai
 
Rosi karina
Rosi karinaRosi karina
Rosi karina
 
Yeison fabian
Yeison fabianYeison fabian
Yeison fabian
 
Html nathaly fajardo, melissa gomez
Html nathaly fajardo, melissa gomezHtml nathaly fajardo, melissa gomez
Html nathaly fajardo, melissa gomez
 
Colegio particular francisca de las llagas
Colegio particular francisca de las llagasColegio particular francisca de las llagas
Colegio particular francisca de las llagas
 
historia de html
historia de htmlhistoria de html
historia de html
 
Html dulce mata (1)
Html dulce mata (1)Html dulce mata (1)
Html dulce mata (1)
 
Jeiimy
JeiimyJeiimy
Jeiimy
 
Html1
Html1Html1
Html1
 
Html.mmg
Html.mmgHtml.mmg
Html.mmg
 
marlon cordon Html
marlon cordon Htmlmarlon cordon Html
marlon cordon Html
 
Html
HtmlHtml
Html
 

Html

  • 1. Instituto tecnológico de nor oriente ITECNOR Inge: Sandoval Hernández Duble Omar INFORMATICA ll HTML 5to. PIA SEC: A Estrada Mansilla Fernando De Jesus Llano de la fragua
  • 2. HTML, siglas de Hipertexto Mark Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcadopara la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, entre otros. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. El lenguaje HTML basa su filosofía de desarrollo en la referenciación. Para añadir un elemento externo a la página (imagen, vídeo, script, entre otros.), este no se incrusta directamente en el código de la página, sino que se hace una referencia a la ubicación de dicho elemento mediante texto. De este modo, la página web contiene sólo texto mientras que recae en el navegador web (interpretador del código) la tarea de unir todos los elementos y visualizar la página final. Al ser un estándar, HTML busca ser un lenguaje que permita que cualquier página web escrita en una determinada versión, pueda ser interpretada de la misma forma (estándar) por cualquier navegador web actualizado. Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y suprimido diversas características, con el fin de hacerlo más eficiente y facilitar el desarrollo de páginas web compatibles con distintos navegadores y plataformas (PC de escritorio, portátiles, teléfonos inteligentes, tabletas, etc.). Sin embargo , para interpretar correctamente una nueva versión de HTML, los desarrolladores de navegadores web deben incorporar estos cambios y el usuario debe ser capaz de usar la nueva versión del navegador con los cambios incorporados. Normalmente los cambios son aplicados mediante parches de actualización automática (Firefox, Chrome) u ofreciendo una nueva versión del navegador con todos los cambios incorporados, en un sitio web de descarga oficial (Internet Explorer). Un navegador no actualizado no será capaz de interpretar correctamente una página web escrita en una versión de HTML superior a la que pueda interpretar, lo que obliga muchas veces a los desarrolladores a aplicar técnicas y cambios que permitan corregir problemas de visualización e incluso de interpretación de código HTML. Así mismo, las páginas escritas en una versión anterior de HTML deberían ser actualizadas o reescritas, lo que no siempre se cumple. Es por ello que ciertos navegadores aún mantienen la capacidad de interpretar páginas web de versiones HTML anteriores. Por estas razones, aún existen diferencias entre distintos navegadores y versiones al interpretar una misma página web.
  • 3. . Origen: El origen de HTML se remonta a 1980, cuando el físico Tim Berners-Lee, trabajador del CERN(Organización Europea para la Investigación Nuclear) propuso un nuevo sistema de "hipertexto" para compartir documentos. Los sistemas de "hipertexto" habían sido desarrollados años antes. En el ámbito de la informática, el"hipertexto" permitía que los usuarios accedieran a la información relacionada con los documentos electrónicos que estaban visualizando. De cierta manera, los primitivos sistemas de "hipertexto"podrían asimilarse a los enlaces de las páginas web actuales. Tras finalizar el desarrollo de su sistema de "hipertexto", Tim Berners-Lee lo presentó a una convocatoria organizada para desarrollar un sistema de "hipertexto" para Internet. Después de unir sus fuerzas con el ingeniero de sistemas Robert Cailliau, presentaron la propuesta ganadora llamadaWorldWideWeb (W3). VENTAJAS: - Fácil de usar - Permite la comunicación rápida y directa con una o varias personas que se encuentren en cualquier parte del mundo. - Desarrollo de diferentes proyectos y propuestas para darlos a conocer a través de la red. - Se puede contactar con diferentes personas para realizar negocios, trabajos, proyectos, etc. DESVENTAJAS: - Es muy básico - No ofrece diversidad de opciones - No es muy completo Primerasespecificaciones Tim Berners-Lee en 19911 2 describe 22 elementos que incluyen el diseño inicial y relativamente simple de HTML. Trece de estos elementos todavía existen en HTML 4.3 Berners-Lee consideraba el HTML una ampliación de SGML, pero no fue formalmente reconocida como tal hasta la publicación a mediados de 1993, por la IETF (en español: Grupo de Trabajo de Ingeniería de Internet), de una primera proposición para una especificación del HTML: el borrador del Hypertext Markup Language de Berners-Lee y Dan Connolly, que incluía una Definición de Tipo de Documento SGML para definir la gramática.4 El borrador expiró a los seis meses, pero fue notable por su reconocimiento de la etiqueta propia del navegador Mosaic usada para insertar imágenes sin cambio de línea, que reflejaba la filosofía del IETF de basar estándares en prototipos con éxito. 5 De la misma manera, el borrador competidor de Dave Raggett HTML+ (Hypertext Markup Format) (Formato de Marcaje de Hipertexto), de finales de 1993, sugería estandarizar características ya implementadas, como las tablas.6 Marcado HTML El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). El HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir o hacer referencia a un tipo de programa llamado script, el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.7 HTML también sirve para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida delXML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores). HTML consta de varios componentes vitales, entre ellos los elementos y sus atributos, tipos de data y la declaración de tipo de documento. Elementos Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio (por ejemplo, <nombre-de-elemento> ) y una etiqueta de cierre (por ejemplo, </nombre-de-elemento> ). Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas (por ejemplo, <nombre- de-elemento atributo="valor">Contenido</nombre-de- elemento> ). Algunos