SlideShare una empresa de Scribd logo
1 de 15
HTML           HyperText Markup
                    Language
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.
HTML
   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
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
CÒDIGOS HTML
       • <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">.
CÒDIGOS HTML
•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              Extensible Markup
                      Language

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
      Deriva del lenguaje SGML y
      permite definir la gramática de
      lenguajes específicos (de la
      misma manera que HTML es a su
      vez un lenguaje definido por
      SGML)       para      estructurar
      documentos        grandes.      A
      diferencia        de        otros
      lenguajes, XML da soporte a
      bases de datos, siendo útil
      cuando varias aplicaciones se
      deben comunicar entre sí o
      integrar información. (Bases de
      datos Silberschatz).
XML
 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.
XML VENTAJAS
 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.
XML     –    ESTRUCTURA DE UN DOCUMENTO
 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.
 Una etiqueta consiste en una marca hecha en el documento, que
  señala una porción de éste como un elemento. Un pedazo de
  información con un sentido claro y definido. Las etiquetas tienen la
  forma <nombre>, donde nombre es el nombre del elemento que se
  está señalando.
XML
XML– PARTES DE UN
DOCUMENTO está
 Un documento XML
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.

Más contenido relacionado

La actualidad más candente

De html xml
De html xmlDe html xml
De html xml
MAJITHOO
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
labebeally
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
lisseali
 
Diferencias entre XML y HTML
Diferencias entre XML y HTMLDiferencias entre XML y HTML
Diferencias entre XML y HTML
Erik Farias
 
Jeremmy velizaguirre2a3(html xml)
Jeremmy velizaguirre2a3(html xml)Jeremmy velizaguirre2a3(html xml)
Jeremmy velizaguirre2a3(html xml)
jeremmyveliz
 
xhtml
xhtmlxhtml
xhtml
omdav
 
Jesica resabala mero html
Jesica resabala mero htmlJesica resabala mero html
Jesica resabala mero html
jessikresabala
 
Diferencia entre html xml
Diferencia entre html xmlDiferencia entre html xml
Diferencia entre html xml
RobertLopezCh
 

La actualidad más candente (20)

Deber 1 de Zaskia Aguilar
Deber 1 de Zaskia AguilarDeber 1 de Zaskia Aguilar
Deber 1 de Zaskia Aguilar
 
Html&xml
Html&xmlHtml&xml
Html&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
 
Luisa noemi ibarra mora
Luisa noemi ibarra moraLuisa noemi ibarra mora
Luisa noemi ibarra mora
 
De html xml
De html xmlDe html xml
De html xml
 
Diferencia entre html y xml
Diferencia entre html y xmlDiferencia entre html y xml
Diferencia entre html y xml
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 
Html y xml
Html y xmlHtml y xml
Html y xml
 
Diferencias entre XML y HTML
Diferencias entre XML y HTMLDiferencias entre XML y HTML
Diferencias entre XML y HTML
 
Ac programacion
Ac programacionAc programacion
Ac programacion
 
Jeremmy velizaguirre2a3(html xml)
Jeremmy velizaguirre2a3(html xml)Jeremmy velizaguirre2a3(html xml)
Jeremmy velizaguirre2a3(html xml)
 
Introducción a html
Introducción a htmlIntroducción a html
Introducción a html
 
xhtml
xhtmlxhtml
xhtml
 
Taller 1 raul guaranda
Taller 1 raul guarandaTaller 1 raul guaranda
Taller 1 raul guaranda
 
Fundamentos XML
Fundamentos XMLFundamentos XML
Fundamentos XML
 
Jesica resabala mero html
Jesica resabala mero htmlJesica resabala mero html
Jesica resabala mero html
 
Diferencia entre html xml
Diferencia entre html xmlDiferencia entre html xml
Diferencia entre html xml
 

Destacado

Denso Tax Obligation Hennerkes
Denso Tax Obligation  HennerkesDenso Tax Obligation  Hennerkes
Denso Tax Obligation Hennerkes
guestf56d415d
 
Sistemas operativos maritza vargas
Sistemas operativos maritza vargasSistemas operativos maritza vargas
Sistemas operativos maritza vargas
ositapreciosa
 
Presentación1 informatik
Presentación1 informatikPresentación1 informatik
Presentación1 informatik
ileferrar
 
Eldondeunaestrella 1224345189628787-8
Eldondeunaestrella 1224345189628787-8Eldondeunaestrella 1224345189628787-8
Eldondeunaestrella 1224345189628787-8
Augustoproano
 
Kreditvertrag potthoff vergleich scholz
Kreditvertrag potthoff   vergleich scholzKreditvertrag potthoff   vergleich scholz
Kreditvertrag potthoff vergleich scholz
guestd8616bd
 
ESEconf2011 - Arrenbrecht Peter: "Literate Testing: Stimmige API's machen meh...
ESEconf2011 - Arrenbrecht Peter: "Literate Testing: Stimmige API's machen meh...ESEconf2011 - Arrenbrecht Peter: "Literate Testing: Stimmige API's machen meh...
ESEconf2011 - Arrenbrecht Peter: "Literate Testing: Stimmige API's machen meh...
Aberla
 
Broschüre Christian Haardt
Broschüre Christian HaardtBroschüre Christian Haardt
Broschüre Christian Haardt
saschabednarz
 
LA SEGURIDAD DE INTERNET
LA SEGURIDAD DE INTERNETLA SEGURIDAD DE INTERNET
LA SEGURIDAD DE INTERNET
Jazmincor
 
La escultura en el perú
La escultura en el perúLa escultura en el perú
La escultura en el perú
marielagastelu
 
Animación musical
Animación musicalAnimación musical
Animación musical
Don Mago
 
