1. LENGUAJES DE
PROGRAMACION
HTML
HTML quiere decir HyperText Markup Language (lenguaje de marcado de
hipertexto), este es un lenguaje muy sencillo 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, enlaces(hyperlinks) que conducen a otros
documentos o fuentes de información relacionadas, y con inserciones
multimedia (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 un
documento, y puede incluir un script (por ejemplo JavaScript), el cual puede
afectar el comportamiento de navegadores web y otros procesadores de HTM,
así como los diferentes efectos que se quieren dar al documento(especificar
los lugares del documento donde se debe poner cursiva, negrita, o un gráfico
determinado) y dejar que luego la presentación final de dicho hipertexto se
realice por un programa especializado (como Mosaic, o Netscape).
.HTML no presenta ningún compilador, por lo tanto algún error de sintaxis que
se presente éste no lo detectará y se visualizara en la forma como éste lo
entienda.
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. <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ámetro de pasada por medio del atributo href.
Por ejemplo: <a
href="http://www.wikipedia.org"
title="Wikipedia" target="_blank"
tabindex="1">Wikipedia</a> se representa como
Wikipedia).
<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 ruta
en la que se encuentra la imagen. Por ejemplo: <img
src="./imágenes/mifoto.jpg" />. Es conveniente,
por accesibilidad, poner un atributo 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>: Antes texto subrayado. A partir de HTML 5 define
porciones de texto diferenciadas o destacadas del resto, para
indicar correcciones por ejemplo. (etiqueta desaprobada en
HTML 4.01 y redefinida en HTML 5)
4. XML
XML, eXtensible Markup Language ('lenguaje
de marcas extensible'), es un lenguaje de
marcas desarrollado por el World Wide Web
Consortium (W3C). 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).
Este lenguaje 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, ya que 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 un metalenguaje, dado que con él podemos definir nuestro propio lenguaje
de presentación y, a diferencia del HTML, que se centra en la representación
de la información, XML se centra en la información en si misma. La
particularidad más importante del XML es que no posee etiquetas prefijadas
con anterioridad, ya que es el propio diseñador el que las crea a su antojo,
dependiendo del contenido del documento. De esta forma, los documentos
XML con información sobre libros deberían tener etiquetas como <AUTOR>,
<EDITORIAL>, <Nº_DE_PÁGINAS>, <PRECIO>, etc., mientras que los
documentos XML relacionados con educación incluyen etiquetas del tipo de
<ASIGNATURA>, <ALUMNO>, <CURSO>, <NOTA>, etc.
5. Es un formato basado en texto, específicamente diseñado para almacenar y
transmitir datos. Un documento XML se compone de elementos XML, cada uno
de los cuales consta de una etiqueta de inicio, de una etiqueta de fin y de los
datos comprendidos entre ambas etiquetas. Al igual que los documentos
HTML, un documento XML contiene texto anotado por etiquetas. Sin embargo,
a diferencia de HTML, XML admite un conjunto ilimitado de etiquetas, no para
indicar el aspecto que debe tener algo, sino lo que significa. Por ejemplo: un
elemento XML puede estar etiquetado como precio, número de pedido o
nombre. El autor del documento es quien decide qué tipo de datos va a utilizar
y qué etiquetas son las más adecuadas.
6. XHTML
XHTML, eXtensible HyperText Markup
Language, es básicamente HTML expresado
como XML válido. Es más estricto a nivel
técnico, pero esto permite que posteriormente
sea 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 hipertexto
generalmente publicados en la WEB. Es además una reformulación del
lenguaje HTML que se puede jactar de ser ahora compatible con XML.
Un lenguaje de marcado nos permite dejar indicaciones (marcas) en un
documento que sirven para diferenciar distintos tipos de contenidos, estructuras
o 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 advertir
que una palabra debe estar enfatizada, o bien que una oración es además un
enlace hacia otro recurso.
Todo esto, es posible de marcar sin ambigüedades con el correcto uso de
XHTML.
Otra de sus virtudes es que está ideado para mantener una saludable
separación entre el contenido y el diseño. Es decir, que uno no afecte al otro, y
se puedan modificar independientemente.
El lenguaje XHTML está diseñado para que sea funcional no sólo a los
navegadores sino a varios dispositivos WEB (teléfonos móviles, portátiles, etc).
7. HTML 5.0
HTML5 (HyperText Markup Language,
versión 5) es la quinta revisión importante del
lenguaje básico de la World Wide Web, HTML. HTML5 especifica dos variantes
de sintaxis para HTML: un «clásico» HTML, la variante conocida como HTML5
y una variante XHTML conocida como sintaxis XHTML5 que deberá ser servida
como XML (XHTML) .Esta es la primera vez que HTML y XHTML se han
desarrollado en paralelo.
HTML 5.0 es un lenguaje 'evolucionado', en donde no es necesario indicarle al
navegador qué versión de HTML está implementado el documento, basta con
indicar que es HTML y punto.
HTML5 establece una serie de nuevos elementos y atributos que reflejan el uso
típico de los sitios web modernos. Algunos de ellos son técnicamente similares
a las etiquetas <div> y <span>, pero tienen un significado semántico, como por
ejemplo <nav> (bloque de navegación del sitio web) y <footer>. Otros
elementos proporcionan nuevas funcionalidades a través de una interfaz
estandarizada, como los elementos <audio> y <video>.
Mejoras en el elemento <canvas>, capaz de renderizar en los navegadores
más importantes (Mozilla, Chrome, Opera, Safari e IE) elementos 3D.
Además de la simplicidad de código, HTML5 trae consigo una nueva gama de
posibilidades entre las cuales podemos mencionar las siguientes:
* Contenido multimedia, reproducción de audio y video sin la necesidad de
utilizar 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 esquinas
redondeadas)
* Aplicaciones y sitios que sepan la ubicación física exacta de la persona que
las está utilizando, una vez más, sin la necesidad de plug-ins.
* Trazado de formas, figuras, colores y patrones de colores directo en la
página.
* Entre otros