html investigacion
TRANSCRIPT
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
á á Á Á
é é É É
í í Í Í
ó ó Ó Ó
ú ú Ú Ú
ü ü Ü Ü
ñ ñ Ñ Ñ
¡ ¡ ¿ ¿
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 Σ (notación decimal), o Σ (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, á para á) Decimal: Su valor decimal (por ejemplo, &225; para á) Hexadecimal: Su valor hexadecimal (por ejemplo, á 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
   
¡ ¡ ¡ ¡ ¡ ¡
¢ ¢ ¢ ¢ ¢ ¢
£ £ £ £ £ £
¤ ¤ ¤ ¤ ¤ ¤
¥ ¥ ¥ ¥ ¥ ¥
¦ ¦ ¦ ¦ ¦ ¦
§ § § § § §
¨ ¨ ¨ ¨ ¨ ¨
© © © © © ©
ª ª ª ª ª ª
« « « « « «
¬ ¬ ¬ ¬ ¬ ¬
­ ­ ­
® ® ® ® ® ®
¯ ¯ ¯ ¯ ¯ ¯
° ° ° ° ° °
± ± ± ± ± ±
² ² ² ² ² ²
³ ³ ³ ³ ³ ³
´ ´ ´ ´ ´ ´
µ µ µ µ µ µ
¶ ¶ ¶ ¶ ¶ ¶
· · · · · ·
¸ ¸ ¸ ¸ ¸ ¸
¹ ¹ ¹ ¹ ¹ ¹
º º º º º º
» » » » » »
¼ ¼ ¼ ¼ ¼ ¼
½ ½ ½ ½ ½ ½
MANEJO DE APLICACIONES POR MEDIOS DIGITALES
¾ ¾ ¾ ¾ ¾ ¾
¿ ¿ ¿ ¿ ¿ ¿
À À À À À À
Á Á Á Á Á Á
     Â
à à à à à Ã
Ä Ä Ä Ä Ä Ä
Å Å Å Å Å Å
Æ Æ Æ Æ Æ Æ
Ç Ç Ç Ç Ç Ç
È È È È È È
É É É É É É
Ê Ê Ê Ê Ê Ê
Ë Ë Ë Ë Ë Ë
Ì Ì Ì Ì Ì Ì
Í Í Í Í Í Í
Î Î Î Î Î Î
Ï Ï Ï Ï Ï Ï
Ð Ð Ð Ð Ð Ð
Ñ Ñ Ñ Ñ Ñ Ñ
Ò Ò Ò Ò Ò Ò
Ó Ó Ó Ó Ó Ó
Ô Ô Ô Ô Ô Ô
Õ Õ Õ Õ Õ Õ
Ö Ö Ö Ö Ö Ö
× × × × × ×
Ø Ø Ø Ø Ø Ø
Ù Ù Ù Ù Ù Ù
Ú Ú Ú Ú Ú Ú
Û Û Û Û Û Û
Ü Ü Ü Ü Ü Ü
Ý Ý Ý Ý Ý Ý
Þ Þ Þ Þ Þ Þ
ß ß ß ß ß ß
à à à à à à
á á á á á á
â â â â â â
ã ã ã ã ã ã
ä ä ä ä ä ä
å å å å å å
æ æ æ æ æ æ
ç ç ç ç ç ç
è è è è è è
é é é é é é
ê ê ê ê ê ê
ë ë ë ë ë ë
ì ì ì ì ì ì
í í í í í í
î î î î î î
ï ï ï ï ï ï
ð ð ð ð ð ð
ñ ñ ñ ñ ñ ñ
ò ò ò ò ò ò
ó ó ó ó ó ó
ô ô ô ô ô ô
õ õ õ õ õ õ
ö ö ö ö ö ö
÷ ÷ ÷ ÷ ÷ ÷
ø ø ø ø ø ø
ù ù ù ù ù ù
ú ú ú ú ú ú
û û û û û û
ü ü ü ü ü ü
ý ý ý ý ý ý
MANEJO DE APLICACIONES POR MEDIOS DIGITALES
þ þ þ þ þ þ
ÿ ÿ ÿ ÿ ÿ ÿ
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
ƒ ƒ(
2;ƒ ƒ ƒ
Α Α[
3;Α Α Α
Β Β[
4;Β Β Β
Γ Γ[
5;Γ Γ Γ
Δ Δ[
6;Δ Δ Δ
Ε Ε[
7;Ε Ε Ε
Ζ Ζ[
8;Ζ Ζ Ζ
Η Η[
9;Η Η Η
Θ Θ\
0;Θ Θ Θ
Ι Ι\
1;Ι Ι Ι
Κ Κ\
2;Κ Κ Κ
Λ
Λ\
3;Λ Λ Λ
Μ Μ\
4;Μ Μ Μ
Ν Ν\
5;Ν Ν Ν
Ξ Ξ\
6;Ξ Ξ Ξ
Ο
Ο\
7;Ο Ο Ο
Π Π\
8;Π Π Π
Nombre de la entidad
Código decimal
Código hexadecimal
Ρ Ρ\
9;Ρ Ρ Ρ
Σ Σ]
1;Σ Σ Σ
Τ Τ]
2;Τ Τ Τ
Υ Υ]
3;Υ Υ Υ
Φ Φ]
4;Φ Φ Φ
Χ Χ]
5;Χ Χ Χ
Ψ Ψ]
6;Ψ Ψ Ψ
Ω Ω]
7;Ω Ω Ω
α α^
5;α α α
β β^
6;β β β
γ γ^
7;γ γ γ
δ δ^
8;δ δ δ
ε ε^
9;ε ε ε
ζ ζ_
0;ζ ζ ζ
η η_
1;η η η
θ θ_
2;θ θ θ
ι ι_
3;ι ι ι
MANEJO DE APLICACIONES POR MEDIOS DIGITALES
Nombre de la entidad
Código decimal
Código hexadecimal
κ κ_
4;κ κ κ
λ λ_
5;λ λ λ
μ μ_
6;μ μ μ
ν ν_
7;ν ν ν
ξ ξ_
8;ξ ξ ξ
ο
ο_
9;ο ο ο
π π`
0;π π π
ρ ρ`
1;ρ ρ ρ
ς ς`
2;ς ς ς
σ σ`
3;σ σ σ
τ τ`
4;τ τ τ
υ υ`
5;υ υ υ
φ φ`
6;φ φ φ
χ χ`
7;χ χ χ
ψ ψ`
8;ψ ψ ψ
ω ω`
9;ω ω ω
ϑ
ϑa
7;ϑ ϑ ϑ
ϒ ϒa
8;ϒ ϒ ϒ
Nombre de la entidad
Código decimal
Código hexadecimal
ϖ ϖb
2;ϖ ϖ ϖ
• •R
26;•
•
•
… …R
30;…
…
…
′ ′R
42;′
′
′
″ ″R
43;″
″
″
‾ ‾R
54;‾
‾
‾
⁄ ⁄R
60;⁄
⁄
⁄
℘ ℘T
72;℘
℘
℘
ℑ ℑT
65;ℑ
ℑ
ℑ
ℜ ℜT
76;ℜ
ℜ
ℜ
™ ™T
82;™
™
™
ℵ ℵU
01;ℵ
ℵ
ℵ
← ←U
92;←
←
←
↑ ↑U
93;↑
↑
↑
→ →U
94;→
→
→
↓ ↓U
95;↓
↓
↓
↔ ↔U
96;↔
↔
↔
↵ ↵V
29;↵
↵
↵
MANEJO DE APLICACIONES POR MEDIOS DIGITALES
Nombre de la entidad
Código decimal
Código hexadecimal
⇐ ⇐V
56;⇐
⇐
⇐
⇑ ⇑V
57;⇑
⇑
⇑
⇒ ⇒ ⇒
⇒ ⇒
⇒⇓ ⇓
⇓
⇓ȝ
3;⇓
⇔ ⇔ ⇔
⇔ ⇔
⇔∀ ∀ W
04;∀ Ƞ
0;∀
∂ ∂W
06;∂
∂
∂
∃ ∃ ∃
∃ ∃
∃∅ ∅
∅
∅Ƞ
5;∅
∇ ∇ ∇
∇ ∇
∇∈ ∈ W
12;∈ Ƞ
8;∈
∉ ∉W
13;∉
∉
∉
∋ ∋ ∋
∋ ∋
∋∏ ∏
∏
∏Ƞ
F;∏
∑ ∑W
21;∑
∑
∑
− −W
22;−
−
−
∗ ∗W
27;∗
∗
∗
√ √W
30;√
√
√
Nombre de la entidad
Código decimal
Código hexadecimal
∝ ∝ ∝
∝ ∝
∝∞ ∞
∞
∞ȡ
E;∞
∠ ∠ ∠
∠ ∠
∠∧ ∧ W
43;∧ Ȣ
7;∧
∨ ∨ ∨
∨ ∨
∨∩ ∩
∩
∩Ȣ
9;∩
∪ ∪ ∪
∪ ∪
∪∫ ∫
∫
∫Ȣ
B;∫
∴ ∴ ∴
∴ ∴
∴∼ ∼ W
64;∼ ȣ
C;∼
≅ ≅W
73;≅
≅
≅
≈ ≈W
76;≈
≈
≈
≠ ≠X
00;≠
≠
≠
≡ ≡X
01;≡
≡
≡
≤ ≤X
04;≤
≤
≤
≥ ≥X
05;≥
≥
≥
⊂ ⊂ ⊂
⊂ ⊂
⊂⊃ ⊃ X
35;⊃ Ȩ
3;⊃
MANEJO DE APLICACIONES POR MEDIOS DIGITALES
Nombre de la entidad
Código decimal
Código hexadecimal
⊄ ⊄X
36;⊄
⊄
⊄
⊆ ⊆ ⊆
⊆ ⊆
⊆⊇ ⊇ X
39;⊇ Ȩ
7;⊇
⊕ ⊕ ⊕
⊕ ⊕
⊕⊗ ⊗
⊗
⊗ȩ
7;⊗
⊥ ⊥ ⊥
⊥ ⊥
⊥⋅ ⋅
⋅
⋅Ȭ
5;⋅
⌈ ⌈Y
68;⌈
⌈
⌈
⌉ ⌉Y
69;⌉
⌉
⌉
⌊ ⌊Y
70;⌊
⌊
⌊
⌋ ⌋Y
71;⌋
⌋
⌋
⟨ ⟨Z
01;⟨
〈
⟨
⟩ ⟩Z
02;⟩
〉
⟩
◊ ◊`
74;◊
◊
◊
♠ ♠b
24;♠
♠
♠
♣ ♣b
27;♣
♣
♣
♥ ♥b
29;♥
♥
♥
♦ ♦b
30;♦
♦
♦
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
" " " " " "
& & & & & &
< < < < < <
> > > > > >
Œ Œ!
8;Œ Œ Œ
œ œ!
9;œ œ œ
Š Š#
2;Š Š Š
š š#
3;š š š
Ÿ Ÿ%
6;Ÿ Ÿ Ÿ
ˆ ˆG
0;ˆ ˆ ˆ
˜ ˜I
2;˜ ˜ ˜
  Q
94;
 
  Q
95;
 
  R
01;
 
‌R
04;Ȁ
C;
‍R
05;Ȁ
D;
‎R
06;‎
;
‏R
07;‏
;
Nombre de la entidad
Código decimal
Código hexadecimal
– –R
11;–
–
–
— —R
12;—
—
—
‘ ‘R
16;‘
‘
‘
’ ’R
17;’
’
’
‚ ‚R
18;‚
‚
‚
“ “R
20;“
“
“
” ”R
21;”
”
”
„ „R
22;„
„
„
† †R
24;†
†
†
‡ ‡R
25;‡
‡
‡
‰ ‰R
40;‰
‰
‰
‹ ‹R
49;‹
‹
‹
› ›R
50;›
›
›
€ €S
64;€
€
€
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