MANEJO DE APLICACIONES POR MEDIOS DIGITALES

COLEGIO NACIONAL DE EDUCACIÓN PROFESIONAL TÉCNICA

Nombre: Alberto Corona Aceituno

Materia:Manejo De Aplicaciones Por Medios Digitales

Especialidad:Mantenimiento De Equipo De Computo Y Control Digital

Profesor:Lic. Ana Lilia López Jiménez

Tema:Lenguaje De Programación HTML

Semestre:2º Segundo

Grupo:2104

Matricula:091550015-1

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

ContenidoHTML......................................................................................................................................................................4

PRIMERAS ESPECIFICACIONES...................................................................................................................4

MARCADO HTML.................................................................................................................................................4

ELEMENTOS.....................................................................................................................................................4

ATRIBUTOS.......................................................................................................................................................5

CÓDIGOS HTML BÁSICOS............................................................................................................................6

NOCIONES BÁSICAS DE HTML...................................................................................................................7

SABER MÁS......................................................................................................................................................8

HISTORIA DEL ESTÁNDAR...........................................................................................................................9

ACCESIBILIDAD WEB.....................................................................................................................................9

ENTIDADES HTML.........................................................................................................................................10

REFERENCIA HTML.......................................................................................................................................10

CODIFICACIÓN DE CARACTERES.........................................................................................................11

CÓDIGOS DE COLORES HTML..................................................................................................................12

Mapa de colores...........................................................................................................................................12

CÓDIGOS DE COLORES HTML..............................................................................................................13

Cambiando tonos.....................................................................................................................................13

Mapa de colores.......................................................................................................................................13

CÓDIGOS DE LENGUAJE.............................................................................................................................13

TABLA DE CÓDIGOS DE LENGUAJE....................................................................................................13

Códigos de país................................................................................................................................................16

TABLA DE CÓDIGOS DE PAÍSES..............................................................................................................17

EVENTOS EN HTML......................................................................................................................................21

LISTA DE EVENTOS..................................................................................................................................21

DEFINICIÓN DE URI Y URL.........................................................................................................................22

REFERENCIA DE ENTIDAD DE CARACTERES (CHARACTER ENTITY REFERENCE)...................23

REFERNCIA DE ENTIDAD DE CARACTERES PARA CARACTERES ISO 8859-1 (LATIN 1)...23

REFERENCIA DE ENTIDAD DE CARACTERES PARA SÍMBOLOS, SÍMBOLOS MATEMÁTICOS, Y LETRAS GRIEGAS...................................................................................................26

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

REFERENCIA DE ENTIDADES DE CARACTERES PARA MARCAS Y CARACTERES DE INTERNACIONALIZACIÓN.......................................................................................................................28

Tag HTML........................................................................................................................................................29

LISTA DE TAGS HTML..............................................................................................................................30

Tags y atributos desaprobados en HTML............................................................................................32

TIPOS EN HTML.............................................................................................................................................34

LISTA DE TIPOS.........................................................................................................................................34

REFERENCIA DE CASE-SENSITIVITY.......................................................................................................37

TIPOS MIME....................................................................................................................................................38

LISTA DE TIPOS MIME.............................................................................................................................38

Bibliografía.........................................................................................................................................................50

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

HTML

HTML, siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. 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 Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.

HTML también es usado para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).

PRIMERAS ESPECIFICACIONES

La primera descripción de HTML disponible públicamente fue un documento llamado HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991.[] Describe 22 elementos comprendiendo el diseño inicial y relativamente simple de HTML. Trece de estos elementos todavía existen en HTML 4.[]

Berners-Lee consideraba a HTML una ampliación de SGML, pero no fue formalmente 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 Hypertext Markup Language de Berners-Lee y Dan Connolly, el cual incluía una Definición de Tipo de Documento SGML para definir la gramática.[] El boceto expiró luego de seis meses, pero fue notable por su reconocimiento de la etiqueta propia del navegador Mosaic usada para insertar imágenes sin cambio de línea, reflejando la filosofía del IETF de basar estándares en prototipos con éxito. [] Similarmente, el boceto competidor de Dave Raggett HTML+ (Hypertext Markup Format) (Formato de marcaje de hipertexto), de 1993 tardío, sugería, estandarizar características ya implementadas tales como tablas.[]

MARCADO HTML

HTML consta de varios componentes vitales, incluyendo elementos y sus atributos, tipos de data, y la declaración de tipo de documento.

ELEMENTOS

Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio (p.ej. <nombre-de-elemento>) y una etiqueta de cierre (p.ej. </nombre-de-

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

elemento>). Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas (p.ej. <nombre-de-elemento atributo="valor">Contenido</nombre-de-elemento>). Algunos elementos, tales como <br>, no tienen contenido ni llevan una etiqueta de cierre. Debajo se listan varios tipos de elementos de marcado usados en HTML.

Estructura general de una línea de código en el lenguaje de etiquetas HTML.

El marcado estructural describe el propósito del texto. Por ejemplo, <h2>Golf</h2> establece a "Golf" como un encabezamiento de segundo nivel, el cual se mostraría en un navegador de una manera similar al título "Marcado HTML" al principio de esta sección. El marcado estructural no define cómo se verá el elemento, pero la mayoría de los navegadores web han estandarizado el formato de los elementos. Un formato específico puede ser aplicado al texto por medio de hojas de estilo en cascada.

El marcado presentacional describe la apariencia del texto, sin importar su función. Por ejemplo, <b>negrita</b> indica que los navegadores web visuales deben mostrar el texto en negrita, pero no indica qué deben hacer los navegadores web que muestran el contenido de otra manera (por ejemplo, los que leen el texto en voz alta). En el caso de <b>negrita</b> e <i>itálica</i>, existen elementos que se ven de la misma manera pero tienen una naturaleza más semántica: <strong>enfásis fuerte</strong> y <em>énfasis</em>. Es fácil ver cómo un lector de pantalla debería interpretar estos dos elementos. Sin embargo, son equivalentes a sus correspondientes elementos presentacionales: un lector de pantalla no debería decir más fuerte el nombre de un libro, aunque éste esté en itálicas en una pantalla. La mayoría del marcado presentacional ha sido desechada con HTML 4.0, en favor de Hojas de estilo en cascada.

El marcado hipertextual se utiliza para enlazar partes del documento con otros documentos o con otras partes del mismo documento. Para crear un enlace es necesario utilizar la etiqueta de ancla <a> junto con el atributo href, que establecerá la dirección URL a la que apunta el enlace. Por ejemplo, un enlace a la Wikipedia sería de la forma <a href=”es.wikipedia.org”>Wikipedia</a>. También se pueden crear enlaces sobre otros objetos, tales como imágenes <a href=”enlace”><img src=”imagen” /></a>.

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

ATRIBUTOS

La mayoría de los atributos de un elemento son pares nombre-valor, separados por un signo de igual "=" y escritos en la etiqueta de comienzo de un elemento, después del nombre de éste. El valor puede estar rodeado por comillas dobles o simples, aunque ciertos 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.[] En contraste con los pares nombre-elemento, hay algunos atributos que afectan al elemento simplemente por su presencia (tal como el atributo ismap para el elemento img).[]

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. Esto es así de facto, ya que en teoría lo que define el tipo de documento es el DOCTYPE, significando la palabra 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 se llama a uno mediante src="uri del script" Se recomienda incluir el tipo MIME en el atributo type, en el caso de JavaScript 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> podemos encontrar:

Un ejemplo de código HTML con coloreado de sintaxis.

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

<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> podemos encontrar numerosas etiquetas. A continuación se indican 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>: columna de de una tabla

<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">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="./imagenes/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>)

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

<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 se muestra 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>.

NOCIONES BÁSICAS DE HTML

El lenguaje HTML puede ser creado y editado con cualquier editor de textos básico, como puede ser Gedit en Linux, el Bloc de Notas de Windows, o cualquier otro editor que admita texto sin formato como GNU Emacs, Microsoft Wordpad, TextPad, Vim, Notepad++, entre otros.

Existen además, otros editores para la realización de sitios Web con características WYSIWYG (What You See Is What You Get, o en español: “lo que ves es lo que obtienes”). Estos editores permiten ver el resultado de lo que se está editando en tiempo real, a medida que se va desarrollando el documento. Ahora bien, esto no significa una manera distinta de realizar sitios web, sino que una forma un tanto más simple ya que estos programas, además de tener la opción de trabajar con la vista preliminar, tiene su propia sección HTML la cual va generando todo el código a medida que se va trabajando. Algunos ejemplos de editores WYSIWIG son Macromedia Dreamweaver, o Microsoft FrontPage.

Combinar estos dos métodos resulta muy interesante, ya que de alguna manera se ayudan entre sí. Por ejemplo; si se edita todo en HTML y de pronto se olvida algún código o etiqueta, simplemente me dirijo al editor visual o WYSIWYG y se continúa ahí la edición, o viceversa, ya que hay casos en que sale más rápido y fácil escribir directamente el código de alguna característica que queramos adherirle al sitio, que buscar la opción en el programa mismo.

Existe otro tipo de editores HTML llamados WYSIWYM (Lo que ves es lo que quieres decir) que dan más importancia al contenido y al significado que a la apariencia visual. Entre los objetivos que tienen estos editores es la separación del contenido y la presentación, fundamental en el diseño Web.

HTML utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final, mediante las cuales se determina la forma en la que debe aparecer en su navegador el texto, así como también las imágenes y los demás elementos, en la pantalla del ordenador.

Toda etiqueta se identifica porque está encerrada entre los signos menor que y mayor que (<>), y algunas tienen atributos que pueden tomar algún valor. En general las etiquetas se aplicarán de dos formas especiales:

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Se abren y se cierran, como por ejemplo: <b>negrita</b> que se vería en su navegador web como negrita.

No pueden abrirse y cerrarse, como <hr> que se vería en su navegador web como una línea horizontal.

Otras que pueden abrirse y cerrarse, como por ejemplo <p>. Las etiquetas básicas o mínimas son:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="es"> <head> <title>Ejemplo</title> </head> <body> <p>ejemplo</p> </body> </html>

SABER MÁS

Seleccionando la opción Ver código fuente en el navegador, se puede ver realmente la información que está recibiendo éste y cómo la está interpretando. Por ejemplo: en Internet Explorer o en Firefox, simplemente hay que desplegar el menú Ver y luego elegir Código fuente. De esta forma, se abrirá el editor de texto configurado como predeterminado en el sistema con el código fuente de la página que se esté viendo en ese momento en el explorador. Otra forma más rápida consiste en hacer clic con el botón derecho del ratón en cualquier punto del área donde el navegador muestra la página web y elegir Ver código fuente.

Para el navegador Firefox existe el plugin FireBug, un depurador que permite entre otras cosas visualizar el código HTML de la página que estamos visualizando de forma dinámica, y que incluso resalta el trozo de código por el que está pasando el ratón en cada momento, por lo que es una herramienta muy útil para aprender diversos conceptos de este lenguaje.

HISTORIA DEL ESTÁNDAR

En 1989 existían dos técnicas que permitían vincular documentos electrónicos, por un lado los hipervínculos (links) y por otro lado un poderoso lenguaje de etiquetas denominado SGML. Por entonces, Tim Berners-Lee da a conocer a la prensa que estaba trabajando en un sistema que permitirá acceder a ficheros en línea, funcionando sobre redes de computadoras o máquinas electrónicas basadas en el protocolo TCP/IP.

