SlideShare uma empresa Scribd logo
1 de 15
HTML,       siglas     de      HyperText     Markup
Language       («lenguaje      de    marcado     de
hipertexto»), hace referencia al lenguaje de
marcado predominante para la elaboración
de páginas web que se utiliza para describir y
traducir la estructura y la información en forma de
texto, así como para complementar el texto con
objetos tales como imágenes.
El HTML se escribe en forma de «etiquetas», rodeadas
por corchetes angulares (<,>). HTML también puede
describir, hasta un cierto punto, la apariencia de un
documento, y puede incluir un script (por ejemplo Java
Script), el cual puede afectar el comportamiento
de navegadores web y otros procesadores de HTML.
<html>: define el inicio del documento HTML, le indica
al navegador que lo que viene a continuación debe ser
interpretado como código HTML. Esto es así de facto, ya que en
teoría lo que define el tipo de documento es el DOCTYPE, que
significa la palabra justo tras DOCTYPE el tag de raíz.

<script>: incrusta un script en una web, o llama a uno
mediante src="url del script". Se recomienda incluir el tipo
MIME en el atributo type, en el caso de Java Script text/javascript.
• <head>: define la cabecera del documento
HTML; esta cabecera suele contener
información sobre el documento que no se
muestra directamente al usuario como, por
ejemplo, el título de la ventana del navegador.
Dentro de la cabecera <head> es posible
encontrar:
Un ejemplo de código HTML con coloreado de
sintaxis.

•<title>: define el título de la página. Por lo
general, el título aparece en la barra de título
encima de la ventana.

•<link>: para vincular el sitio a hojas de estilo o
iconos. Por ejemplo:<link rel="stylesheet"
href="/style.css" type="text/css">.
•style>: para colocar el estilo interno de la
página; ya sea usando CSS u otros lenguajes
similares. No es necesario colocarlo si se va a
vincular a un archivo externo usando la
etiqueta <link>.

•<meta>: para metadatos como la autoría o la
licencia, incluso para indicar parámetros http
(mediante http-equiv="") cuando no se pueden
modificar por no estar disponible la
configuración o por dificultades con server-side
scripting.

