Lenguajes de programacion

585 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
585
On SlideShare
0
From Embeds
0
Number of Embeds
82
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Lenguajes de programacion

  1. 1. LENGUAJES DE PROGRAMACIONHTMLHTML quiere decir HyperText Markup Language (lenguaje de marcado dehipertexto), este es un lenguaje muy sencillo predominante para la elaboraciónde páginas web que se utiliza para describir y traducir la estructura y lainformación en forma de texto, así como para complementar el texto conobjetos tales como imágenes, enlaces(hyperlinks) que conducen a otrosdocumentos o fuentes de información relacionadas, y con insercionesmultimedia (gráficos, sonido...). En este lenguaje escribimos en forma de«etiquetas», rodeadas por corchetes angulares (<,>).HTML también puede describir, hasta un cierto punto, la apariencia de undocumento, y puede incluir un script (por ejemplo JavaScript), el cual puedeafectar el comportamiento de navegadores web y otros procesadores de HTM,así como los diferentes efectos que se quieren dar al documento(especificarlos lugares del documento donde se debe poner cursiva, negrita, o un gráficodeterminado) y dejar que luego la presentación final de dicho hipertexto serealice por un programa especializado (como Mosaic, o Netscape)..HTML no presenta ningún compilador, por lo tanto algún error de sintaxis quese presente éste no lo detectará y se visualizara en la forma como éste loentienda.
  2. 2. Códigos HTML básicos <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. <script>: incrusta un script en una web, o llama a uno mediante src="url del script". <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 <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. A continuación se indican algunas a modo de ejemplo:
  3. 3. <h1> a <h6>: encabezados o títulos del documento condiferente 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. Debedefinirse el parámetro de pasada por medio del atributo href.Por ejemplo: <ahref="http://www.wikipedia.org"title="Wikipedia" target="_blank"tabindex="1">Wikipedia</a> se representa comoWikipedia).<div>: división de la página. Se recomienda, junto con css,en vez de <table> cuando se desea alinear contenido.<img>: imagen. Requiere del atributo src, que indica la rutaen la que se encuentra la imagen. Por ejemplo: <imgsrc="./imágenes/mifoto.jpg" />. Es conveniente,por accesibilidad, poner un atributo alt="textoalternativo".<li><ol><ul>: etiquetas para listas.<b>: texto en negrita (etiqueta desaprobada. Se recomiendausar la etiqueta <strong>).<i>: texto en cursiva (etiqueta desaprobada. Se recomiendausar la etiqueta <em>).<s>: texto tachado (etiqueta desaprobada. Se recomiendausar la etiqueta <del>).<u>: Antes texto subrayado. A partir de HTML 5 defineporciones de texto diferenciadas o destacadas del resto, paraindicar correcciones por ejemplo. (etiqueta desaprobada enHTML 4.01 y redefinida en HTML 5)
  4. 4. XMLXML, eXtensible Markup Language (lenguajede marcas extensible), es un lenguaje demarcas desarrollado por el World Wide WebConsortium (W3C). Deriva del lenguajeSGML y permite definir la gramática de lenguajes específicos (de la mismamanera que HTML es a su vez un lenguaje definido por SGML) para estructurardocumentos grandes. A diferencia de otros lenguajes XML da soporte a basesde datos, siendo útil cuando varias aplicaciones se deben comunicar entre sí ointegrar información. (Bases de datos Silberschatz).Este lenguaje se propone como un estándar para el intercambio de informaciónestructurada entre diferentes plataformas. Se puede usar en bases de datos,editores de texto, hojas de cálculo y casi cualquier cosa imaginable, ya que esuna tecnología sencilla que tiene a su alrededor otras que la complementan y lahacen mucho más grande y con unas posibilidades mucho mayores. Tiene unpapel muy importante en la actualidad ya que permite la compatibilidad entresistemas para compartir la información de una manera segura, fiable y fácil.Es un metalenguaje, dado que con él podemos definir nuestro propio lenguajede presentación y, a diferencia del HTML, que se centra en la representaciónde la información, XML se centra en la información en si misma. Laparticularidad más importante del XML es que no posee etiquetas prefijadascon anterioridad, ya que es el propio diseñador el que las crea a su antojo,dependiendo del contenido del documento. De esta forma, los documentosXML con información sobre libros deberían tener etiquetas como <AUTOR>,<EDITORIAL>, <Nº_DE_PÁGINAS>, <PRECIO>, etc., mientras que losdocumentos XML relacionados con educación incluyen etiquetas del tipo de<ASIGNATURA>, <ALUMNO>, <CURSO>, <NOTA>, etc.
  5. 5. Es un formato basado en texto, específicamente diseñado para almacenar ytransmitir datos. Un documento XML se compone de elementos XML, cada unode los cuales consta de una etiqueta de inicio, de una etiqueta de fin y de losdatos comprendidos entre ambas etiquetas. Al igual que los documentosHTML, un documento XML contiene texto anotado por etiquetas. Sin embargo,a diferencia de HTML, XML admite un conjunto ilimitado de etiquetas, no paraindicar el aspecto que debe tener algo, sino lo que significa. Por ejemplo: unelemento XML puede estar etiquetado como precio, número de pedido onombre. El autor del documento es quien decide qué tipo de datos va a utilizary qué etiquetas son las más adecuadas.
  6. 6. XHTMLXHTML, eXtensible HyperText MarkupLanguage, es básicamente HTML expresadocomo XML válido. Es más estricto a niveltécnico, pero esto permite que posteriormentesea más fácil al hacer cambios o buscar errores entre otros. En su versión 1.0,XHTML es solamente la versión XML de HTML, por lo que tiene, básicamente,las mismas funcionalidades, pero cumple las especificaciones, más estrictas,de XML.Este lenguaje se utiliza para generar documentos y contenidos de hipertextogeneralmente publicados en la WEB. Es además una reformulación dellenguaje HTML que se puede jactar de ser ahora compatible con XML.Un lenguaje de marcado nos permite dejar indicaciones (marcas) en undocumento que sirven para diferenciar distintos tipos de contenidos, estructuraso secciones. Por ejemplo hay marcas (elementos, etiquetas) que pueden"marcar" qué es un título, y su lugar en una jerarquía de importancia, o advertirque una palabra debe estar enfatizada, o bien que una oración es además unenlace hacia otro recurso.Todo esto, es posible de marcar sin ambigüedades con el correcto uso deXHTML.Otra de sus virtudes es que está ideado para mantener una saludableseparación entre el contenido y el diseño. Es decir, que uno no afecte al otro, yse puedan modificar independientemente.El lenguaje XHTML está diseñado para que sea funcional no sólo a losnavegadores sino a varios dispositivos WEB (teléfonos móviles, portátiles, etc).
  7. 7. HTML 5.0HTML5 (HyperText Markup Language,versión 5) es la quinta revisión importante dellenguaje básico de la World Wide Web, HTML. HTML5 especifica dos variantesde sintaxis para HTML: un «clásico» HTML, la variante conocida como HTML5y una variante XHTML conocida como sintaxis XHTML5 que deberá ser servidacomo XML (XHTML) .Esta es la primera vez que HTML y XHTML se handesarrollado en paralelo.HTML 5.0 es un lenguaje evolucionado, en donde no es necesario indicarle alnavegador qué versión de HTML está implementado el documento, basta conindicar que es HTML y punto.HTML5 establece una serie de nuevos elementos y atributos que reflejan el usotípico de los sitios web modernos. Algunos de ellos son técnicamente similaresa las etiquetas <div> y <span>, pero tienen un significado semántico, como porejemplo <nav> (bloque de navegación del sitio web) y <footer>. Otroselementos proporcionan nuevas funcionalidades a través de una interfazestandarizada, como los elementos <audio> y <video>.Mejoras en el elemento <canvas>, capaz de renderizar en los navegadoresmás importantes (Mozilla, Chrome, Opera, Safari e IE) elementos 3D.Además de la simplicidad de código, HTML5 trae consigo una nueva gama deposibilidades entre las cuales podemos mencionar las siguientes: * Contenido multimedia, reproducción de audio y video sin la necesidad deutilizar plug-ins. * Animaciones al estilo Adobe Flash ¡sin Adobe Flash! * Almacenamiento de datos del lado del cliente (local-storage) * Efectos en textos y elementos (incluyendo sombras y esquinasredondeadas) * Aplicaciones y sitios que sepan la ubicación física exacta de la persona quelas está utilizando, una vez más, sin la necesidad de plug-ins. * Trazado de formas, figuras, colores y patrones de colores directo en lapágina. * Entre otros

×