Don Mago Fiestas Infantiles
Don Mago Fiestas InfantilesDon Mago Fiestas Infantiles
Don Mago Fiestas Infantiles
Don Mago
 

Destacado (20)

Denso Tax Obligation Hennerkes
Denso Tax Obligation  HennerkesDenso Tax Obligation  Hennerkes
Denso Tax Obligation Hennerkes
 
Beneficio -Ihr Firmenlogo als Schmuckstück in Silber oder Gold
Beneficio -Ihr Firmenlogo als Schmuckstück in Silber oder GoldBeneficio -Ihr Firmenlogo als Schmuckstück in Silber oder Gold
Beneficio -Ihr Firmenlogo als Schmuckstück in Silber oder Gold
 
Competencias sistemicas
Competencias sistemicasCompetencias sistemicas
Competencias sistemicas
 
Sistemas operativos maritza vargas
Sistemas operativos maritza vargasSistemas operativos maritza vargas
Sistemas operativos maritza vargas
 
Presentación1 informatik
Presentación1 informatikPresentación1 informatik
Presentación1 informatik
 
Eldondeunaestrella 1224345189628787-8
Eldondeunaestrella 1224345189628787-8Eldondeunaestrella 1224345189628787-8
Eldondeunaestrella 1224345189628787-8
 
Pequeños consumidores -1
Pequeños consumidores  -1Pequeños consumidores  -1
Pequeños consumidores -1
 
Kreditvertrag potthoff vergleich scholz
Kreditvertrag potthoff   vergleich scholzKreditvertrag potthoff   vergleich scholz
Kreditvertrag potthoff vergleich scholz
 
ESEconf2011 - Arrenbrecht Peter: "Literate Testing: Stimmige API's machen meh...
ESEconf2011 - Arrenbrecht Peter: "Literate Testing: Stimmige API's machen meh...ESEconf2011 - Arrenbrecht Peter: "Literate Testing: Stimmige API's machen meh...
ESEconf2011 - Arrenbrecht Peter: "Literate Testing: Stimmige API's machen meh...
 
Broschüre Christian Haardt
Broschüre Christian HaardtBroschüre Christian Haardt
Broschüre Christian Haardt
 
LA SEGURIDAD DE INTERNET
LA SEGURIDAD DE INTERNETLA SEGURIDAD DE INTERNET
LA SEGURIDAD DE INTERNET
 
Taller no. 1
Taller no. 1Taller no. 1
Taller no. 1
 
La escultura en el perú
La escultura en el perúLa escultura en el perú
La escultura en el perú
 
Wie Vorbilder & Lotsen in Organisationen wirksam werden
Wie Vorbilder & Lotsen in Organisationen wirksam werdenWie Vorbilder & Lotsen in Organisationen wirksam werden
Wie Vorbilder & Lotsen in Organisationen wirksam werden
 
Trabajo de ccss
Trabajo de ccssTrabajo de ccss
Trabajo de ccss
 
Animación musical
Animación musicalAnimación musical
Animación musical
 
Don Mago Fiestas Infantiles
Don Mago Fiestas InfantilesDon Mago Fiestas Infantiles
Don Mago Fiestas Infantiles
 
Ahogados en la web
Ahogados en la webAhogados en la web
Ahogados en la web
 
Html & xml
Html & xmlHtml & xml
Html & xml
 
Acid
AcidAcid
Acid
 

Similar a Toala Miguel 2C3 (18)

Diferencia entre html y xml
Diferencia  entre html y xmlDiferencia  entre html y xml
Diferencia entre html y xml
 
Deber d programacion 1
Deber d programacion 1Deber d programacion 1
Deber d programacion 1
 
Historia de html
Historia de htmlHistoria de html
Historia de html
 
Presentación1 viviana
Presentación1 vivianaPresentación1 viviana
Presentación1 viviana
 
Xml presentacin
Xml presentacinXml presentacin
Xml presentacin
 
Programacion
ProgramacionProgramacion
Programacion
 
Programacion
ProgramacionProgramacion
Programacion
 
Programacion
ProgramacionProgramacion
Programacion
 
Presentacion
PresentacionPresentacion
Presentacion
 
Presentacion
PresentacionPresentacion
Presentacion
 
Que es html y xml
Que es html y xmlQue es html y xml
Que es html y xml
 
Evelyn deber
Evelyn deberEvelyn deber
Evelyn deber
 
XML
XMLXML
XML
 
Tutor javawebparte2
Tutor javawebparte2Tutor javawebparte2
Tutor javawebparte2
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html y xml
Html y xmlHtml y xml
Html y xml
 

Toala Miguel 2C3

  • 1.
  • 2. HTML HyperText Markup Language 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. HTML 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.
  • 5. 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
  • 6. CÒDIGOS HTML • <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. CÒDIGOS HTML •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 Extensible Markup Language 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).
  • 10. XML Deriva del lenguaje SGML y permite definir la gramática de lenguajes específicos (de la misma manera que HTML es a su vez un lenguaje definido por SGML) para estructurar documentos grandes. A diferencia de otros lenguajes, XML da soporte a bases de datos, siendo útil cuando varias aplicaciones se deben comunicar entre sí o integrar información. (Bases de datos Silberschatz).
  • 11. XML 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.
  • 12. XML VENTAJAS  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.
  • 13. XML – ESTRUCTURA DE UN DOCUMENTO  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.  Una etiqueta consiste en una marca hecha en el documento, que señala una porción de éste como un elemento. Un pedazo de información con un sentido claro y definido. Las etiquetas tienen la forma <nombre>, donde nombre es el nombre del elemento que se está señalando.
  • 14. XML
  • 15. XML– PARTES DE UN DOCUMENTO está Un documento XML 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.