A principios de 1990, Tim Berners-Lee define por fin el HTML como un subconjunto del conocido SGML y crea algo más valioso aún, el World Wide Web. En 1991, Tim Berners-Lee crea el primer navegador web, que funcionaría en modo texto y sobre un sistema operativo UNIX.

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Los trabajos para crear un sucesor del HTML, denominado HTML +, comenzaron a finales de 1993. HTML+ se diseñó originalmente para ser un superconjunto del HTML que permitiera evolucionar gradualmente desde el formato HTML anterior. A la primera especificación formal de HTML+ se le dio, por lo tanto, el número de versión 2 para distinguirla de las propuestas no oficiales previas. Los trabajos sobre HTML+ continuaron, pero nunca se convirtió en un estándar, a pesar de ser la base formalmente más parecida al aspecto compositivo de las especificaciones actuales.

El borrador del estándar HTML 3.0 fue propuesto por el recién formado W3C en marzo de 1995. Con él se introdujeron muchas nuevas capacidades, tales como facilidades para crear tablas, hacer que el texto fluyese alrededor de las figuras y mostrar elementos matemáticos complejos. Aunque se diseñó para ser compatible con HTML 2.0, era demasiado complejo para ser implementado con la tecnología de la época y, cuando el borrador del estándar expiró en septiembre de 1995, se abandonó debido a la carencia de apoyos de los fabricantes de navegadores web. El HTML 3.1 nunca llegó a ser propuesto oficialmente, y el estándar siguiente fue el HTML 3.2, que abandonaba la mayoría de las nuevas características del HTML 3.0 y, a cambio, adoptaba muchos elementos desarrollados inicialmente por los navegadores web Netscape y Mosaic. La posibilidad de trabajar con fórmulas matemáticas que se había propuesto en el HTML 3.0 pasó a quedar integrada en un estándar distinto llamado MathML.

El HTML 4.0 también adoptó muchos elementos específicos desarrollados inicialmente para un navegador web concreto, pero al mismo tiempo comenzó a limpiar el HTML señalando algunos de ellos como «desaprobados» o deprecated en inglés.

ACCESIBILIDAD WEB

El diseño en HTML aparte de cumplir con las especificaciones propias del lenguaje debe respetar unos criterios de accesibilidad web, siguiendo unas pautas, o las normativas y leyes vigentes en los países donde se regule dicho concepto. Se encuentra disponible y desarrollado por el W3C a través de las Pautas de Accesibilidad al Contenido Web 1.0 WCAG (actualizadas recientemente con la especificación 2.0[12] ), aunque muchos países tienen especificaciones propias, como es el caso de España con la Norma UNE 139803.

ENTIDADES HTML

Los caracteres especiales como signo de puntuación, letras con tilde o diéresis, o símbolos del lenguaje; se deben convertir en entidad HTML para mostrarse en un navegador. La siguiente es una lista de caracteres españoles y su correspondiente entidad HTML:

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Carácter Entidad HTML Carácter Entidad HTML

á &aacute; Á &Aacute;

é &eacute; É &Eacute;

í &iacute; Í &Iacute;

ó &oacute; Ó &Oacute;

ú &uacute; Ú &Uacute;

ü &uuml; Ü &Uuml;

ñ &ntilde; Ñ &Ntilde;

¡ &iexcl; ¿ &iquest;

REFERENCIA HTML

Referencia HTML (lenguaje de marcas hipertextual) es un conjunto de recursos diseñados por HTMLQuick.com para servir como guía a autores de documentos HTML, sin importar si son principiantes o avanzados en el uso del código HTML. Los principiantes pueden usar esta referencia en conjunto con los tutoriales HTML para comenzar a desarrollar y probar sus primeras páginas mientras que los autores avanzados pueden usarla para recurrir a ella cada vez que olvidan alguna característica o cuando tienen dudas acerca de algún aspecto del código HTML.

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Esta referencia HTML, así como todo el sitio, alienta a los autores a hacer uso de las "buenas técnicas" de programación, lo cual brindará al final algunos beneficios que solamente pueden ser logrados al escribir el código HTML manualmente. Estas "buenas técnicas" no solo ayudarán a los autores a escribir un código más limpio y fácil de comprender, sino que también reducirán el tamaño de los archivos, evitarán ambigüedades (muy importante para crear páginas compatibles con todos los navegadores), y proporcionarán información extra a los navegadores y motores de búsqueda, lo cual resulta de gran ayuda en la promoción de sitios. Por esta razón nuestra primera recomendación es escribir código XHTML (lenguaje de marcas hipertextual extensible), el cual es una variación de HTML 4.01 (con pequeñas diferencias) que hace a una página web disponible para otras plataformas como PDAs (asistente personal digital) o teléfonos celulares (estimados a ser ampliamente utilizados en un futuro).

El recurso más importante de nuestra referencia HTML es la sección de tags (etiquetas) HTML, la cual provee vínculos a páginas con descripciones y ejemplos para cada tag del estándar HTML 4.01. Otros recursos útiles para escribir documentos HTML son listados a continuación. Recuerda que siempre buscamos agregar todos los recursos que un autor de documentos HTML pueda necesitar, de modo que no dudes en escribirnos con recomendaciones, propuestas y correciones acerca de estos recursos.

Codificación de caracteres Códigos de colores HTML Códigos de lenguaje Códigos de país Definición de URI y URL Eventos en HTML Referencia de entidad de caracteres (character entity reference) Tag HTML Tags y atributos desaprobados en HTML Tipos en HTML Tipos MIME

[]

CODIFICACIÓN DE CARACTERES

Si pudieras ver una conversación entre computadoras, esta probablemente se vería algo así: "010110111011101011010010110...". Esta es la forma que las computadoras utilizan para comunicarse entre sí. La razón de la existencia de la codificación de caracteres es que sería muy difícil para nosotros comprender este lenguaje de ceros y unos (bits).

Lo que una codificación de caracteres de n-bits hace, es separar este código de bits en grupos de n bits cada uno, y asignar el símbolo que corresponde a esa secuencia ordenada. En una forma más sencilla, una codificación de caracteres o set de caracteres puede ser considerada como una tabla de traducción, donde cada grupo de bits está relacionado con un solo carácter. Por ejemplo, un set de caracteres de 8 bits podría representar a la secuencia "10010101" con una letra "a", a la secuencia "01101100" como el símbolo "&", y así sucesivamente.

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Las codificaciones de caracteres son ampliamente utilizadas (aun cuando no nos damos cuenta de ello) entre sistemas operativos así como también en documentos HTML (lenguaje de marcas hipertextual). Nacieron con las computadoras desde que hubo una necesitad de traducir códigos de computadora a texto legible para humanos. En el comienzo, las codificaciones de caracteres fueron creadas o utilizadas por vendedores de equipos y diseñadas para llenar las necesidades de cada uno de ellos así como del lenguaje al que apuntaban sus ventas. Esto creó un efecto de expansión que dio como resultado un gran número de codificaciones de caracteres, cada una de ellas dando soporte a caracteres de distintos lenguajes o para diferentes usos.

El Estándard Industrial Unicode (Unicode Industrial Standard) tiene por objetivo reemplazar y unificar las codificaciones de caracteres existentes con el fin de reducir su número y mejorar su efectividad (resolviendo carencias de otras codificaciones). El estándar Unicode codifica caracteres usando diferentes esquemas llamados Formatos de Transformación Unicode (UTF).

El UTF-8 es un set de caracteres de 8-bits de longitud variable para Unicode que está volviéndose muy popular para Internet debido a su capacidad para representar todos los carácteres universales aún siendo compatible con ASCII (código estándar americano para intercambio de información). UTF-8 usa de 1 a 4 bytes para codificar un caracter simple (8 a 32 bits) dependiendo del símbolo Unicode.