•<body>: define el contenido principal o cuerpo
del documento. Esta es la parte del documento
html que se muestra en el navegador; dentro de
esta etiqueta pueden definirse propiedades
comunes a toda la página, como color de fondo
y márgenes. Dentro del cuerpo <body> es
posible encontrar numerosas etiquetas.
XML, siglas en inglés de eXtensible Markup Language ('lenguaje de marcas
extensible'), es un lenguaje de marcas desarrollado por el World Wide Web
Consortium (W3C).
XML no ha nacido sólo para su aplicación en Internet, sino que se propone como un
estándar para el intercambio de información estructurada entre diferentes
plataformas. Se puede usar en bases de datos, editores de texto, hojas de cálculo y
casi cualquier cosa imaginable.
XML es una tecnología sencilla que tiene a su alrededor otras que la complementan y
la hacen mucho más grande y con unas posibilidades mucho mayores. Tiene un papel
muy importante en la actualidad ya que permite la compatibilidad entre sistemas
para compartir la información de una manera segura, fiable y fácil.
•Es extensible: Después de diseñado y puesto en producción, es posible extender XML con la
adición de nuevas etiquetas, de modo que se pueda continuar utilizando sin complicación
alguna.
•El analizador es un componente estándar, no es necesario crear un analizador específico para
cada versión de lenguaje XML. Esto posibilita el empleo de cualquiera de los analizadores
disponibles. De esta manera se evitan bugs y se acelera el desarrollo de aplicaciones.
•Si un tercero decide usar un documento creado en XML, es sencillo entender su estructura y
procesarla. Mejora la compatibilidad entre aplicaciones. Podemos comunicar aplicaciones de
distintas plataformas, sin que importe el origen de los datos, es decir, podríamos tener una
aplicación en Linux con una base de datos Postgres y comunicarla con otra aplicación en
Windows y Base de Datos MS-SQL Server.
•Transformamos datos en información, pues se le añade un significado concreto y los asociamos
a un contexto, con lo cual tenemos flexibilidad para estructurar documentos.
La tecnología XML busca dar solución al problema de expresar información estructurada de la
manera más abstracta y reutilizable posible. Que la información sea estructurada quiere decir que
se compone de partes bien definidas, y que esas partes se componen a su vez de otras partes.
Entonces se tiene un árbol de trozos de información. Ejemplos son un tema musical, que se
compone de compases, que están formados a su vez por notas. Estas partes se llaman elementos, y
se las señala mediante etiquetas.
Un documento XML está formado por el prólogo y por el cuerpo del documento así como
texto de etiquetas que contiene una gran variedad de efectos positivos o negativos en la
referencia opcional a la que se refiere el documento, hay que tener mucho cuidado de esa
parte de la gramática léxica para que se componga de manera uniforme.
Prólogo
Aunque no es obligatorio, los documentos XML pueden empezar con unas líneas que
describen la versión XML, el tipo de documento y otras cosas.
Cuerpo
A diferencia del prólogo, el cuerpo no es opcional en un documento XML, el cuerpo debe
contener solo un elemento raíz, característica indispensable también para que el
documento esté bien formado.
•Elementos
Los elementos XML pueden tener contenido (más elementos, caracteres o ambos), o
bien ser elementos vacíos.
•Atributos
Los elementos pueden tener atributos, que son una manera de incorporar características
o propiedades a los elementos de un documento. Deben ir entre comillas.
Por ejemplo, un elemento «estudiante» puede tener un atributo «Mario» y un atributo
«tipo», con valores «come croquetas» y «taleno» respectivamente.
<Estudiante Mario="come croquetas" tipo="taleno">Esto es un día que Mario va
paseando…</Estudiante>
•Entidades predefinidas
Entidades para representar caracteres especiales para que, de esta forma, no sean
interpretados como marcado en el procesador XML.
Ejemplo: entidad predefinida: & carácter: &.
•Validez
Que un documento esté «bien formado» solamente se refiere a su estructura sintáctica
básica, es decir, que se componga de elementos, atributos y comentarios como XML
especifica que se escriban. Ahora bien, cada aplicación de XML, es decir, cada lenguaje
definido con esta tecnología, necesitará especificar cuál es exactamente la relación que
debe verificarse entre los distintos elementos presentes en el documento.
Esta relación entre elementos se especifica en un documento externo o definición
(expresada como DTD —Document Type Definition, 'Definición de Tipo de Documento'—
o como XSchema). Crear una definición equivale a crear un nuevo lenguaje de
marcado, para una aplicación específica.
•Document Type Definition
La Document Type Definition o DTD (en español "definición de tipo de documento")
define los tipos de elementos, atributos y entidades permitidas, y puede expresar
algunas limitaciones para combinarlos. Los documentos XML que se ajustan a su DTD
son denominados válidos.
•Declaraciones tipo elemento
Los elementos deben ajustarse a un tipo de documento declarado en una DTD para que
el documento sea considerado como válido.
•Modelos de contenido
Un modelo de contenido es un patrón que establece los subelementos aceptados, y el
orden en que se aceptan.
•Declaraciones de lista de atributos
Los atributos se usan para añadir información adicional a los elementos de un
documento.

Mais conteúdo relacionado

Mais procurados (19)

XML
XMLXML
XML
 
DIFERENCIA ENTRE HTML Y XML
DIFERENCIA ENTRE HTML Y XMLDIFERENCIA ENTRE HTML Y XML
DIFERENCIA ENTRE HTML Y XML
 
Lenguajes de programacion
Lenguajes de programacionLenguajes de programacion
Lenguajes de programacion
 
Html IRVING
Html IRVING Html IRVING
Html IRVING
 
Diferencia entre html y xml
Diferencia entre html y xmlDiferencia entre html y xml
Diferencia entre html y xml
 
Archivo xml
Archivo xmlArchivo xml
Archivo xml
 
Diferencia entre html y xml
Diferencia  entre html y xmlDiferencia  entre html y xml
Diferencia entre html y xml
 
Jeremmy velizaguirre2a3(html xml)
Jeremmy velizaguirre2a3(html xml)Jeremmy velizaguirre2a3(html xml)
Jeremmy velizaguirre2a3(html xml)
 
Archivo xml
Archivo xmlArchivo xml
Archivo xml
 
Lenguajes de marcas
Lenguajes de marcasLenguajes de marcas
Lenguajes de marcas
 
Xml
XmlXml
Xml
 
Primera Clase de xhtml
Primera Clase de xhtmlPrimera Clase de xhtml
Primera Clase de xhtml
 
Html
HtmlHtml
Html
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html para subir a slideshare
Html para subir a slideshareHtml para subir a slideshare
Html para subir a slideshare
 
Ac programacion
Ac programacionAc programacion
Ac programacion
 

Destaque

Presentacion proyecto de aula 24820.docx
Presentacion proyecto de aula 24820.docxPresentacion proyecto de aula 24820.docx
Presentacion proyecto de aula 24820.docxoflorezmeza
 
Final primera unidad 2012
Final primera unidad 2012Final primera unidad 2012
Final primera unidad 2012e19elsalvador82
 
Proyecto cpe el volador
Proyecto cpe el voladorProyecto cpe el volador
Proyecto cpe el voladorandrosestrada
 
Presentación1
Presentación1Presentación1
Presentación1flouriarte
 
Zoopark Erfurt
Zoopark ErfurtZoopark Erfurt
Zoopark Erfurtnummer_4
 
Trabajo de computacion
Trabajo de computacionTrabajo de computacion
Trabajo de computacionAugustoproano
 
Diapositivas del proyecto
Diapositivas del proyectoDiapositivas del proyecto
Diapositivas del proyectoileferrar
 
Casos de violación a los derechos humanos
Casos de violación a los derechos humanosCasos de violación a los derechos humanos
Casos de violación a los derechos humanosPamelita Camacho
 
Thorsten.haas social media_fundraising
Thorsten.haas social media_fundraisingThorsten.haas social media_fundraising
Thorsten.haas social media_fundraisingmittel und wege
 
include7 Presentation Mobile Marketing
include7 Presentation Mobile Marketinginclude7 Presentation Mobile Marketing
include7 Presentation Mobile MarketingAberla
 
Competencias sistemicas
Competencias sistemicasCompetencias sistemicas
Competencias sistemicasluis alvarez
 
Gedichte ( wenn-als)
Gedichte ( wenn-als)Gedichte ( wenn-als)
Gedichte ( wenn-als)guestca506d
 

Destaque (20)

Taller no. 1
Taller no. 1Taller no. 1
Taller no. 1
 
Lanzamiento del disco
Lanzamiento del discoLanzamiento del disco
Lanzamiento del disco
 
Trucages
TrucagesTrucages
Trucages
 
Historia de la Computacion
Historia de la ComputacionHistoria de la Computacion
Historia de la Computacion
 
Presentacion proyecto de aula 24820.docx
Presentacion proyecto de aula 24820.docxPresentacion proyecto de aula 24820.docx
Presentacion proyecto de aula 24820.docx
 
Final primera unidad 2012
Final primera unidad 2012Final primera unidad 2012
Final primera unidad 2012
 
Presentación1
Presentación1Presentación1
Presentación1
 
Los sentidos
Los sentidosLos sentidos
Los sentidos
 
Proyecto cpe el volador
Proyecto cpe el voladorProyecto cpe el volador
Proyecto cpe el volador
 
Presentación1
Presentación1Presentación1
Presentación1
 
Fa
FaFa
Fa
 
Normas icontec (1)
Normas icontec (1)Normas icontec (1)
Normas icontec (1)
 
Zoopark Erfurt
Zoopark ErfurtZoopark Erfurt
Zoopark Erfurt
 
Trabajo de computacion
Trabajo de computacionTrabajo de computacion
Trabajo de computacion
 
Diapositivas del proyecto
Diapositivas del proyectoDiapositivas del proyecto
Diapositivas del proyecto
 
Casos de violación a los derechos humanos
Casos de violación a los derechos humanosCasos de violación a los derechos humanos
Casos de violación a los derechos humanos
 
Thorsten.haas social media_fundraising
Thorsten.haas social media_fundraisingThorsten.haas social media_fundraising
Thorsten.haas social media_fundraising
 
include7 Presentation Mobile Marketing
include7 Presentation Mobile Marketinginclude7 Presentation Mobile Marketing
include7 Presentation Mobile Marketing
 
Competencias sistemicas
Competencias sistemicasCompetencias sistemicas
Competencias sistemicas
 
Gedichte ( wenn-als)
Gedichte ( wenn-als)Gedichte ( wenn-als)
Gedichte ( wenn-als)
 

Semelhante a Steven Toala 2c3 (20)

Html
HtmlHtml
Html
 
Tutor javawebparte2
Tutor javawebparte2Tutor javawebparte2
Tutor javawebparte2
 
Xml presentacin
Xml presentacinXml presentacin
Xml presentacin
 
Html & xml
Html & xmlHtml & xml
Html & xml
 
Html
HtmlHtml
Html
 
Deber de htmly xml
Deber de htmly xmlDeber de htmly xml
Deber de htmly xml
 
Lenguajes de marcado
Lenguajes de marcadoLenguajes de marcado
Lenguajes de marcado
 
Programacion
ProgramacionProgramacion
Programacion
 
Fundamentos XML
Fundamentos XMLFundamentos XML
Fundamentos XML
 
UG2011html.pptx
UG2011html.pptxUG2011html.pptx
UG2011html.pptx
 
Taller 1 raul guaranda
Taller 1 raul guarandaTaller 1 raul guaranda
Taller 1 raul guaranda
 
Programacion
ProgramacionProgramacion
Programacion
 
Programacion
ProgramacionProgramacion
Programacion
 
Tema 2
Tema 2Tema 2
Tema 2
 
Deber d programacion 1
Deber d programacion 1Deber d programacion 1
Deber d programacion 1
 
Que es html y xml
Que es html y xmlQue es html y xml
Que es html y xml
 
Xml
XmlXml
Xml
 
Xml
XmlXml
Xml
 
Xml
XmlXml
Xml
 
Android de la A a la Z - Unidad 5
Android de la A a la Z - Unidad 5Android de la A a la Z - Unidad 5
Android de la A a la Z - Unidad 5
 

Steven Toala 2c3

  • 1.
  • 2. HTML, siglas de HyperText Markup Language («lenguaje de marcado de hipertexto»), hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes.
  • 3. El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Java Script), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.
  • 4.
  • 5. <html>: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML. Esto es así de facto, ya que en teoría lo que define el tipo de documento es el DOCTYPE, que significa la palabra justo tras DOCTYPE el tag de raíz. <script>: incrusta un script en una web, o llama a uno mediante src="url del script". Se recomienda incluir el tipo MIME en el atributo type, en el caso de Java Script text/javascript.
  • 6. • <head>: define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario como, por ejemplo, el título de la ventana del navegador. Dentro de la cabecera <head> es posible encontrar: Un ejemplo de código HTML con coloreado de sintaxis. •<title>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana. •<link>: para vincular el sitio a hojas de estilo o iconos. Por ejemplo:<link rel="stylesheet" href="/style.css" type="text/css">.
  • 7. •style>: para colocar el estilo interno de la página; ya sea usando CSS u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <link>. •<meta>: para metadatos como la autoría o la licencia, incluso para indicar parámetros http (mediante http-equiv="") cuando no se pueden modificar por no estar disponible la configuración o por dificultades con server-side scripting. •<body>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo <body> es posible encontrar numerosas etiquetas.
  • 8.
  • 9. XML, siglas en inglés de eXtensible Markup Language ('lenguaje de marcas extensible'), es un lenguaje de marcas desarrollado por el World Wide Web Consortium (W3C). XML no ha nacido sólo para su aplicación en Internet, sino que se propone como un estándar para el intercambio de información estructurada entre diferentes plataformas. Se puede usar en bases de datos, editores de texto, hojas de cálculo y casi cualquier cosa imaginable. XML es una tecnología sencilla que tiene a su alrededor otras que la complementan y la hacen mucho más grande y con unas posibilidades mucho mayores. Tiene un papel muy importante en la actualidad ya que permite la compatibilidad entre sistemas para compartir la información de una manera segura, fiable y fácil.
  • 10. •Es extensible: Después de diseñado y puesto en producción, es posible extender XML con la adición de nuevas etiquetas, de modo que se pueda continuar utilizando sin complicación alguna. •El analizador es un componente estándar, no es necesario crear un analizador específico para cada versión de lenguaje XML. Esto posibilita el empleo de cualquiera de los analizadores disponibles. De esta manera se evitan bugs y se acelera el desarrollo de aplicaciones. •Si un tercero decide usar un documento creado en XML, es sencillo entender su estructura y procesarla. Mejora la compatibilidad entre aplicaciones. Podemos comunicar aplicaciones de distintas plataformas, sin que importe el origen de los datos, es decir, podríamos tener una aplicación en Linux con una base de datos Postgres y comunicarla con otra aplicación en Windows y Base de Datos MS-SQL Server. •Transformamos datos en información, pues se le añade un significado concreto y los asociamos a un contexto, con lo cual tenemos flexibilidad para estructurar documentos.
  • 11. La tecnología XML busca dar solución al problema de expresar información estructurada de la manera más abstracta y reutilizable posible. Que la información sea estructurada quiere decir que se compone de partes bien definidas, y que esas partes se componen a su vez de otras partes. Entonces se tiene un árbol de trozos de información. Ejemplos son un tema musical, que se compone de compases, que están formados a su vez por notas. Estas partes se llaman elementos, y se las señala mediante etiquetas.
  • 12. Un documento XML está formado por el prólogo y por el cuerpo del documento así como texto de etiquetas que contiene una gran variedad de efectos positivos o negativos en la referencia opcional a la que se refiere el documento, hay que tener mucho cuidado de esa parte de la gramática léxica para que se componga de manera uniforme. Prólogo Aunque no es obligatorio, los documentos XML pueden empezar con unas líneas que describen la versión XML, el tipo de documento y otras cosas. Cuerpo A diferencia del prólogo, el cuerpo no es opcional en un documento XML, el cuerpo debe contener solo un elemento raíz, característica indispensable también para que el documento esté bien formado.
  • 13. •Elementos Los elementos XML pueden tener contenido (más elementos, caracteres o ambos), o bien ser elementos vacíos. •Atributos Los elementos pueden tener atributos, que son una manera de incorporar características o propiedades a los elementos de un documento. Deben ir entre comillas. Por ejemplo, un elemento «estudiante» puede tener un atributo «Mario» y un atributo «tipo», con valores «come croquetas» y «taleno» respectivamente. <Estudiante Mario="come croquetas" tipo="taleno">Esto es un día que Mario va paseando…</Estudiante> •Entidades predefinidas Entidades para representar caracteres especiales para que, de esta forma, no sean interpretados como marcado en el procesador XML. Ejemplo: entidad predefinida: & carácter: &.
  • 14. •Validez Que un documento esté «bien formado» solamente se refiere a su estructura sintáctica básica, es decir, que se componga de elementos, atributos y comentarios como XML especifica que se escriban. Ahora bien, cada aplicación de XML, es decir, cada lenguaje definido con esta tecnología, necesitará especificar cuál es exactamente la relación que debe verificarse entre los distintos elementos presentes en el documento. Esta relación entre elementos se especifica en un documento externo o definición (expresada como DTD —Document Type Definition, 'Definición de Tipo de Documento'— o como XSchema). Crear una definición equivale a crear un nuevo lenguaje de marcado, para una aplicación específica. •Document Type Definition La Document Type Definition o DTD (en español "definición de tipo de documento") define los tipos de elementos, atributos y entidades permitidas, y puede expresar algunas limitaciones para combinarlos. Los documentos XML que se ajustan a su DTD son denominados válidos.
  • 15. •Declaraciones tipo elemento Los elementos deben ajustarse a un tipo de documento declarado en una DTD para que el documento sea considerado como válido. •Modelos de contenido Un modelo de contenido es un patrón que establece los subelementos aceptados, y el orden en que se aceptan. •Declaraciones de lista de atributos Los atributos se usan para añadir información adicional a los elementos de un documento.