Your SlideShare is downloading. ×
0
Html y xml
Html y xml
Html y xml
Html y xml
Html y xml
Html y xml
Html y xml
Html y xml
Html y xml
Html y xml
Html y xml
Html y xml
Html y xml
Html y xml
Html y xml
Html y xml
Html y xml
Html y xml
Html y xml
Html y xml
Html y xml
Html y xml
Html y xml
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Html y xml

874

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
874
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
9
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. HISTORIA DE HTMLPrimeras especificaciones La primera descripción de HTML disponible públicamente fueun documento llamado HTML Tags (Etiquetas HTML), publicado por primera vez enInternet por Tim Bernés-Lee en 1991. Describe 22 elementos que incluyen el diseñoinicial y relativamente simple de HTML. Trece de estos elementos todavía existen enHTML 4. Berners-Lee consideraba a HTML una ampliación de SGML, pero no fueformalmente reconocida como tal hasta la publicación de mediados de 1993, por la IETF,de una primera proposición para una especificación de HTML: el boceto HypertextMarkup Language de Berners-Lee y Dan Connolly, el cual incluía una Definición de Tipode Documento SGML para definir la gramática.
  • 2. HISTORIA El boceto expiró luego de seis meses, pero fue notable por su reconocimiento de laetiqueta 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. De lamisma manera, el boceto competidor de Dave Raggett HTML+ (Hypertext MarkupFormat) (Formato de Marcaje de Hipertexto), de finales de 1993, sugería estandarizarcaracterísticas ya implementadas, como las tablas.
  • 3. QUE ES HTML?HTML, siglas de Hyper Text Markup Language («lenguaje de marcado dehipertexto»), hace referencia al lenguaje de marcado predominante para la elaboraciónde paginas web que se utiliza para describir la estructura y el contenido en forma detexto, así como para complementar el texto con objetos tales como imágenes. El HTMLse escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTMLtambién puede describir, hasta un cierto punto, la apariencia de un documento, y puedeincluir un script (por ejemplo JavaScript), el cual puede afectar el comportamiento denavegadores web y otros procesadores de HTML.
  • 4. PARA QUE SIRVE? HTML también sirve para referirse al contenido del tipo de MIME text/html otodavía más ampliamente como un término genérico para el HTML, ya sea en formadescendida del XML (como XHTML 1.0 y posteriores) o en forma descendidadirectamente de SGML (como HTML 4.01 y anteriores). Marcado HTML HTML consta de varios componentes vitales, entre ellos los elementos y susatributos, tipos de data y la declaración de tipo de documento.
  • 5. ELEMENTOS Los elementos son la estructura básica de HTML. Los elementos tienen dospropiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertasrestricciones para que se considere válido al documento HTML. Un elementogeneralmente tiene una etiqueta de inicio (por ejemplo, <nombre-de-elemento>) y unaetiqueta de cierre (por ejemplo, </nombre-de-elemento>). Los atributos del elementoestán contenidos en la etiqueta de inicio y el contenido está ubicado entre las dosetiquetas (por ejemplo, <nombre-de-elemento atributo="valor">Contenido</nombre-de-elemento>). Algunos elementos, tales como <br>, no tienen contenido ni llevan unaetiqueta de cierre. Debajo se listan varios tipos de elementos de marcado usados enHTML.
  • 6. ATRIBUTOS La mayoría de los atributos de un elemento son pares nombre-valor, separados porun signo de igual «=» y escritos en la etiqueta de comienzo de un elemento, después delnombre de éste. El valor puede estar rodeado por comillas dobles o simples, aunqueciertos tipos de valores pueden estar sin comillas en HTML (pero no en XHTML). De todas maneras, dejar los valores sin comillas es considerado poco seguro. Encontraste con los pares nombre-elemento, hay algunos atributos que afectan al elementosimplemente por su presencia (tal como el atributo ismap para el elemento img).
  • 7. CÓDIGOS HTML BÁSICOS Artículo principal: Anexo:Etiquetas HTML/XHTML5. <html>: define el inicio del documento HTML, le indica al navegador que lo queviene a continuación debe ser interpretado como código HTML. Esto es así de facto, yaque en teoría lo que define el tipo de documento es el DOCTYPE, que significa lapalabra justo tras DOCTYPE el tag de raíz, por ejemplo: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN""http://www.w3.org/TR/html4/strict.dtd"> <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 JavaScripttext/javascript. <head>: define la cabecera del documento HTML; esta cabecera suele contenerinformación sobre el documento que no se muestra directamente al usuario como, porejemplo, el título de la ventana del navegador. Dentro de la cabecera <head> es posibleencontrar:
  • 8.  <title>: define el título de la página. Por lo general, el título aparece en la barra detítulo encima de la ventana. <link>: para vincular el sitio a hojas de estilo o iconos. Por ejemplo:<linkrel="stylesheet" href="/style.css" type="text/css">. <style>: para colocar el estilo interno de la página; ya sea usando CSS u otroslenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externousando la etiqueta <link>. <meta>: para metadatos como la autoría o la licencia, incluso para indicarparámetros http (mediante http-equiv="") cuando no se pueden modificar por no estardisponible la configuración o por dificultades con server-side scripting.
  • 9.  <body>: define el contenido principal o cuerpo del documento. Esta es la parte deldocumento html que se muestra en el navegador; dentro de esta etiqueta puedendefinirse propiedades comunes a toda la página, como color de fondo y márgenes.Dentro del cuerpo <body> es posible encontrar numerosas etiquetas. A continuación seindican algunas a modo de ejemplo: <h1> a <h6>: encabezados o títulos del documento con diferente relevancia. <table>: define una tabla. <tr>: fila de una tabla. <td>: celda de una tabla (debe estar dentro de una fila). <a>: hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetrode pasada por medio del atributo href. Por ejemplo: <a href="http://www.wikipedia.org"title="Wikipedia" target="_blank" tabindex="1">Wikipedia</a> se representa comoWikipedia).
  • 10.  <div>: división de la página. Se recomienda, junto con css, en vez de <table> cuando se deseaalinear contenido. <img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen.Por ejemplo: <img src="./imágenes/mifoto.jpg" />. Es conveniente, por accesibilidad, poner unatributo alt="texto alternativo". <li><ol><ul>: etiquetas para listas. <b>: texto en negrita (etiqueta desaprobada. Se recomienda usar la etiqueta <strong>). <i>: texto en cursiva (etiqueta desaprobada. Se recomienda usar la etiqueta <em>). <s>: texto tachado (etiqueta desaprobada. Se recomienda usar la etiqueta <del>). <u>: texto subrayado. La mayoría de etiquetas deben cerrarse como se abren, pero con una barra («/») tal como semuestra en los siguientes ejemplos: <table><tr><td>Contenido de una celda</td></tr></table>. <script>Código de un [[script]] integrado en la página</script>.
  • 11. ESTRUCTURA EN HTMLUn ejemplo decódigo HTML
  • 12. QUE SIGNIFICA XML? XML, siglas en inglés de eXtensible Markup Language (lenguaje demarcas extensible), es un lenguaje de marcas desarrollado por el WorldWide Web Consortium (W3C). Deriva del lenguaje SGML y permitedefinir la gramática de lenguajes específicos (de la misma manera queHTML es a su vez un lenguaje definido por SGML)para estructurardocumentos grandes. A diferencia de otros lenguajes XML da soporte abases de datos, siendo útil cuándo varias aplicaciones se deben comunicarentre sí o integrar información. (Bases de datos Silberschatz).
  • 13. QUE ES XML? XML es una tecnología sencilla que tiene a su alrededor otras que la complementany la hacen mucho más grande y con unas posibilidades mucho mayores. Tiene un papelmuy importante en la actualidad ya que permite la compatibilidad entre sistemas paracompartir la información de una manera segura, fiable y fácil.XML no ha nacido sólo para su aplicación en Internet, sino que se propone como unestá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 cosaimaginable.
  • 14. HISTORIA DE XML XML proviene de un lenguaje inventado por IBM en los años setenta, llamado GML(Generalized Markup Language), que surgió por la necesidad que tenía la empresa dealmacenar grandes cantidades de información. Este lenguaje gustó a la ISO, por lo que en 1986trabajaron para normalizarlo, creando SGML (Standard Generalized Markup Language), capazde adaptarse a un gran abanico de problemas. A partir de él se han creado otros sistemas paraalmacenar información. En el año 1989 Tim Berners Lee creó la web, y junto con ella el lenguaje HTML. Estelenguaje se definió en el marco de SGML y fue de lejos la aplicación más conocida de esteestándar. Los navegadores web sin embargo siempre han puesto pocas exigencias al códigoHTML que interpretan y así las páginas web son caóticas y no cumplen con la sintaxis. Estaspáginas web dependen fuertemente de una forma específica de lidiar con los errores y lasambigüedades, lo que hace a las páginas más frágiles y a los navegadores más complejos.
  • 15. CRÍTICAS XML y sus extensiones han sido regularmente criticadas por su nivel de detalle ycomplejidad.2 El mapeo del modelo de árbol básico de XML hacia los sistema de tiposde lenguajes de programación o bases de datos puede ser difícil, especialmente cuandose utiliza XML para el intercambio de datos altamente estructurados entre aplicaciones,lo que no era su objetivo primario de diseño. Otras críticas intentan refutar la afirmaciónde que XML es una lenguaje autodescriptivo (aunque la especificación XML no haceninguna afirmación de este tipo). Se propone a JSON y YAML frecuentemente comoalternativas, centrándose ambas en la representación de datos estructurados, en lugar deen documentos narrativos .
  • 16. VENTAJAS DEL XML Es extensible: Después de diseñado y puesto en producción, es posible extender XML con la adición denuevas 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 cadaversión de lenguaje XML. Esto posibilita el empleo de cualquiera de los analizadores disponibles. De estamanera 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, sinque importe el origen de los datos, es decir, podríamos tener una aplicación en Linux con una base de datosPostgres 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 uncontexto, con lo cual tenemos flexibilidad para estructurar documentos.
  • 17. ESTRUCTURA DE UN DOCUMENTO XML La tecnología XML busca dar solución al problema de expresar información estructuradade la manera más abstracta y reutilizable posible. Que la información sea estructurada quieredecir que se compone de partes bien definidas, y que esas partes se componen a su vez de otraspartes. Entonces se tiene un árbol de trozos de información. Ejemplos son un temamusical, que se compone de compases, que están formados a su vez por notas. Estas partes sellaman 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. Lasetiquetas tienen la forma <nombre>, donde nombre es el nombre del elemento que se estáseñalando. A continuación se muestra un ejemplo para entender la estructura de un documento XML:
  • 18. <?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE Edit_Mensaje SYSTEM "Edit_Mensaje.dtd"><Edit_Mensaje> <Mensaje> <Remitente> <Nombre>Nombre del remitente</Nombre> <Mail> Correo del remitente </Mail> </Remitente> <Destinatario> <Nombre>Nombre del destinatario</Nombre> <Mail>Correo del destinatario</Mail> </Destinatario> <Texto> <Asunto> Este es mi documento con una estructura muy sencilla no contiene atributos ni entidades... </Asunto> <Parrafo> Este es mi documento con una estructura muy sencilla no contiene atributos ni entidades... </Parrafo> </Texto> </Mensaje></Edit_Mensaje>
  • 19. Aquí está el ejemplo de código del DTD del documento «Edit_Mensaje.dtd»:<?XML versión="1.0" encoding="ISO-8859-1" ?><!-- Este es el DTD de Edit_Mensaje --><!ELEMENT Mensaje (Remitente, Destinatario, Texto)*><!ELEMENT Remitente (Nombre, Mail)><!ELEMENT Nombre (#PCDATA)><!ELEMENT Mail (#PCDATA)><!ELEMENT Destinatario (Nombre, Mail)><!ELEMENT Nombre (#PCDATA)><!ELEMENT Mail (#PCDATA)><!ELEMENT Texto (Asunto, Parrafo)><!ELEMENT Asunto (#PCDATA)><!ELEMENT Parrafo (#PCDATA)>
  • 20. Documentos XML bien formados ycontrol de errores Los documentos denominados como «bien formados» (del inglés well formed) son aquellos que cumplen con todas las definiciones básicas de formato y pueden, por lo tanto, analizarse correctamente por cualquier analizador sintáctico (parser) que cumpla con la norma. Se separa esto del concepto de validez que se explica más adelante.
  • 21. Los documentos han de seguir una estructura estrictamente jerárquica con lo que respecta alas etiquetas que delimitan sus elementos. Una etiqueta debe estar correctamente incluida enotra, es decir, las etiquetas deben estar correctamente anidadas. Los elementos con contenidodeben estar correctamente cerrados.Los documentos XML sólo permiten un elemento raíz del que todos los demás sean parte, esdecir, solo pueden tener un elemento inicial.Los valores atributos en XML siempre deben estar encerrados entre comillas simples odobles.El XML es sensible a mayúsculas y minúsculas. Existe un conjunto de caracteres llamadosespacios en blanco (espacios, tabuladores, retornos de carro, saltos de línea) que losprocesadores XML tratan de forma diferente en el marcado XML.Es necesario asignar nombres a las estructuras, tipos de elementos, entidades, elementosparticulares, etc. En XML los nombres tienen alguna característica en común.Las construcciones como etiquetas, referencias de entidad y declaraciones se denominanmarcas; son partes del documento que el procesador XML espera entender. El resto deldocumento entre marcas son los datos «entendibles» por las personas.
  • 22. PARTES DE UN DOCUMENTO XML Un documento XML está formado por el prólogo y por elcuerpo del documento así como texto de etiquetas que contiene unagran variedad de efectos positivos o negativos en la referenciaopcional a la que se refiere el documento, hay que tener muchocuidad

×