Un documento HTML utilizando el set de caracteres UTF-8 debería contener una declaración en su encabezado realizada mediante el tag HTML meta (por ejemplo, <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">). Los símbolos pueden ser insertados en este tipo de documentos usando un código simple que se asocia a un carácter específico, como por ejemplo &#931; (notación decimal), o &#x3A3; (notación hexadecimal) el cual mostrará la letra griega mayúscula "Sigma" ("Σ"). La graficación de símbolos Unicode depende del tipo de fuente utilizada por el navegador, y la mayoría de ellas no da soporte para todos los caracteres en el estándar Unicode (los caracteres no soportados son mostrados como cuadrados o signos de interrogación).

CÓDIGOS DE COLORES HTML

Los colores en HTML son construidos usando una combinación de tres colores básicos: rojo, verde y azul. Cada uno de estos colores toma un valor entre 0 y 255 y son representados en notación hexadecimal (00 a FF). De esta forma, un color está compuesto por seis caracteres donde los dos primeros representan el valor para el rojo, los dos segundos representan el valor para el verde y los dos terceros representan el valor para el azul (por ejemplo, el rojo tiene FF para el valor rojo y 00 para el resto: "FF0000").

Al mezclar estos colores se mezclan los colores, de modo que puedes hacer un amarillo mezclando el rojo y el verde (por ejemplo, "FFFF00"), violeta mezclando el rojo y el azul (por ejemplo, "FF00FF") o cyan mezclando verde y azul (por ejemplo, "00FFFF"). Esto funciona exactamente como la paleta de un pintor.

El tono del color también puede ser variado incrementando (por ejemplo, violeta claro "FF66FF") o decrementando (por ejemplo, violeta oscuro "AA00AA") los tres valores proporcionalmente.

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Nota: por la naturaleza de esta página, los no videntes pueden encontrar el siguiente mapa de colores escasamente útil.

Mapa de colores

Este mapa de colores muestra un amplio conjunto de colores HTML que pueden ser usados en documentos HTML. El propósito de este mapa es simplemente mostrar algunos colores disponibles. La funcionalidad extra está solamente disponible en navegadores que soporten JavaScript, y permite a los usuarios hacer una vista previa de una determinada selección de colores en un documento ejemplo.

Fondo: #F4F4F4

Primer encabezado: #FFBF00

Primer párrafo: #555555

Segundo encabezado: #FFBF00

Segundo párrafo: #555555

Fondo del panel derecho: #99CCFF

Borde del panel derecho: #007FFF

Título del panel derecho: #FFFFFF

Texto del panel derecho: #555555

CÓDIGOS DE COLORES HTML

Cambiando tonos

El tono del color también puede ser variado incrementando (por ejemplo, violeta claro "FF66FF") o decrementando (por ejemplo, violeta oscuro "AA00AA") los tres valores proporcionalmente.

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Los colores en HTML son construidos usando una combinación de tres colores básicos: rojo, verde y azul. Cada uno de estos colores toma un valor entre 0 y 255 y son representados en notación hexadecimal (00 a FF). De esta forma, un color está compuesto por seis caracteres donde los dos primeros representan el valor para el rojo, los dos segundos representan el valor para el verde y los dos terceros representan el valor para el azul (por ejemplo, el rojo tiene FF para el valor rojo y 00 para el resto: "FF0000").

Mapa de colores

Este mapa de colores muestra un amplio conjunto de colores HTML que pueden ser usados en documentos HTML. El propósito de este mapa es simplemente mostrar algunos colores disponibles. La funcionalidad extra está solamente disponible en navegadores que soporten JavaScript, y permite a los usuarios hacer una vista previa de una determinada selección de colores en un documento ejemplo.

CÓDIGOS DE LENGUAJE

Los códigos de lenguaje son ampliamente utilizados en los atributos HTML (lenguaje de marcas hipertextual), y usualmente definen el lenguaje del contenido al cual refieren. Algunas veces, los códigos de lenguaje son también asociados a un lenguaje regional específico en la forma "CódigoLenguaje-CódigoPaís" (por ejemplo, en-us para el inglés estadounidense). Ver la tabla de códigos de país.

TABLA DE CÓDIGOS DE LENGUAJE

Nombre Código

Abkhazian ab

Afar aa

Afrikaans af

Akan ak

Albanian sq

Amharic am

Arabic ar

Aragonese an

Armenian hy

Assamese as

Avaric av

Nombre Código

Avestan ae

Aymara ay

Azerbaijani az

Bambara bm

Bashkir ba

Basque eu

Belarusian be

Bengali bn

Bihari bh

Bislama bi

Bosnian bs

Nombre Código

Breton br

Bulgarian bg

Burmese my

Catalan; Valencian

ca

Chamorro ch

Chechen ce

Chichewa; Chewa; Nyanja

ny

Chinese zh

Church Slavic; Old Slavonic;

cu

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Church Slavonic; Old

Bulgarian; Old Church

Slavonic

Chuvash cv

Cornish kw

Corsican co

Cree cr

Croatian hr

Czech cs

Danish da

Divehi dv

Dutch; Flemish nl

Dzongkha dz

English en

Esperanto eo

Estonian et

Ewe ee

Faroese fo

Fijian fj

Finnish fi

French fr

Fulah ff

Gaelic; Scottish Gaelic

gd

Galician gl

Ganda lg

Georgian ka

German de

Greek, Modern (1453-)

el

Guarani gn

Gujarati gu

Haitian; Haitian Creole

ht

Hausa ha

Hebrew he

Herero hz

Hindi hi

Hiri Motu ho

Hungarian hu

Icelandic is

Ido io

Igbo ig

Indonesian id

Interlingua (International

Auxiliary Language

Association)

ia

Interlingue ie

Inuktitut iu

Inupiaq ik

Irish ga

Italian it

Japanese ja

Javanese jv

Kalaallisut; Greenlandic

kl

Kannada kn

Kanuri kr

Kashmiri ks

Kazakh kk

Khmer km

Kikuyu; Gikuyu ki

Kinyarwanda rw

Kirghiz ky

Komi kv

Kongo kg

Korean ko

Kuanyama; Kwanyama

kj

Kurdish ku

Lao lo

Latin la

Latvian lv

Limburgan; Limburger; Limburgish

li

Lingala ln

Lithuanian lt

Luba-Katanga lu

Luxembourgish;

Letzeburgeschlb

Macedonian mk

Malagasy mg

Malay ms

Malayalam ml

Maltese mt

Manx gv

Maori mi

Marathi mr

Marshallese mh

Moldavian mo

Mongolian mn

Nauru na

Navajo; Navaho

nv

Ndebele, North; North

nd

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Ndebele

Ndebele, South; South

Ndebelenr

Ndonga ng

Nepali ne

Northern Sami se

Norwegian no

Norwegian Bokmål; Bokmål,

Norwegian

nb

Norwegian Nynorsk; Nynorsk,

Norwegian

nn

Occitan (post 1500);

Provençaloc

Ojibwa oj

Oriya or

Oromo om

Ossetian; Ossetic

os

Pali pi

Panjabi; Punjabi

pa

Persian fa

Polish pl

Portuguese pt

Pushto ps

Quechua qu

Raeto-Romance

rm

Romanian ro

Rundi rn

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Russian ru

Samoan sm

Sango sg

Sanskrit sa

Sardinian sc

Serbian sr

Shona sn

Sichuan Yi ii

Sindhi sd

Sinhala; Sinhalese

si

Slovak sk

Slovenian sl

Somali so

Sotho, Southern

st

Spanish; Castilian

es

Sundanese su

Swahili sw

Swati ss

Swedish sv

Tagalog tl

Tahitian ty

Tajik tg

Tamil ta

Tatar tt

Telugu te

Thai th

Tibetan bo

Tigrinya ti

Tonga (Tonga Islands)

to

Tsonga ts

Tswana tn

Turkish tr

Turkmen tk

Twi tw

Uighur; Uyghur

ug

Ukrainian uk

Urdu ur

Uzbek uz

Venda ve

Vietnamese vi

Volapük vo

Walloon wa

Welsh cy

Western Frisian

fy

Wolof wo

Xhosa xh

Yiddish yi

Yoruba yo

Zhuang; Chuang

za

Zulu zu

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Códigos de país

Los códigos de país son ampliamente usados en los atributos HTML (lenguaje de marcas hipertextual), y usualmente especifican el país para el cual el contenido referido ha sido diseñado. Algunas veces los códigos de lenguaje son también asociados a un lenguaje regional específico en la forma "CódigoLenguaje-CódigoPaís" (por ejemplo, en-us para el inglés estadounidense).

TABLA DE CÓDIGOS DE PAÍSES

NombreCódigo

Åland Islands ax

Afghanistan af

Algeria dz

American Samoa as

Andorra ad

Angola ao

Anguilla ai

Antarctica aq

Antigua and Barbuda ag

Argentina ar

Armenia am

Aruba aw

Australia au

Austria at

Azerbaijan az

Bahamas bs

Bahrain bh

Bangladesh bd

Barbados bb

Belarus by

Belgium be

Belize bz

NombreCódigo

Benin bj

Bermuda bm

Bhutan bt

Bolivia bo

Bosnia and Herzegovina ba

Botswana bw

Bouvet Island bv

Brazil br

British Indian Ocean Territory io

Brunei Darussalam bn

Bulgaria bg

Burkina Faso bf

Burundi bi

Cambodia kh

Cameroon cm

Canada ca

Cape Verde cv

Cayman Islands ky

Central African Republic cf

Chad td

Chile cl

China cn

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

NombreCódigo

Christmas Island cx

Cocos (Keeling) Islands cc

Colombia co

Comoros km

Congo cg

Congo, the Democratic Republic of the

cd

Cook Islands ck

Costa Rica cr

Croatia hr

Cuba cu

Cyprus cy

Czech Republic cz

Denmark dk

Djibouti dj

Dominica dm

Dominican Republic do

Ecuador ec

Egypt eg

El Salvador sv

Equatorial Guinea gq

Eritrea er

Estonia ee

Ethiopia et

Falkland Islands (Malvinas) fk

Faroe Islands fo

Fiji fj

Finland fi

France fr

French Guiana gf

French Polynesia pf

French Southern Territories tf

Gabon ga

Gambia gm

Georgia ge

Germany de

Ghana gh

Gibraltar gi

Greece gr

Greenland gl

Grenada gd

Guadeloupe gp

Guam gu

Guatemala gt

Guernsey gg

Guinea gn

Guinea-Bissau gw

Guyana gy

Haiti ht

Heard Island and Mcdonald Islands hm

Holy See (Vatican City State) va

Honduras hn

Hong Kong hk

Hungary hu

Iceland is

India in

Indonesia id

Iran, Islamic Republic of ir

Iraq iq

Ireland ie

Isle of Man im

Israel il

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Italy it

Jamaica jm

Japan jp

Jersey je

Jordan jo

Kazakhstan kz

Kenya ke

Kiribati ki

Korea, Republic of kr

Kuwait kw

Kyrgyzstan kg

Latvia lv

Lebanon lb

Lesotho ls

Liberia lr

Libyan Arab Jamahiriya ly

Liechtenstein li

Lithuania lt

Luxembourg lu

Macao mo

Macedonia, the Former Yugoslav Republic of

mk

Madagascar mg

Malawi mw

Malaysia my

Maldives mv

Mali ml

Malta mt

Marshall Islands mh

Martinique mq

Mauritania mr

Mauritius mu

Mayotte yt

Mexico mx

Micronesia, Federated States of fm

Moldova, Republic of md

Monaco mc

Mongolia mn

Montserrat ms

Morocco ma

Mozambique mz

Myanmar mm

Namibia na

Nauru nr

Nepal np

Netherlands nl

Netherlands Antilles an

New Caledonia nc

New Zealand nz

Nicaragua ni

Niger ne

Nigeria ng

Niue nu

Norfolk Island nf

Northern Mariana Islands mp

Norway no

Oman om

Pakistan pk

Palau pw

Palestinian Territory, Occupied ps

Panama pa

Papua New Guinea pg

Paraguay py

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Peru pe

Philippines ph

Pitcairn pn

Poland pl

Portugal pt

Puerto Rico pr

Qatar qa

Réunion re

Romania ro

Russian Federation ru

Rwanda rw

Saint Helena sh

Saint Kitts and Nevis kn

Saint Lucia lc

Saint Pierre and Miquelon pm

Saint Vincent and the Grenadines vc

Samoa ws

San Marino sm

Sao Tome and Principe st

Saudi Arabia sa

Senegal sn

Serbia and Montenegro cs

Seychelles sc

Sierra Leone sl

Singapore sg

Slovakia sk

Slovenia si

Solomon Islands sb

Somalia so

South Africa za

South Georgia and the South Sandwich Islands

gs

Spain es

Sri Lanka lk

Sudan sd

Suriname sr

Svalbard and Jan Mayen sj

Swaziland sz

Sweden se

Switzerland ch

Syrian Arab Republic sy

Taiwan, Province of China tw

Tajikistan tj

Tanzania, United Republic of tz

Thailand th

Timor-Leste tl

Togo tg

Tokelau tk

Tonga to

Trinidad and Tobago tt

Tunisia tn

Turkey tr

Turkmenistan tm

Turks and Caicos Islands tc

Tuvalu tv

Uganda ug

Ukraine ua

United Arab Emirates ae

United Kingdom gb

United States us

United States Minor Outlying Islands um

Uruguay uy

Uzbekistan uz

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Vanuatu vu

Venezuela ve

Viet Nam vn

Virgin Islands, British vg

Virgin Islands, U.S. vi

Wallis and Futuna wf

Western Sahara eh

Yemen ye

Zambia zm

Zimbabwe zw

EVENTOS EN HTML

Así como los atributos, los eventos pueden ser definidos en tags HTML (lenguaje de marcas hipertextual). Los eventos, en lugar de dar valores a los elementos como lo hacen los atributos, ejecutan acciones cuando ocurren. Estas acciones son definidas por un script del "lado cliente", que son programas escritos para realizar cierta acción en un lenguaje específico (por ejemplo, JavaScript, VBScript, etc.). Existen diferentes eventos que se disparan en diferentes instancias de acuerdo con las acciones de los usuarios o navegadores.

LISTA DE EVENTOS

A continuación hay una lista de eventos disponibles para el estándar HTML 4.01.

onload: El evento onload ocurre cuando el agente de usuario termina de cargar la ventana o todos los marcos en una página de marcos.

onunload: El evento onunload ocurre cuando el agente de usuario quita un documento de una ventana o marco.

onclick: El evento onclick es disparado cuando el botón del mouse es presionado y soltado (click) sobre el elemento.

ondblclick: El evento ondblclick ocurre cuando el botón del puntero es presionado dos veces (doble click) sobre un elemento.

onmousedown: El evento onmousedown es disparado cuando el botón del mouse es presionado sobre el elemento.

onmouseup: El evento onmouseup ocurre cuando el botón del puntero es soltado sobre un elemento.

onmouseover: El evento onmouseover es disparado cuando el mouse se mueve sobre el elemento (desde afuera).

onmousemove: El evento onmousemove ocurre cuando el puntero es movido mientras está sobre un elemento.

onmouseout: El evento onmouseout es disparado cuando el mouse es movido hacia afuera de un elemento.

onfocus: El evento onfocus ocurre cuando un elemento recibe el enfoque sea con el puntero o con la tecla tab.

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

onblur: El evento onblur es disparado cuando un elemento pierde el enfoque sea con el puntero o con la tecla tab.

onkeypress: El evento onkeypress ocurre cuando una tecla es presionada y soltada sobre un elemento.

onkeydown: El evento onkeydown se dispara cuando una tecla es presionada sobre el elemento.

onkeyup: El evento onkeyup ocurre cuando una tecla es soltada sobre un elemento.

onsubmit: El evento onsubmit es disparado cuando un formulario es enviado. onreset: El evento onreset ocurre cuando un formulario es reseteado. onselect: El evento onselect es disparado cuando un usuario selecciona un texto

en un campo de texto. onchange: El evento onchange ocurre cuando un control pierde el enfoque y su

valor ha sido modificado desde que recibió el enfoque.

DEFINICIÓN DE URI Y URL

Internet puede ser concebida como un gran grupo de recursos o contenidos ubicados en diferentes computadoras alrededor del mundo. Estos contenidos pueden ser encontrados y enlazarse unos a otros mediante URIs. Como su nombre lo describe, identifica recursos asignando una dirección en una red dada.

URL (localizador de recursos uniforme), es un tipo de URI que se utiliza para describir la ubicación de un documento específico. Una URL no define por si sola el tipo de contenido al que refiere (textos, imágenes, videos, etc.), simplemente dice dónde y cómo encontrarlo. Una URL común está compuesta por cuatro partes:

Protocolo: También llamado esquema URL, especifica que protocolo es utilizado para acceder al documento.

Nombre de computadora: Especifica el nombre de la computadora (usualmente un nombre de dominio o una dirección IP) donde el contenido está alojado.

Directorios: Secuencia de directorios separados por barras ("/") que define la ruta a seguir para llegar al documento.

Archivo: El nombre del archivo donde el recurso se encuentra ubicado.

De esta forma, podemos analizar cualquier URL dada:

http:// www.htmlquick.com /reference/ uris.html

Protocol Domain name Directories File

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

REFERENCIA DE ENTIDAD DE CARACTERES (CHARACTER ENTITY REFERENCE)

Una entidad de carácter es un código utilizado para representar caracteres que no son soportados por el set de caracteres de un documento. Existen tres formas de escribir una entidad de carácter, y todas ellas comienzan con un símbolo "&" y terminan con un punto y coma ";":

Nombre de la entidad: El nombre asignado (por ejemplo, &aacute; para á) Decimal: Su valor decimal (por ejemplo, &225; para á) Hexadecimal: Su valor hexadecimal (por ejemplo, &#xE1; para á)

Muchos navegadores no proveen soporte para todas las entidades de caracteres y usualmente muestran un cuadrado blanco en su lugar. Otro problema existente con respecto a la compatibilidad de los navegadores es que algunos de ellos fallan en interpretar una o más de las formas disponibles para escribirlos (por ejemplo, por su valor hexadecimal).

A continuación, mostramos tres listas de entidades de caracteres escritas y mostradas (por tu navegador) en las tres formas:

REFERNCIA DE ENTIDAD DE CARACTERES PARA CARACTERES ISO 8859-1 (LATIN 1)

Nombre de entidad

Código decimal

Código hexadecimal

&nbsp;   &#160;   &#xA0;  

&iexcl; ¡ &#161; ¡ &#xA1; ¡

&cent; ¢ &#162; ¢ &#xA2; ¢

&pound; £ &#163; £ &#xA3; £

&curren; ¤ &#164; ¤ &#xA4; ¤

&yen; ¥ &#165; ¥ &#xA5; ¥

&brvbar; ¦ &#166; ¦ &#xA6; ¦

&sect; § &#167; § &#xA7; §

&uml; ¨ &#168; ¨ &#xA8; ¨

&copy; © &#169; © &#xA9; ©

&ordf; ª &#170; ª &#xAA; ª

&laquo; « &#171; « &#xAB; «

&not; ¬ &#172; ¬ &#xAC; ¬

&shy; &#173; &#xAD;

&reg; ® &#174; ® &#xAE; ®

&macr; ¯ &#175; ¯ &#xAF; ¯

&deg; ° &#176; ° &#xB0; °

&plusmn; ± &#177; ± &#xB1; ±

&sup2; ² &#178; ² &#xB2; ²

&sup3; ³ &#179; ³ &#xB3; ³

&acute; ´ &#180; ´ &#xB4; ´

&micro; µ &#181; µ &#xB5; µ

&para; ¶ &#182; ¶ &#xB6; ¶

&middot; · &#183; · &#xB7; ·

&cedil; ¸ &#184; ¸ &#xB8; ¸

&sup1; ¹ &#185; ¹ &#xB9; ¹

&ordm; º &#186; º &#xBA; º

&raquo; » &#187; » &#xBB; »

&frac14; ¼ &#188; ¼ &#xBC; ¼

&frac12; ½ &#189; ½ &#xBD; ½

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

&frac34; ¾ &#190; ¾ &#xBE; ¾

&iquest; ¿ &#191; ¿ &#xBF; ¿

&Agrave; À &#192; À &#xC0; À

&Aacute; Á &#193; Á &#xC1; Á

&Acirc; Â &#194; Â &#xC2; Â

&Atilde; Ã &#195; Ã &#xC3; Ã

&Auml; Ä &#196; Ä &#xC4; Ä

&Aring; Å &#197; Å &#xC5; Å

&AElig; Æ &#198; Æ &#xC6; Æ

&Ccedil; Ç &#199; Ç &#xC7; Ç

&Egrave; È &#200; È &#xC8; È

&Eacute; É &#201; É &#xC9; É

&Ecirc; Ê &#202; Ê &#xCA; Ê

&Euml; Ë &#203; Ë &#xCB; Ë

&Igrave; Ì &#204; Ì &#xCC; Ì

&Iacute; Í &#205; Í &#xCD; Í

&Icirc; Î &#206; Î &#xCE; Î

&Iuml; Ï &#207; Ï &#xCF; Ï

&ETH; Ð &#208; Ð &#xD0; Ð

&Ntilde; Ñ &#209; Ñ &#xD1; Ñ

&Ograve; Ò &#210; Ò &#xD2; Ò

&Oacute; Ó &#211; Ó &#xD3; Ó

&Ocirc; Ô &#212; Ô &#xD4; Ô

&Otilde; Õ &#213; Õ &#xD5; Õ

&Ouml; Ö &#214; Ö &#xD6; Ö

&times; × &#215; × &#xD7; ×

&Oslash; Ø &#216; Ø &#xD8; Ø

&Ugrave; Ù &#217; Ù &#xD9; Ù

&Uacute; Ú &#218; Ú &#xDA; Ú

&Ucirc; Û &#219; Û &#xDB; Û

&Uuml; Ü &#220; Ü &#xDC; Ü

&Yacute; Ý &#221; Ý &#xDD; Ý

&THORN; Þ &#222; Þ &#xDE; Þ

&szlig; ß &#223; ß &#xDF; ß

&agrave; à &#224; à &#xE0; à

&aacute; á &#225; á &#xE1; á

&acirc; â &#226; â &#xE2; â

&atilde; ã &#227; ã &#xE3; ã

&auml; ä &#228; ä &#xE4; ä

&aring; å &#229; å &#xE5; å

&aelig; æ &#230; æ &#xE6; æ

&ccedil; ç &#231; ç &#xE7; ç

&egrave; è &#232; è &#xE8; è

&eacute; é &#233; é &#xE9; é

&ecirc; ê &#234; ê &#xEA; ê

&euml; ë &#235; ë &#xEB; ë

&igrave; ì &#236; ì &#xEC; ì

&iacute; í &#237; í &#xED; í

&icirc; î &#238; î &#xEE; î

&iuml; ï &#239; ï &#xEF; ï

&eth; ð &#240; ð &#xF0; ð

&ntilde; ñ &#241; ñ &#xF1; ñ

&ograve; ò &#242; ò &#xF2; ò

&oacute; ó &#243; ó &#xF3; ó

&ocirc; ô &#244; ô &#xF4; ô

&otilde; õ &#245; õ &#xF5; õ

&ouml; ö &#246; ö &#xF6; ö

&divide; ÷ &#247; ÷ &#xF7; ÷

&oslash; ø &#248; ø &#xF8; ø

&ugrave; ù &#249; ù &#xF9; ù

&uacute; ú &#250; ú &#xFA; ú

&ucirc; û &#251; û &#xFB; û

&uuml; ü &#252; ü &#xFC; ü

&yacute; ý &#253; ý &#xFD; ý

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

&thorn; þ &#254; þ &#xFE; þ

&yuml; ÿ &#255; ÿ &#xFF; ÿ

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

REFERENCIA DE ENTIDAD DE CARACTERES PARA SÍMBOLOS, SÍMBOLOS MATEMÁTICOS, Y LETRAS GRIEGAS

Nombre de la entidad

Código decimal

Código hexadecimal

&fnof; ƒ&#40

2;ƒ &#x192; ƒ

&Alpha; Α&#91

3;Α &#x391; Α

&Beta; Β&#91

4;Β &#x392; Β

&Gamma; Γ&#91

5;Γ &#x393; Γ

&Delta; Δ&#91

6;Δ &#x394; Δ

&Epsilon; Ε&#91

7;Ε &#x395; Ε

&Zeta; Ζ&#91

8;Ζ &#x396; Ζ

&Eta; Η&#91

9;Η &#x397; Η

&Theta; Θ&#92

0;Θ &#x398; Θ

&Iota; Ι&#92

1;Ι &#x399; Ι

&Kappa; Κ&#92

2;Κ &#x39A; Κ

&Lambda;

Λ&#92

3;Λ &#x39B; Λ

&Mu; Μ&#92

4;Μ &#x39C; Μ

&Nu; Ν&#92

5;Ν &#x39D; Ν

&Xi; Ξ&#92

6;Ξ &#x39E; Ξ

&Omicron;

Ο&#92

7;Ο &#x39F; Ο

&Pi; Π&#92

8;Π &#x3A0; Π

Nombre de la entidad

Código decimal

Código hexadecimal

&Rho; Ρ&#92

9;Ρ &#x3A1; Ρ

&Sigma; Σ&#93

1;Σ &#x3A3; Σ

&Tau; Τ&#93

2;Τ &#x3A4; Τ

&Upsilon; Υ&#93

3;Υ &#x3A5; Υ

&Phi; Φ&#93

4;Φ &#x3A6; Φ

&Chi; Χ&#93

5;Χ &#x3A7; Χ

&Psi; Ψ&#93

6;Ψ &#x3A8; Ψ

&Omega; Ω&#93

7;Ω &#x3A9; Ω

&alpha; α&#94

5;α &#x3B1; α

&beta; β&#94

6;β &#x3B2; β

&gamma; γ&#94

7;γ &#x3B3; γ

&delta; δ&#94

8;δ &#x3B4; δ

&epsilon; ε&#94

9;ε &#x3B5; ε

&zeta; ζ&#95

0;ζ &#x3B6; ζ

&eta; η&#95

1;η &#x3B7; η

&theta; θ&#95

2;θ &#x3B8; θ

&iota; ι&#95

3;ι &#x3B9; ι

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Nombre de la entidad

Código decimal

Código hexadecimal

&kappa; κ&#95

4;κ &#x3BA; κ

&lambda; λ&#95

5;λ &#x3BB; λ

&mu; μ&#95

6;μ &#x3BC; μ

&nu; ν&#95

7;ν &#x3BD; ν

&xi; ξ&#95

8;ξ &#x3BE; ξ

&omicron;

ο&#95

9;ο &#x3BF; ο

&pi; π&#96

0;π &#x3C0; π

&rho; ρ&#96

1;ρ &#x3C1; ρ

&sigmaf; ς&#96

2;ς &#x3C2; ς

&sigma; σ&#96

3;σ &#x3C3; σ

&tau; τ&#96

4;τ &#x3C4; τ

&upsilon; υ&#96

5;υ &#x3C5; υ

&phi; φ&#96

6;φ &#x3C6; φ

&chi; χ&#96

7;χ &#x3C7; χ

&psi; ψ&#96

8;ψ &#x3C8; ψ

&omega; ω&#96

9;ω &#x3C9; ω

&thetasym;

ϑ&#97

7;ϑ &#x3D1; ϑ

&upsih; ϒ&#97

8;ϒ &#x3D2; ϒ

Nombre de la entidad

Código decimal

Código hexadecimal

&piv; ϖ&#98

2;ϖ &#x3D6; ϖ

&bull; •&#82

26;•

&#x2022;

•

&hellip; …&#82

30;…

&#x2026;

…

&prime; ′&#82

42;′

&#x2032;

′

&Prime; ″&#82

43;″

&#x2033;

″

&oline; ‾&#82

54;‾

&#x203E;

‾

&frasl; ⁄&#82

60;⁄

&#x2044;

⁄

&weierp; ℘&#84

72;℘

&#x2118;

℘

&image; ℑ&#84

65;ℑ

&#x2111;

ℑ

&real; ℜ&#84

76;ℜ

&#x211C;

ℜ

&trade; ™&#84

82;™

&#x2122;

™

&alefsym; ℵ&#85

01;ℵ

&#x2135;

ℵ

&larr; ←&#85

92;←

&#x2190;

←

&uarr; ↑&#85

93;↑

&#x2191;

↑

&rarr; →&#85

94;→

&#x2192;

→

&darr; ↓&#85

95;↓

&#x2193;

↓

&harr; ↔&#85

96;↔

&#x2194;

↔

&crarr; ↵&#86

29;↵

&#x21B5;

↵

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Nombre de la entidad

Código decimal

Código hexadecimal

&lArr; ⇐&#86

56;⇐

&#x21D0;

⇐

&uArr; ⇑&#86

57;⇑

&#x21D1;

⇑

&rArr; ⇒ &#8658;

⇒ &#x21D2;

⇒&dArr; ⇓

&#8659;

⇓&#x21D

3;⇓

&hArr; ⇔ &#8660;

⇔ &#x21D4;

⇔&forall; ∀ &#87

04;∀ &#x220

0;∀

&part; ∂&#87

06;∂

&#x2202;

∂

&exist; ∃ &#8707;

∃ &#x2203;

∃&empty; ∅

&#8709;

∅&#x220

5;∅

&nabla; ∇ &#8711;

∇ &#x2207;

∇&isin; ∈ &#87

12;∈ &#x220

8;∈

&notin; ∉&#87

13;∉

&#x2209;

∉

&ni; ∋ &#8715;

∋ &#x220B;

∋&prod; ∏

&#8719;

∏&#x220

F;∏

&sum; ∑&#87

21;∑

&#x2211;

∑

&minus; −&#87

22;−

&#x2212;

−

&lowast; ∗&#87

27;∗

&#x2217;

∗

&radic; √&#87

30;√

&#x221A;

√

Nombre de la entidad

Código decimal

Código hexadecimal

&prop; ∝ &#8733;

∝ &#x221D;

∝&infin; ∞

&#8734;

∞&#x221

E;∞

&ang; ∠ &#8736;

∠ &#x2220;

∠&and; ∧ &#87

43;∧ &#x222

7;∧

&or; ∨ &#8744;

∨ &#x2228;

∨&cap; ∩

&#8745;

∩&#x222

9;∩

&cup; ∪ &#8746;

∪ &#x222A;

∪&int; ∫

&#8747;

∫&#x222

B;∫

&there4; ∴ &#8756;

∴ &#x2234;

∴&sim; ∼ &#87

64;∼ &#x223

C;∼

&cong; ≅&#87

73;≅

&#x2245;

≅

&asymp; ≈&#87

76;≈

&#x2248;

≈

&ne; ≠&#88

00;≠

&#x2260;

≠

&equiv; ≡&#88

01;≡

&#x2261;

≡

&le; ≤&#88

04;≤

&#x2264;

≤

&ge; ≥&#88

05;≥

&#x2265;

≥

&sub; ⊂ &#8834;

⊂ &#x2282;

⊂&sup; ⊃ &#88

35;⊃ &#x228

3;⊃

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Nombre de la entidad

Código decimal

Código hexadecimal

&nsub; ⊄&#88

36;⊄

&#x2284;

⊄

&sube; ⊆ &#8838;

⊆ &#x2286;

⊆&supe; ⊇ &#88

39;⊇ &#x228

7;⊇

&oplus; ⊕ &#8853;

⊕ &#x2295;

⊕&otimes; ⊗

&#8855;

⊗&#x229

7;⊗

&perp; ⊥ &#8869;

⊥ &#x22A5;

⊥&sdot; ⋅

&#8901;

⋅&#x22C

5;⋅

&lceil; ⌈&#89

68;⌈

&#x2308;

⌈

&rceil; ⌉&#89

69;⌉

&#x2309;

⌉

&lfloor; ⌊&#89

70;⌊

&#x230A;

⌊

&rfloor; ⌋&#89

71;⌋

&#x230B;

⌋

&lang; ⟨&#90

01;⟨

&#x2329;

⟨

&rang; ⟩&#90

02;⟩

&#x232A;

⟩

&loz; ◊&#96

74;◊

&#x25CA;

◊

&spades; ♠&#98

24;♠

&#x2660;

♠

&clubs; ♣&#98

27;♣

&#x2663;

♣

&hearts; ♥&#98

29;♥

&#x2665;

♥

&diams; ♦&#98

30;♦

&#x2666;

♦

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

REFERENCIA DE ENTIDADES DE CARACTERES PARA MARCAS Y CARACTERES DE INTERNACIONALIZACIÓN

Nombre de la entidad

Código decimal

Código hexadecimal

&quot; " &#34; " &#x22; "

&amp; & &#38; & &#x26; &

&lt; < &#60; < &#x3C; <

&gt; > &#62; > &#x3E; >

&OElig; Œ&#33

8;Œ &#x152; Œ

&oelig; œ&#33

9;œ &#x153; œ

&Scaron; Š&#35

2;Š &#x160; Š

&scaron; š&#35

3;š &#x161; š

&Yuml; Ÿ&#37

6;Ÿ &#x178; Ÿ

&circ; ˆ&#71

0;ˆ &#x2C6; ˆ

&tilde; ˜&#73

2;˜ &#x2DC; ˜

&ensp;  &#81

94; 

&#x2002;

 

&emsp;  &#81

95; 

&#x2003;

 

&thinsp;  &#82

01; 

&#x2009;

 

&zwnj;&#82

04;&#x200

C;

&zwj;&#82

05;&#x200

D;

&lrm;&#82

06;&#x200E

;

&rlm;&#82

07;&#x200F

;

Nombre de la entidad

Código decimal

Código hexadecimal

&ndash; –&#82

11;–

&#x2013;

–

&mdash; —&#82

12;—

&#x2014;

—

&lsquo; ‘&#82

16;‘

&#x2018;

‘

&rsquo; ’&#82

17;’

&#x2019;

’

&sbquo; ‚&#82

18;‚

&#x201A;

‚

&ldquo; “&#82

20;“

&#x201C;

“

&rdquo; ”&#82

21;”

&#x201D;

”

&bdquo; „&#82

22;„

&#x201E;

„

&dagger; †&#82

24;†

&#x2020;

†

&Dagger; ‡&#82

25;‡

&#x2021;

‡

&permil; ‰&#82

40;‰

&#x2030;

‰

&lsaquo; ‹&#82

49;‹

&#x2039;

‹

&rsaquo; ›&#82

50;›

&#x203A;

›

&euro; €&#83

64;€

&#x20AC;

€

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Tag HTML

A continuación, encontrarás una lista de todos los tags HTML (lenguaje de marcas hipertextual) para el estándar HTML 4.01, que también pertenecen al estándar XHTML (lenguaje de marcas hipertextual extensible) con la excepción de aquellos desaprobados. Junto a cada tag encontrarás un símbolo indicando si el tag es vacío o no, lo que podría ayudarte en la labor de escribir código XHTML, el cual representa una mejor opción no tan difícil de lograr. Recomendamos fuertemente usar XHTML en lugar de HTML, debido a los beneficios y a las pequeñas diferencias.

El color rojo se ha usado para marcar tags desaprobados, cuyo uso no es recomendado. Esto se debe a que han sido reemplazados por otros tags (por ejemplo, el tag applet ha sido reemplazado por el tag object) o porque las hojas de estilos se han convertido en la forma preferida de lograr sus mismos efectos. Nota, que los tags y atributos desaprobados en HTML pueden no ser soportados por futuras versiones (por ejemplo, XHTML 1.0). Esta es una buena razón para dejar de usarlos.

Nota: Si no sabes lo que es un tag y/o cómo se debe utilizar, te recomendamos que leas nuestro tutorial "tags y atributos HTML" que puedes encontrar en nuestra sección de tutoriales HTML.

LISTA DE TAGS HTML

TagVacío

Descripción corta

<!-- -->Inserta comentarios

ocultos

<!DOCTYPE>

Establece el tipo de documento

<a>  Inserta vínculos o

marcadores

<abbr>   Explica abreviaciones

<acronym>

  Explica acrónimos

<address>

 Provee información de

contacto

<applet>  Inserta un applet

(scripts)

<area>Define sectores para

mapas de imagen

<b>   Texto en negrita

<base>URI base para resolver

URIs relativas

<basefont>

Tamaño de la fuente predeterminado

<bdo>   Suprime el algoritmo

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

bidireccional

<big>  Texto en tamaño

"grande".

<blockquote>

  Citar párrafos

<body>  Contiene los elementos

a mostrar

<br>Fuerza un quiebre de

línea

<button>   Crea un botón

<caption>  Establece un título para

una tabla

<center>   Centra su contenido

<cite>  Inserta una cita o

referencia

<code>  Representa texto de

computadora

<col>Da atributos a

columnas en una tabla

<colgroup>

 Agrupa columnas en

una tabla

<dd>  Define descripciones en

una lista

<del>   Indica texto eliminado

<dfn>  Asigna una definición a

un término

<dir>  Inserta una lista de

directorios (árbol)

<div>  Define un bloque de

contenido

<dl>   Define una lista

<dt>  Inserta un término en

una lista

<em>   Indica énfasis

<fieldset>  Agrupa controles en un

formulario

<font>   Establece el estilo de

fuente

<form>   Inserta un formulario

<frame> Inserta un marco

<frameset>

 Inserta un grupo de

frames

<h1>   Encabezado de nivel 1

<h2>   Encabezado de nivel 2

<h3>   Encabezado de nivel 3

<h4>   Encabezado de nivel 4

<h5>   Encabezado de nivel 5

<h6>   Encabezado de nivel 6

<head>  Define el bloque de

encabezado

<hr>Dibuja una línea o regla

horizontal

<html>   Contiene al documento

<i>   Muestra texto en itálica

<iframe>  Inserta un marco

dentro del documento

<img> Inserta una imagen

<input>Muestra controles de

entrada

<ins>   Indica texto insertado

<isindex> Entrada de línea simple

<kbd>  Indica texto a

ingresarse por el usuario

<label>  Establece una etiqueta

para un control

<legend>  Asigna un título a un

"fieldset"

<li>  Define un artículo en

una lista

<link>Ofrece informacón

relacional

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

<map>  Define un mapa de

imagen

<menu>   Lista menú

<meta>Da información sobre el

documento

<noframes>

 Contenido alternativo

para marcos

<noscript>

 Contenido alternativo

para scripts

<object>  Ejecuta aplicaciones

externas

<ol>  Inserta una lista

ordenada

<optgroup>

 Agrupa opciones en un

control select

<option>  Define una opción en

un control select

<p>   Define un párrafo

<param>Da un parámetro para

un objeto

<pre>  Bloque de texto preformateado

<q>  Inserta una cita en una

línea

<s>   Muestra texto tachado

<samp>  Representa texto de

programas

<script>   Contiene scripts

<select>   Crea un control select

<small>  Muestra texto en letra

"pequeña"

<span>  Asigna atributos al

texto en líneas

<strike>   Muestra texto tachado

<strong>   Indica énfasis fuerte

<style>   Define atributos

visuales (hojas estilo)

<sub>  Define texto en sub-

índice

<sup>  Define texto en super-

índice

<table>   Inserta una tabla

<tbody>  Define un cuerpo en

una tabla

<td>  Celda regular de una

tabla

<textarea>

 Entrada de texto de

líneas múltiples

<tfoot>  Define un pie en una

tabla

<th>  Celda de encabezado

de una tabla

<thead>  Define un encabezado

de tabla

<title>  Define el título del

documento

<tr>  Inserta una fila en una

tabla

<tt>  Muestra texto en

"teletype"

<u>  Muestra texto

subrayado

<ul>  Inserta una lista sin

orden

<var>  Indica una instancia de

una variable

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Tags y atributos desaprobados en HTML

Los tags y atributos desaprobados son parte del estándar HTML (lenguaje de marcas hipertextual) cuyo uso ya no es recomendado. Esto sucede debido a que el estándar HTML es actualizado regularmente (por ejemplo, de la versión 3.0 a la 4.0) y algunos tags o características del lenguaje son agregados y otros removidos o desaprobados. Como consecuencia de esto, los autores de documentos HTML son provistos con más herramientas cuando un nuevo elemento o atributo es agregado, así como también advertidos de desechar aquellos que han sido reemplazados o se han vuelto obsoletos. La decisión de utilizar o no tags y/o atributos desaprobados es dejada a consideración de cada autor. Muchos navegadores ofrecen soporte para elementos desaprobados, pero en un futuro no muy lejano esto podría cambiar. La recomendación general es intentar utilizar otras formas de lograr sus efectos.

Los tags desaprobados en HTML 4.01 son fácilmente identificables. A continuación, mostramos una lista de los diez tags desaprobados:

applet: Reemplazado por el tag HTML object. dir: Reemplazado por el tag HTML ul. isindex: Reemplazado por el tag HTML input. menu: Reemplazado por el tag HTML ul.

Tags desaprobados en favor de las hojas de estilo:

basefont center font s strike u

Los atributos desaprobados varían de tag en tag. La mayoría de ellos son atributos de presentación y han sido desaprobados en favor de las hojas de estilo. Esto significa que su mismo efecto puede ser logrado usando el atributo "id", "style" o "class" en conjunto con hojas de estilo. En los ejemplos que a continuación se muestran, definimos dos trozos de código que lograrán el mismo efecto utilizando diferentes métodos.

Ejemplo desaprobado usando el tag HTML font:

Comienzo del código<html><head>

<title>Ejemplo desaprobado para el tag HTML font</title></head><body>

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

...<font face="Arial,helvetica" color="#0000FF">trozo de texto en azul</font>...</body>

</html>Fin del código

 

Ejemplo utilizando el atributo "style":

Comienzo del código<html><head>

<title>Ejemplo utilizando el atributo "style"</title></head><body>

...<span style="font-family: arial,helvetica; color: #0000FF">trozo de texto en azul</span>...</body>

</html>Fin del código

 

Ejemplo utilizando clases con el tag HTML style:

Comienzo del código<html><head>

<title>Ejemplo utilizando clases con el tag HTML style</title><style type="text/css">

span.bluetext {font-family: arial,helvetica; color: #0000FF}</style></head><body>

...<span class="bluetext">trozo de texto en azul</span>...</body>

</html>

TIPOS EN HTML

LISTA DE TIPOS

cdata [CS]

Secuencia de caracteres del set de caracteres del documento que pueden incluir entidades de caracteres.

character [CN]

Un solo carácter del set de caracteres del documento. Caracteres simples pueden ser especificados con una referencia de entidad de caracteres (por ejemplo, "&").

charset [CI]

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Una codificación de caracteres de acuerdo con la lista de codificación de caracteres

color [CI]

Un valor de color puede o bien ser un número hexadecimal (precedido por un carácter numeral) o uno de los siguientes dieciséis nombres de colores. Los nombres de colores son case-insensitive.

Black = "#000000" Green = "#008000" Silver = "#C0C0C0" Lime = "#00FF00" Gray = "#808080" Olive = "#808000" White = "#FFFFFF" Yellow = "#FFFF00" Maroon = "#800000" Navy = "#000080" Red = "#FF0000" Blue = "#0000FF" Purple = "#800080" Teal = "#008080" Fuchsia = "#FF00FF" Aqua = "#00FFFF"

Los números hexadecimales son construidos con el formato RGB (rojo, verde, azul), esto significa que los dos primeros caracteres describen el valor para el color rojo, los dos segundos para el verde y los dos terceros para el azul.

content-type [CI]

Un valor de la lista de tipos MIME.

datetime [CS]

Designa un punto en la línea de tiempo. El formato es el siguiente:

YYYY-MM-DDThh:mm:ssTZD

Donde:

YYYY = año de cuatro dígitos MM = mes de dos dígitos (01=Enero, etc.) DD = día del mes de dos dígitos (01 a 31) hh = hora de dos dígitos (00 a 23) (am/pm NO permitido)

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

mm = minutos de dos dígitos (00 a 59) ss = segundos de dos dígitos (00 a 59) TZD = designador de zona horaria

El valor para el designador de zona horaria (TZD) debe ser uno de los siguientes:

Z = Indica el UTC (Tiempo Universal Coordinado) y debe ser todo en mayúsculas. +hh:mm = Indica una hora local la cual está hh horas y mm minutos adelante de

UTC. -hh:mm = Indica una hora local la cual está hh horas y mm minutos detrás de UTC.

frame-target [CI]

Los nombres de marcos deben comenzar con una letra ([A-Z] ó [a-z]). Los nombres especificados a continuación son reservados y tienen significados especiales.

_blank: abre el documento en una nueva ventana. _self: abre el documento en el mismo marco que el elemento referente. _parent: abre el documento en el marco "padre" del marco actual. si no hay un

marco "padre" funciona igual que "_self". _top: Abre el documento en la ventana del elemento referente, rompiendo la

estructura de marcos actual. Si no hay estructura de marcos funciona igual que "_self".

idref [CS]

El tipo idref es una referencia a un ID definido en otros atributos.

langcode [CI]

Un código refiriéndose a un lenguaje específico de acuerdo con la tabla de códigos de lenguaje.

length [CA]

Puede ser medido en número de píxeles o como porcentaje del espacio disponible.

link-types [CI]

Un valor de la siguiente lista:

Alternate: Designa versiones sustitutas del documento actual. Usada conjuntamente con el atributo "lang" implica una versión traducida del documento. Usada conjuntamente con el atributo "media" implica una versión diseñada para un medio diferente.

Stylesheet: Una hoja de estilos externa. Puede ser usado conjuntamente con el tipo de vínculo "Alternate" para hojas de estilos seleccionables.

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Start: El primer documento en una colección. Indica a los motores de búsqueda qué documento es considerado el punto de partida por el autor.

Next: El próximo documento en una secuencia lineal de documentos. Prev: El documento anterior en una serie ordenada de documentos. Contents: Un documento sirviendo como tabla de contenidos. Index: Un documento proporcionando un índice para el documento actual. Glossary: Un documento proporcionando un glosario de términos que pertenecen

al documento actual. Copyright: Una declaración de derechos de copia para el documento actual. Chapter: Un documento sirviendo como capítulo en una colección de documentos. Section: Un documento sirviendo como sección en una colección de documentos. Subsection: Un documento sirviendo como subsección en una colección de

documentos. Appendix: Un documento sirviendo de apéndice en una colección de documentos. Help: Un documento ofreciendo ayuda (más información, enlaces a otros recursos,

etc.). Bookmark: Un bookmark (señalador). Es un enlace a un punto clave de un

documento.

media-descriptor [CI]

Un valor de la siguiente lista:

screen: Pensado para pantallas de computadoras. tty: Pensado para medios usando una grilla de caracteres como los teletypes,

terminales, o dispositivos portables con capacidades de graficación limitadas. tv: Pensado para dispositivos tipo televisión (baja resolución o color, sin

desplazamiento). projection: Pensado para proyectores. handheld: Pensado para dispositivos de mano (pantalla pequeña, monocromáticos,

etc.). print: Pensado para paginados y para documentos vistos en pantalla en vista

previa de impresión. braille: Pensado para dispositivos táctiles Braille. aural: Pensado para sintetizadores de voz. all: Aplicable a cualquier dispositivo.

multi-length [CN]

El valor puede ser un length o un relative length. Un relative length funciona exactamente como los valores de porcentaje pero solo sobre el espacio restante. Esto significa que el navegador primero asigna el espacio para todos los valores length y luego divide el sobrante entre los relative lengths. La notación para este valor es "i*", donde i es un entero. La suma de todos los valores "i" es equivalente al 100%.

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

name [CS]

Debe comenzar con una letra ([A-Z] ó [a-z]) y puede continuar con letras, dígitos ([0-9]), guiones ("-"), guiones bajos ("_"), dos puntos (":"), y puntos (".").

number [CA]

Debe contener al menos un dígito ([0-9]).

pixels [CN]

Un entero representando un número de píxeles.

style [CN]

La información de hojas de estilos es un tipo específico no evaluado por navegadores

como código HTML.

text [CS]

Las cadenas de texto suponen ser "legibles para humanos", mayormente usadas para ser mostradas en algún lugar del navegador.

uri [CT]

Ver la Definición de URI y URL. En general son case-sensitive. Pueden existir URIs, o partes de ellas, donde el case no influya (como en los nombres de máquinas), pero identificar estos casos puede no ser tarea fácil. Se recomienda considerarlas como case-sensitives para evitar errores.

REFERENCIA DE CASE-SENSITIVITY

Aquí está la referencia de case-sensitivity de cada tipo. Esto te ayudará a entender cómo los navegadores leerán los valores que usas para cada atributo.

CS: El valor es sensible a mayúsculas/minúsculas. El navegador interpreta "a" y "A" como valores diferentes.

CI: El valor no es sensible a mayúsculas/minúsculas. El navegador interpreta "a" y "A" como valores iguales.

CN: El valor no está sujeto a cambios mayúsculas/minúsculas. CA: La definición del elemento o atributo ofrece información sobre

mayúsculas/minúsculas. CT: Consulta la definición del tipo para detalles acerca de mayúsculas/minúsculas.

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

TIPOS MIME

MIME (extensiones de correo de internet multipropósito), es un estándar que clasifica recursos y provee información a programas acerca de cómo manejarlos. Esto permite a los navegadores abrir correctamente un archivo .txt como un recurso de texto plano y no como un archivo de video o algún otro tipo. Cuando un tipo MIME no es especificado para un recurso, el programa que lo procese puede "suponer" su tipo por la extensión del recurso (por ejemplo, un archivo .bmp supone contener una imagen de mapa de bits).

Se recomienda proveer información sobre tipos MIME en todos los lugares en que sea posible hacerlo (atributo type en tag HTML script y tag HTML link, atributo enctype para el tag HTML form y en el tag HTML meta cuando se define el content-type del documento). Esto puede ayudar a lograr una mayor compatibilidad con los navegadores y al correcto funcionamiento del documento en sí.

LISTA DE TIPOS MIME

Tipo MIMEExtensió

n

application/acad .dwg

application/arj .arj

application/base64 .mm

application/base64 .mme

application/binhex .hqx

application/binhex4 .hqx

application/book .boo

application/book .book

application/cdf .cdf

application/clariscad .ccad

application/commonground .dp

application/drafting .drw

application/dsptype .tsp

application/dxf .dxf

application/envoy .evy

application/excel .xl

application/excel .xla

application/excel .xlb

application/excel .xlc

Tipo MIMEExtensió

n

application/excel .xld

application/excel .xlk

application/excel .xll

application/excel .xlm

application/excel .xls

application/excel .xlt

application/excel .xlv

application/excel .xlw

application/fractals .fif

application/freeloader .frl

application/futuresplash .spl

application/gnutar .tgz

application/groupwise .vew

application/hlp .hlp

application/hta .hta

application/i-deas .unv

application/iges .iges

application/iges .igs

application/inf .inf

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Tipo MIMEExtensió

n

application/java .clas

application/java-byte-code .clas

application/lha .lha

application/lzx .lzx

application/mac-binary .bin

application/mac-binhex .hqx

application/mac-binhex40 .hqx

application/mac-compactpro .cpt

application/macbinary .bin

application/marc .mrc

application/mbedlet .mbd

application/mcad .mcd

application/mime .aps

application/mspowerpoint .pot

application/mspowerpoint .pps

application/mspowerpoint .ppt

application/mspowerpoint .ppz

application/msword .doc

application/msword .dot

application/msword .w6w

application/msword .wiz

application/msword .word

application/mswrite .wri

application/netmc .mcp

application/octet-stream .a

application/octet-stream .arc

application/octet-stream .arj

application/octet-stream .bin

application/octet-stream .com

application/octet-stream .dump

Tipo MIMEExtensió

n

application/octet-stream .exe

application/octet-stream .lha

application/octet-stream .lhx

application/octet-stream .lzh

application/octet-stream .lzx

application/octet-stream .o

application/octet-stream .psd

application/octet-stream .save

application/octet-stream .uu

application/octet-stream .zoo

application/oda .oda

application/pdf .pdf

application/pkcs-12 .p12

application/pkcs-crl .crl

application/pkcs10 .p10

application/pkcs7-mime .p7c

application/pkcs7-mime .p7m

application/pkcs7-signature .p7s

application/pkix-cert .cer

application/pkix-cert .crt

application/pkix-crl .crl

application/plain .text

application/postscript .ai

application/postscript .eps

application/postscript .ps

application/powerpoint .ppt

application/pro_eng .part

application/pro_eng .prt

application/ringing-tones .rng

application/rtf .rtf

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Tipo MIMEExtensió

n

application/rtf .rtx

application/sdp .sdp

application/sea .sea

application/set .set

application/sla .stl

application/smil .smi

application/smil .smil

application/solids .sol

application/sounder .sdr

application/step .step

application/step .stp

application/streamingmedia .ssm

application/toolbook .tbk

application/vda .vda

application/vnd.fdf .fdf

application/vnd.hp-hpgl .hgl

application/vnd.hp-hpgl .hpg

application/vnd.hp-hpgl .hpgl

application/vnd.hp-pcl .pcl

application/vnd.ms-excel .xlb

application/vnd.ms-excel .xlc

application/vnd.ms-excel .xll

application/vnd.ms-excel .xlm

application/vnd.ms-excel .xls

application/vnd.ms-excel .xlw

application/vnd.ms-pki.certstore .sst

application/vnd.ms-pki.pko .pko

application/vnd.ms-pki.seccat .cat

application/vnd.ms-pki.stl .stl

application/vnd.ms-powerpoint .pot

Tipo MIMEExtensió

n

application/vnd.ms-powerpoint .ppa

application/vnd.ms-powerpoint .pps

application/vnd.ms-powerpoint .ppt

application/vnd.ms-powerpoint .pwz

application/vnd.ms-project .mpp

application/vnd.nokia.configuration-message

.ncm

application/vnd.nokia.ringing-tone .rng

application/vnd.rn-realmedia .rm

application/vnd.rn-realplayer .rnx

application/vnd.wap.wmlc .wmlc

application/vnd.wap.wmlscriptc .wmls

application/vnd.xara .web

application/vocaltec-media-desc .vmd

application/vocaltec-media-file .vmf

application/wordperfect .wp

application/wordperfect .wp5

application/wordperfect .wp6

application/wordperfect .wpd

application/wordperfect6.0 .w60

application/wordperfect6.0 .wp5

application/wordperfect6.1 .w61

application/x-123 .wk1

application/x-aim .aim

application/x-authorware-bin .aab

application/x-authorware-map .aam

application/x-authorware-seg .aas

application/x-bcpio .bcpi

application/x-binary .bin

application/x-binhex40 .hqx

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Tipo MIMEExtensió

n

application/x-bsh .bsh

application/x-bsh .sh

application/x-bsh .shar

application/x-bytecode.elisp .elc

application/x-bytecode.python .pyc

application/x-bzip .bz

application/x-bzip2 .boz

application/x-bzip2 .bz2

application/x-cdf .cdf

application/x-cdlink .vcd

application/x-chat .cha

application/x-chat .chat

application/x-cmu-raster .ras

application/x-cocoa .cco

application/x-compactpro .cpt

application/x-compress .z

application/x-compressed .gz

application/x-compressed .tgz

application/x-compressed .z

application/x-compressed .zip

application/x-conference .nsc

application/x-cpio .cpio

application/x-cpt .cpt

application/x-csh .csh

application/x-deepv .deep

application/x-director .dcr

application/x-director .dir

application/x-director .dxr

application/x-dvi .dvi

application/x-elc .elc

Tipo MIMEExtensió

n

application/x-envoy .env

application/x-envoy .evy

application/x-esrehber .es

application/x-excel .xla

application/x-excel .xlb

application/x-excel .xlc

application/x-excel .xld

application/x-excel .xlk

application/x-excel .xll

application/x-excel .xlm

application/x-excel .xls

application/x-excel .xlt

application/x-excel .xlv

application/x-excel .xlw

application/x-frame .mif

application/x-freelance .pre

application/x-gsp .gsp

application/x-gss .gss

application/x-gtar .gtar

application/x-gzip .gz

application/x-gzip .gzip

application/x-hdf .hdf

application/x-helpfile .help

application/x-helpfile .hlp

application/x-httpd-imap .imap

application/x-ima .ima

application/x-internett-signup .ins

application/x-inventor .iv

application/x-ip2 .ip

application/x-java-class .clas

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Tipo MIMEExtensió

n

application/x-java-commerce .jcm

application/x-javascript .js

application/x-koan .skd

application/x-koan .skm

application/x-koan .skp

application/x-koan .skt

application/x-ksh .ksh

application/x-latex .late

application/x-latex .ltx

application/x-lha .lha

application/x-lisp .lsp

application/x-livescreen .ivy

application/x-lotus .wq1

application/x-lotusscreencam .scm

application/x-lzh .lzh

application/x-lzx .lzx

application/x-mac-binhex40 .hqx

application/x-macbinary .bin

application/x-magic-cap-package-1.0 .mc$

application/x-mathcad .mcd

application/x-meme .mm

application/x-midi .mid

application/x-midi .midi

application/x-mif .mif

application/x-mix-transfer .nix

application/x-mplayer2 .asx

application/x-msexcel .xla

application/x-msexcel .xls

application/x-msexcel .xlw

application/x-mspowerpoint .ppt

Tipo MIMEExtensió

n

application/x-navi-animation .ani

application/x-navidoc .nvd

application/x-navimap .map

application/x-navistyle .stl

application/x-netcdf .cdf

application/x-netcdf .nc

application/x-newton-compatible-pkg .pkg

application/x-nokia-9000-communicator-add-on-softw

.aos

application/x-omc .omc

application/x-omcdatamaker .omcd

application/x-omcregerator .omcr

application/x-pagemaker .pm4

application/x-pagemaker .pm5

application/x-pcl .pcl

application/x-pixclscript .plx

application/x-pkcs10 .p10

application/x-pkcs12 .p12

application/x-pkcs7-certificates .spc

application/x-pkcs7-certreqresp .p7r

application/x-pkcs7-mime .p7c

application/x-pkcs7-mime .p7m

application/x-pkcs7-signature .p7a

application/x-pointplus .css

application/x-portable-anymap .pnm

application/x-project .mpc

application/x-project .mpt

application/x-project .mpv

application/x-project .mpx

application/x-qpro .wb1

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Tipo MIMEExtensió

n

application/x-rtf .rtf

application/x-sdp .sdp

application/x-sea .sea

application/x-seelogo .sl

application/x-sh .sh

application/x-shar .sh

application/x-shar .shar

application/x-shockwave-flash .swf

application/x-sit .sit

application/x-sprite .spr

application/x-sprite .spri

application/x-stuffit .sit

application/x-sv4cpio .sv4c

application/x-sv4crc .sv4c

application/x-tar .tar

application/x-tbook .sbk

application/x-tbook .tbk

application/x-tcl .tcl

application/x-tex .tex

application/x-texinfo .texi

application/x-troff .roff

application/x-troff .t

application/x-troff .tr

application/x-troff-man .man

application/x-troff-me .me

application/x-troff-ms .ms

application/x-troff-msvideo .avi

application/x-ustar .usta

application/x-visio .vsd

application/x-visio .vst

Tipo MIMEExtensió

n

application/x-visio .vsw

application/x-vnd.audioexplosion.mzz .mzz

application/x-vnd.ls-xpix .xpix

application/x-vrml .vrml

application/x-wais-source .src

application/x-wais-source .wsrc

application/x-winhelp .hlp

application/x-wintalk .wtk

application/x-world .svr

application/x-world .wrl

application/x-wpwin .wpd

application/x-wri .wri

application/x-x509-ca-cert .cer

application/x-x509-ca-cert .crt

application/x-x509-ca-cert .der

application/x-x509-user-cert .crt

application/x-zip-compressed .zip

application/xml .xml

application/zip .zip

audio/aiff .aif

audio/aiff .aifc

audio/aiff .aiff

audio/basic .au

audio/basic .snd

audio/it .it

audio/make .funk

audio/make .my

audio/make .pfun

audio/make.my.funk .pfun

audio/mid .rmi

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Tipo MIMEExtensió

n

audio/midi .kar

audio/midi .mid

audio/midi .midi

audio/mod .mod

audio/mpeg .m2a

audio/mpeg .mp2

audio/mpeg .mpa

audio/mpeg .mpg

audio/mpeg .mpga

audio/mpeg3 .mp3

audio/nspaudio .la

audio/nspaudio .lma

audio/s3m .s3m

audio/tsp-audio .tsi

audio/tsplayer .tsp

audio/vnd.qcelp .qcp

audio/voc .voc

audio/voxware .vox

audio/wav .wav

audio/x-adpcm .snd

audio/x-aiff .aif

audio/x-aiff .aifc

audio/x-aiff .aiff

audio/x-au .au

audio/x-gsm .gsd

audio/x-gsm .gsm

audio/x-jam .jam

audio/x-liveaudio .lam

audio/x-mid .mid

audio/x-mid .midi

Tipo MIMEExtensió

n

audio/x-midi .mid

audio/x-midi .midi

audio/x-mod .mod

audio/x-mpeg .mp2

audio/x-mpeg-3 .mp3

audio/x-mpequrl .m3u

audio/x-nspaudio .la

audio/x-nspaudio .lma

audio/x-pn-realaudio .ra

audio/x-pn-realaudio .ram

audio/x-pn-realaudio .rm

audio/x-pn-realaudio .rmm

audio/x-pn-realaudio .rmp

audio/x-pn-realaudio-plugin .ra

audio/x-pn-realaudio-plugin .rmp

audio/x-pn-realaudio-plugin .rpm

audio/x-psid .sid

audio/x-realaudio .ra

audio/x-twinvq .vqf

audio/x-twinvq-plugin .vqe

audio/x-twinvq-plugin .vql

audio/x-vnd.audioexplosion.mjuicemediafile

.mjf

audio/x-voc .voc

audio/x-wav .wav

audio/xm .xm

chemical/x-pdb .pdb

chemical/x-pdb .xyz

drawing/x-dwf .dwf

i-world/i-vrml .ivr

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Tipo MIMEExtensió

n

image/bmp .bm

image/bmp .bmp

image/cmu-raster .ras

image/cmu-raster .rast

image/fif .fif

image/florian .flo

image/florian .turb

image/g3fax .g3

image/gif .gif

image/ief .ief

image/ief .iefs

image/jpeg .jfif

image/jpeg .jpe

image/jpeg .jpeg

image/jpeg .jpg

image/jutvision .jut

image/naplps .nap

image/naplps .napl

image/pict .pic

image/pict .pict

image/pjpeg .jfif

image/pjpeg .jpe

image/pjpeg .jpeg

image/pjpeg .jpg

image/png .png

image/png .x-pn

image/tiff .tif

image/tiff .tiff

image/vasa .mcf

image/vnd.dwg .dwg

Tipo MIMEExtensió

n

image/vnd.dwg .dxf

image/vnd.dwg .svf

image/vnd.fpx .fpx

image/vnd.net-fpx .fpx

image/vnd.rn-realflash .rf

image/vnd.rn-realpix .rp

image/vnd.wap.wbmp .wbmp

image/vnd.xiff .xif

image/x-cmu-raster .ras

image/x-dwg .dwg

image/x-dwg .dxf

image/x-dwg .svf

image/x-icon .ico

image/x-jg .art

image/x-jps .jps

image/x-niff .nif

image/x-niff .niff

image/x-pcx .pcx

image/x-pict .pct

image/x-portable-anymap .pnm

image/x-portable-bitmap .pbm

image/x-portable-graymap .pgm

image/x-portable-greymap .pgm

image/x-portable-pixmap .ppm

image/x-quicktime .qif

image/x-quicktime .qti

image/x-quicktime .qtif

image/x-rgb .rgb

image/x-tiff .tif

image/x-tiff .tiff

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Tipo MIMEExtensió

n

image/x-windows-bmp .bmp

image/x-xbitmap .xbm

image/x-xbm .xbm

image/x-xpixmap .pm

image/x-xpixmap .xpm

image/x-xwd .xwd

image/x-xwindowdump .xwd

image/xbm .xbm

image/xpm .xpm

message/rfc822 .mht

message/rfc822 .mhtm

message/rfc822 .mime

model/iges .iges

model/iges .igs

model/vnd.dwf .dwf

model/vrml .vrml

model/vrml .wrl

model/vrml .wrz

model/x-pov .pov

multipart/x-gzip .gzip

multipart/x-ustar .usta

multipart/x-zip .zip

music/crescendo .mid

music/crescendo .midi

music/x-karaoke .kar

paleovu/x-pv .pvu

text/asp .asp

text/css .css

text/html .acgi

text/html .htm

Tipo MIMEExtensió

n

text/html .html

text/html .htx

text/html .shtm

text/mcf .mcf

text/pascal .pas

text/plain .c

text/plain .c++

text/plain .cc

text/plain .com

text/plain .conf

text/plain .cxx

text/plain .def

text/plain .f

text/plain .f90

text/plain .for

text/plain .g

text/plain .h

text/plain .hh

text/plain .idc

text/plain .jav

text/plain .java

text/plain .list

text/plain .log

text/plain .lst

text/plain .m

text/plain .mar

text/plain .pl

text/plain .sdml

text/plain .text

text/plain .txt

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

text/richtext .rt

text/richtext .rtf

text/richtext .rtx

text/scriplet .wsc

text/sgml .sgm

text/sgml .sgml

text/tab-separated-values .tsv

text/uri-list .uni

text/uri-list .unis

text/uri-list .uri

text/uri-list .uris

text/vnd.abc .abc

text/vnd.fmi.flexstor .flx

text/vnd.rn-realtext .rt

text/vnd.wap.wml .wml

text/vnd.wap.wmlscript .wmls

text/webviewhtml .htt

text/x-asm .asm

text/x-asm .s

text/x-audiosoft-intra .aip

text/x-c .c

text/x-c .cc

text/x-c .cpp

text/x-component .htc

text/x-fortran .f

text/x-fortran .f77

text/x-fortran .f90

text/x-fortran .for

text/x-h .h

text/x-h .hh

text/x-java-source .jav

text/x-java-source .java

text/x-la-asf .lsx

text/x-m .m

text/x-pascal .p

text/x-script .hlb

text/x-script.csh .csh

text/x-script.elisp .el

text/x-script.guile .scm

text/x-script.ksh .ksh

text/x-script.lisp .lsp

text/x-script.perl .pl

text/x-script.perl-module .pm

text/x-script.phyton .py

text/x-script.rexx .rexx

text/x-script.scheme .scm

text/x-script.sh .sh

text/x-script.tcl .tcl

text/x-script.tcsh .tcsh

text/x-script.zsh .zsh

text/x-server-parsed-html .shtm

text/x-server-parsed-html .ssi

text/x-setext .etx

text/x-sgml .sgm

text/x-sgml .sgml

text/x-speech .spc

text/x-speech .talk

text/x-uil .uil

text/x-uuencode .uu

text/x-uuencode .uue

text/x-vcalendar .vcs

text/xml .xml

video/animaflex .afl

video/avi .avi

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

video/avs-video .avs

video/dl .dl

video/fli .fli

video/gl .gl

video/mpeg .m1v

video/mpeg .m2v

video/mpeg .mp2

video/mpeg .mp3

video/mpeg .mpa

video/mpeg .mpe

video/mpeg .mpeg

video/mpeg .mpg

video/msvideo .avi

video/quicktime .moov

video/quicktime .mov

video/quicktime .qt

video/vdo .vdo

video/vivo .viv

video/vivo .vivo

video/vnd.rn-realvideo .rv

video/vnd.vivo .viv

video/vnd.vivo .vivo

video/vosaic .vos

video/x-amt-demorun .xdr

video/x-amt-showrun .xsr

video/x-atomic3d-feature .fmf

video/x-dl .dl

video/x-dv .dif

video/x-dv .dv

video/x-fli .fli

video/x-gl .gl

video/x-isvideo .isu

video/x-motion-jpeg .mjpg

video/x-mpeg .mp2

video/x-mpeg .mp3

video/x-mpeq2a .mp2

video/x-ms-asf .asf

video/x-ms-asf .asx

video/x-ms-asf-plugin .asx

video/x-msvideo .avi

video/x-qtc .qtc

video/x-scm .scm

video/x-sgi-movie .movi

video/x-sgi-movie .mv

windows/metafile .wmf

www/mime .mime

x-conference/x-cooltalk .ice

x-music/x-midi .mid

x-music/x-midi .midi

x-world/x-3dmf .3dm

x-world/x-3dmf .3dmf

x-world/x-3dmf .qd3

x-world/x-3dmf .qd3d

x-world/x-svr .svr

x-world/x-vrml .vrml

x-world/x-vrml .wrl

x-world/x-vrml .wrz

x-world/x-vrt .vrt

xgl/drawing .xgz

xgl/movie .xmz

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

Bibliografíahttp://es.wikipedia.org/wiki/HTML

http://www.htmlquick.com/es/reference.html

http://www.htmlquick.com/es/reference/character-encoding.html

http://www.htmlquick.com/es/reference/language-codes.html

http://www.htmlquick.com/es/reference/country-codes.html

http://www.htmlquick.com/es/reference/uri-url.html

http://www.htmlquick.com/es/reference/events.html

http://www.htmlquick.com/es/reference/character-entity-reference.html

http://www.htmlquick.com/es/reference/tags.html

http://www.htmlquick.com/es/reference/deprecated.html

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

http://www.htmlquick.com/es/reference/mime-types.html

http://www.htmlquick.com/es/reference/types.html