HTML Investigacion

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
Contenido
HTML.....................................................................................................................................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
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
REFERENCIA DE ENTIDAD DE CARACTERES PARA SÍMBOLOS, SÍMBOLOS MATEMÁTICOS, Y LETRAS
GRIEGAS
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-
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>.
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.
• <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>)
• <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:
• 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.
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:
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.
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.
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.
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.
Principio del formulario
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
Final del formulario

CÓDIGOS DE COLORES HTML
Cambiando tonos
Eltono del color también puede ser variado incrementando (por ejemplo, violeta claro
"FF66FF") o decrementando (por ejemplo, violeta oscuro "AA00AA") los tres valores
proporcionalmente.
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 Nombre Código Nombre Código

Abkhazian ab Slavonic; Old Hebrew he
Bulgarian; Old
Afar aa Herero hz
Church
Afrikaans af Slavonic Hindi hi
Akan ak Chuvash cv Hiri Motu ho
Albanian sq Cornish kw Hungarian hu
Amharic am Corsican co Icelandic is
Arabic ar Cree cr Ido io
Aragonese an Croatian hr Igbo ig
Armenian hy Czech cs Indonesian id
Assamese as Danish da Interlingua
(International
Avaric av Divehi dv
Auxiliary ia
Avestan ae Dutch; Flemish nl Language
Aymara ay Association)
Dzongkha dz
Azerbaijani az Interlingue ie
English en
Bambara bm Inuktitut iu
Esperanto eo
Bashkir ba Inupiaq ik
Estonian et
Basque eu Irish ga
Ewe ee
Belarusian be Italian it
Faroese fo
Bengali bn Japanese ja
Fijian fj
Bihari bh Javanese jv
Finnish fi
Bislama bi Kalaallisut;
French fr kl
Greenlandic
Bosnian bs Fulah ff
Kannada kn
Breton br Gaelic;
gd Kanuri kr
Bulgarian bg Scottish Gaelic
Kashmiri ks
Burmese my Galician gl
Kazakh kk
Catalan; Ganda lg
ca Khmer km
Valencian Georgian ka
Chamorro ch Kikuyu; Gikuyu ki
German de
Chechen ce Kinyarwanda rw
Greek, Modern
el
Chichewa; (1453-) Kirghiz ky
Chewa; ny Guarani gn Komi kv
Nyanja
Gujarati gu Kongo kg
Chinese zh
Haitian; Korean ko
Church Slavic; cu ht
Haitian Creole
Kuanyama;
Old Slavonic; kj
Hausa ha Kwanyama
Church
Nombre Código Nombre Código Nombre Código

Kurdish ku Lao lo Norwegian
Bokmål;
Latin la nb
Bokmål,
Latvian lv Norwegian
Limburgan; Norwegian
Limburger; li Nynorsk;
Limburgish nn
Nynorsk,
Lingala ln Norwegian
Lithuanian lt Occitan (post

1500); oc
Luba-Katanga lu Provençal
Luxembourgis Ojibwa oj
h; lb
Letzeburgesch Oriya or
Macedonian mk Oromo om
Malagasy mg Ossetian;
os
Ossetic
Malay ms
Pali pi
Malayalam ml
Panjabi;
Maltese mt pa
Punjabi
Manx gv Persian fa
Maori mi Polish pl
Marathi mr Portuguese pt
Marshallese mh Pushto ps
Moldavian mo Quechua qu
Mongolian mn Raeto-
rm
Nauru na Romance
Navajo; Romanian ro
nv
Navaho Rundi rn
Ndebele, Russian ru
North; North nd
Ndebele Samoan sm
Ndebele, Sango sg
South; South nr Sanskrit sa
Ndebele
Sardinian sc
Ndonga ng
Serbian sr
Nepali ne
Shona sn
Northern Sami se
Sichuan Yi ii
Norwegian no
Sindhi sd
Nombre Código Nombre Código

Sinhala; Vietnamese vi
si
Sinhalese
Volapük vo
Slovak sk
Walloon wa
Slovenian sl
Welsh cy
Somali so
Western
fy
Sotho, Frisian
st
Southern
Wolof wo
Spanish;
es Xhosa xh
Castilian
Yiddish yi
Sundanese su
Yoruba yo
Swahili sw
Zhuang;
Swati ss za
Chuang
Swedish sv
Zulu zu
Tagalog tl
Tahitian ty
Tajik tg
Tamil ta
Tatar tt
Telugu te
Thai th
Tibetan bo
Tigrinya ti
Tonga (Tonga
to
Islands)
Tsonga ts
Tswana tn
Turkish tr
Turkmen tk
Twi tw
Uighur;
ug
Uyghur
Ukrainian uk
Urdu ur
Uzbek uz
Venda ve
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
Códi Códi
Nombre Nombre
go go
Åland Islands ax Bosnia and Herzegovina ba

Afghanistan af Botswana bw
Algeria dz Bouvet Island bv
American Samoa as Brazil br
Andorra ad British Indian Ocean Territory io
Angola ao Brunei Darussalam bn
Anguilla ai Bulgaria bg
Antarctica aq Burkina Faso bf
Antigua and Barbuda ag Burundi bi
Argentina ar Cambodia kh
Armenia am Cameroon cm
Aruba aw Canada ca
Australia au Cape Verde cv
Austria at Cayman Islands ky
Azerbaijan az Central African Republic cf
Bahamas bs Chad td
Bahrain bh Chile cl
Bangladesh bd China cn
Barbados bb Christmas Island cx
Belarus by Cocos (Keeling) Islands cc
Belgium be Colombia co
Belize bz Comoros km
Benin bj Congo cg
Bermuda bm Congo, the Democratic Republic of
cd
the
Bhutan bt
Cook Islands ck
Bolivia bo
Códi Códi
Nombre Nombre
go go
Costa Rica cr
Croatia hr Guadeloupe gp
Cuba cu Guam gu
Cyprus cy Guatemala gt
Czech Republic cz Guernsey gg
Denmark dk Guinea gn
Djibouti dj Guinea-Bissau gw
Dominica dm Guyana gy
Dominican Republic do Haiti ht
Ecuador ec Heard Island and Mcdonald Islands hm
Egypt eg Holy See (Vatican City State) va
El Salvador sv Honduras hn
Equatorial Guinea gq Hong Kong hk
Eritrea er Hungary hu
Estonia ee Iceland is
Ethiopia et India in
Falkland Islands (Malvinas) fk Indonesia id
Faroe Islands fo Iran, Islamic Republic of ir
Fiji fj Iraq iq
Finland fi Ireland ie
France fr Isle of Man im
French Guiana gf Israel il
French Polynesia pf Italy it
French Southern Territories tf Jamaica jm
Gabon ga Japan jp
Gambia gm Jersey je
Georgia ge Jordan jo
Germany de Kazakhstan kz
Ghana gh Kenya ke
Gibraltar gi Kiribati ki
Greece gr Korea, Republic of kr
Greenland gl Kuwait kw
Grenada gd Kyrgyzstan kg
Códi Códi
Nombre Nombre
go go
Nauru nr
Latvia lv Nepal np
Lebanon lb Netherlands nl
Lesotho ls Netherlands Antilles an
Liberia lr New Caledonia nc
Libyan Arab Jamahiriya ly New Zealand nz
Liechtenstein li Nicaragua ni
Lithuania lt Niger ne
Luxembourg lu Nigeria ng
Macao mo Niue nu
Macedonia, the Former Yugoslav Norfolk Island nf
mk
Republic of
Northern Mariana Islands mp
Madagascar mg
Norway no
Malawi mw
Oman om
Malaysia my
Pakistan pk
Maldives mv
Palau pw
Mali ml
Palestinian Territory, Occupied ps
Malta mt
Panama pa
Marshall Islands mh
Papua New Guinea pg
Martinique mq
Paraguay py
Mauritania mr
Peru pe
Mauritius mu
Philippines ph
Mayotte yt
Pitcairn pn
Mexico mx
Poland pl
Micronesia, Federated States of fm
Portugal pt
Moldova, Republic of md
Puerto Rico pr
Monaco mc
Qatar qa
Mongolia mn
Réunion re
Montserrat ms
Romania ro
Morocco ma
Russian Federation ru
Mozambique mz
Rwanda rw
Myanmar mm
Saint Helena sh
Namibia na
Códi
Nombre
go
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
gs
Sandwich Islands
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
Códi Códi
Nombre Nombre
go go
Thailand th United States us

Timor-Leste tl United States Minor Outlying Islands um
Togo tg Uruguay uy
Tokelau tk Uzbekistan uz
Tonga to Vanuatu vu
Trinidad and Tobago tt Venezuela ve
Tunisia tn Viet Nam vn
Turkey tr Virgin Islands, British vg
Turkmenistan tm Virgin Islands, U.S. vi
Turks and Caicos Islands tc Wallis and Futuna wf
Tuvalu tv Western Sahara eh
Uganda ug Yemen ye
Ukraine ua Zambia zm
United Arab Emirates ae Zimbabwe zw
United Kingdom gb
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.
• 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
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 Código Código Nombre de Código Código

entidad decimal hexadecimal entidad decimal hexadecimal
¨ ¨ ¨ ¨ ¨ ¨
¡ ¡ ¡ ¡ ¡ ¡ © © © © © ©
¢ ¢ ¢ ¢ ¢ ¢ ª ª ª ª ª ª
£ £ £ £ £ £ « « « « « «
¤ ¤ ¤ ¤ ¤ ¤ ¬ ¬ ¬ ¬ ¬ ¬
¥ ¥ ¥ ¥ ¥ ¥
¦ ¦ ¦ ¦ ¦ ¦ ® ® ® ® ® ®
§ § § § § § ¯ ¯ ¯ ¯ ¯ ¯
Nombre de Código Código Nombre de Código Código

° ° ° ° ° ° Ñ Ñ Ñ Ñ Ñ Ñ
± ± ± ± ± ± Ò Ò Ò Ò Ò Ò
² ² ² ² ² ² Ó Ó Ó Ó Ó Ó
³ ³ ³ ³ ³ ³ Ô Ô Ô Ô Ô Ô
´ ´ ´ ´ ´ ´ Õ Õ Õ Õ Õ Õ
µ µ µ µ µ µ Ö Ö Ö Ö Ö Ö
¶ ¶ ¶ ¶ ¶ ¶ × × × × × ×
· · · · · · Ø Ø Ø Ø Ø Ø
¸ ¸ ¸ ¸ ¸ ¸ Ù Ù Ù Ù Ù Ù
¹ ¹ ¹ ¹ ¹ ¹ Ú Ú Ú Ú Ú Ú
º º º º º º Û Û Û Û Û Û
» » » » » » Ü Ü Ü Ü Ü Ü
¼ ¼ ¼ ¼ ¼ ¼ Ý Ý Ý Ý Ý Ý
½ ½ ½ ½ ½ ½ Þ Þ Þ Þ Þ Þ
¾ ¾ ¾ ¾ ¾ ¾ ß ß ß ß ß ß
¿ ¿ ¿ ¿ ¿ ¿ à à à à à à
À À À À À À á á á á á á
Á Á Á Á Á Á â â â â â â
Â Â Â Â Â Â ã ã ã ã ã ã
Ã Ã Ã Ã Ã Ã ä ä ä ä ä ä
Ä Ä Ä Ä Ä Ä å å å å å å
Å Å Å Å Å Å æ æ æ æ æ æ
Æ Æ Æ Æ Æ Æ ç ç ç ç ç ç
Ç Ç Ç Ç Ç Ç è è è è è è
È È È È È È é é é é é é
É É É É É É ê ê ê ê ê ê
Ê Ê Ê Ê Ê Ê ë ë ë ë ë ë
Ë Ë Ë Ë Ë Ë ì ì ì ì ì ì
Ì Ì Ì Ì Ì Ì í í í í í í
Í Í Í Í Í Í î î î î î î
Î Î Î Î Î Î ï ï ï ï ï ï
Ï Ï Ï Ï Ï Ï ð ð ð ð ð ð
Ð Ð Ð Ð Ð Ð ñ ñ ñ ñ ñ ñ
Nombre de Código Código

entidad decimal hexadecimal
ò ò ò ò ò ò
ó ó ó ó ó ó
ô ô ô ô ô ô
õ õ õ õ õ õ
ö ö ö ö ö ö
÷ ÷ ÷ ÷ ÷ ÷
ø ø ø ø ø ø
ù ù ù ù ù ù
ú ú ú ú ú ú
û û û û û û
ü ü ü ü ü ü
ý ý ý ý ý ý
þ þ þ þ þ þ
ÿ ÿ ÿ ÿ ÿ ÿ
REFERENCIA DE ENTIDAD DE CARACTERES PARA SÍMBOLOS, SÍMBOLOS MATEMÁTICOS, Y

LETRAS GRIEGAS
Nombre de la Código Código Nombre de la Código Código

&#40 9;
&fnof; ƒ ƒ ƒ ƒ
2;
&#93
Σ Σ Σ Σ Σ
&#91 1;
Α Α Α Α Α
3;
&#93
Τ Τ Τ Τ Τ
&#91 2;
Β Β Β Β Β
4;
&#93
Υ Υ Υ Υ Υ
&#91 3;
Γ Γ Γ Γ Γ
5;
&#93
Φ Φ Φ Φ Φ
&#91 4;
Δ Δ Δ Δ Δ
6;
&#93
Χ Χ Χ Χ Χ
&#91 5;
Ε Ε Ε Ε Ε
7;
&#93
Ψ Ψ Ψ Ψ Ψ
&#91 6;
Ζ Ζ Ζ Ζ Ζ
8;
&#93
Ω Ω Ω Ω Ω
&#91 7;
Η Η Η Η Η
9;
&#94
α α α α α
&#92 5;
Θ Θ Θ Θ Θ
0;
&#94
β β β β β
&#92 6;
Ι Ι Ι Ι Ι
1;
&#94
γ γ γ γ γ
&#92 7;
Κ Κ Κ Κ Κ
2;
&#94
δ δ δ δ δ
&Lambda &#92 8;
Λ Λ Λ Λ
; 3;
&#94
ε ε ε ε ε
&#92 9;
Μ Μ Μ Μ Μ
4;
&#95
ζ ζ ζ ζ ζ
&#92 0;
Ν Ν Ν Ν Ν
5;
&#95
η η η η η
&#92 1;
Ξ Ξ Ξ Ξ Ξ
6;
&#95
θ θ θ θ θ
&Omicron &#92 2;
Ο Ο Ο Ο
; 7;
&#95
ι ι ι ι ι
&#92 3;
Π Π Π Π Π
8;
&#95
κ κ κ κ κ
Ρ Ρ &#92 Ρ Ρ Ρ 4;

&#95 &#82 &#x202

λ λ λ λ λ … … … …
5; 30; 6;
&#95 &#82 &#x203
μ μ μ μ μ ′ ′ ′ ′
6; 42; 2;
&#95 &#82 &#x203
ν ν ν ν ν ″ ″ ″ ″
7; 43; 3;
&#95 &#82 &#x203
ξ ξ ξ ξ ξ &oline; ‾ ‾ ‾
8; 54; E;
&omicron &#95 &#82 &#x204
ο ο ο ο &frasl; ⁄ ⁄ ⁄
; 9; 60; 4;
&#96 &#84 &#x211
π π π π π &weierp; ℘ ℘ ℘
0; 72; 8;
&#96 &#84 &#x211
ρ ρ ρ ρ ρ &image; ℑ ℑ ℑ
1; 65; 1;
&#96 &#84 &#x211
&sigmaf; ς ς ς ς &real; ℜ ℜ ℜ
2; 76; C;
&#96 &#84 &#x212
σ σ σ σ σ ™ ™ ™ ™
3; 82; 2;
&#96 &#85 &#x213
τ τ τ τ τ &alefsym; ℵ ℵ ℵ
4; 01; 5;
&#96 &#85 &#x219
υ υ υ υ υ ← ← ← ←
5; 92; 0;
&#96 &#85 &#x219
φ φ φ φ φ ↑ ↑ ↑ ↑
6; 93; 1;
&#96 &#85 &#x219
χ χ χ χ χ → → → →
7; 94; 2;
&#96 &#85 &#x219
ψ ψ ψ ψ ψ ↓ ↓ ↓ ↓
8; 95; 3;
&#96 &#85 &#x219
ω ω ω ω ω ↔ ↔ ↔ ↔
9; 96; 4;
&thetasy &#97 &#86 &#x21B
ϑ ϑ ϑ ϑ &crarr; ↵ ↵ ↵
m; 7; 29; 5;
&#97 &#86 &#x21D
&upsih; ϒ ϒ ϒ ϒ ⇐ ⇐ ⇐ ⇐
8; 56; 0;
&#98 &#86 &#x21D
ϖ ϖ ϖ ϖ ϖ &uArr; ⇑ ⇑ ⇑
2; 57; 1;
&#82 &#x202 &#86 &#x21D
• • • • ⇒ ⇒ ⇒ ⇒
26; 2; 58; 2;

&#86 &#x21D &#87 &#x222

&dArr; ⇓ ⇓ ⇓ &or; ∨ ∨ ∨
59; 3; 44; 8;
&#86 &#x21D &#87 &#x222
⇔ ⇔ ⇔ ⇔ ∩ ∩ ∩ ∩
60; 4; 45; 9;
&#87 &#x220 &#87 &#x222
∀ ∀ ∀ ∀ ∪ ∪ ∪ ∪
04; 0; 46; A;
&#87 &#x220 &#87 &#x222
∂ ∂ ∂ ∂ ∫ ∫ ∫ ∫
06; 2; 47; B;
&#87 &#x220 &#87 &#x223
∃ ∃ ∃ ∃ &there4; ∴ ∴ ∴
07; 3; 56; 4;
&#87 &#x220 &#87 &#x223
∅ ∅ ∅ ∅ &sim; ∼ ∼ ∼
09; 5; 64; C;
&#87 &#x220 &#87 &#x224
∇ ∇ ∇ ∇ &cong; ≅ ≅ ≅
11; 7; 73; 5;
&#87 &#x220 &#87 &#x224
∈ ∈ ∈ ∈ ≈ ≈ ≈ ≈
12; 8; 76; 8;
&#87 &#x220 &#88 &#x226
∉ ∉ ∉ ∉ ≠ ≠ ≠ ≠
13; 9; 00; 0;
&#87 &#x220 &#88 &#x226
&ni; ∋ ∋ ∋ &equiv; ≡ ≡ ≡
15; B; 01; 1;
&#87 &#x220 &#88 &#x226
∏ ∏ ∏ ∏ ≤ ≤ ≤ ≤
19; F; 04; 4;
&#87 &#x221 &#88 &#x226
∑ ∑ ∑ ∑ ≥ ≥ ≥ ≥
21; 1; 05; 5;
&#87 &#x221 &#88 &#x228
− − − − ⊂ ⊂ ⊂ ⊂
22; 2; 34; 2;
&#87 &#x221 &#88 &#x228
&lowast; ∗ ∗ ∗ ⊃ ⊃ ⊃ ⊃
27; 7; 35; 3;
&#87 &#x221 &#88 &#x228
√ √ √ √ &nsub; ⊄ ⊄ ⊄
30; A; 36; 4;
&#87 &#x221 &#88 &#x228
&prop; ∝ ∝ ∝ &sube; ⊆ ⊆ ⊆
33; D; 38; 6;
&#87 &#x221 &#88 &#x228
∞ ∞ ∞ ∞ &supe; ⊇ ⊇ ⊇
34; E; 39; 7;
&#87 &#x222 &#88 &#x229
&ang; ∠ ∠ ∠ &oplus; ⊕ ⊕ ⊕
36; 0; 53; 5;
&#87 &#x222 &#88 &#x229
&and; ∧ ∧ ∧ &otimes; ⊗ ⊗ ⊗
43; 7; 55; 7;
Nombre de la Código Código

entidad decimal hexadecimal
&#88 &#x22A
&perp; ⊥ ⊥ ⊥
69; 5;
&#89 &#x22C
⋅ ⋅ ⋅ ⋅
01; 5;
&#89 &#x230
&lceil; ⌈ ⌈ ⌈
68; 8;
&#89 &#x230
&rceil; ⌉ ⌉ ⌉
69; 9;
&#89 &#x230
&lfloor; ⌊ ⌊ ⌊
70; A;
&#89 &#x230
&rfloor; ⌋ ⌋ ⌋
71; B;
&#90 &#x232
&lang; 〈 〈 〈
01; 9;
&#90 &#x232
&rang; 〉 〉 〉
02; A;
&#96 &#x25C
&loz; ◊ ◊ ◊
74; A;
&#98 &#x266
&spades; ♠ ♠ ♠
24; 0;
&#98 &#x266
&clubs; ♣ ♣ ♣
27; 3;
&#98 &#x266
&hearts; ♥ ♥ ♥
29; 5;
&#98 &#x266
&diams; ♦ ♦ ♦
30; 6;
REFERENCIA DE ENTIDADES DE CARACTERES PARA MARCAS Y CARACTERES DE

INTERNACIONALIZACIÓN

" " " " " " 11; ;

& & & & & & &#82 &#x2014
— — — —
12; ;
< < < < < <
&#82 &#x2018
> > > > > > ‘ ‘ ‘ ‘
16; ;
&#33
&OElig; Œ Œ Œ Œ &#82 &#x2019
8; ’ ’ ’ ’
17; ;
&#33
&oelig; œ œ œ œ &#82 &#x201
9; &sbquo; ‚ ‚ ‚
18; A;
&#35
&Scaron; Š Š Š Š &#82 &#x201
2; “ “ “ “
20; C;
&#35
&scaron; š š š š &#82 &#x201
3; ” ” ” ”
21; D;
&#37
&Yuml; Ÿ Ÿ Ÿ Ÿ &#82 &#x201E
6; &bdquo; „ „ „
22; ;
&#71
&circ; ˆ ˆ ˆ ˆ &#82 &#x2020
0; &dagger; † † †
24; ;
&#73
&tilde; ˜ ˜ ˜ ˜ &#82 &#x2021
2; &Dagger; ‡ ‡ ‡
25; ;
&#81 &#x2002
&ensp; &#82 &#x2030
94; ; &permil; ‰ ‰ ‰
40; ;
&#81 &#x2003
&emsp; &#82 &#x2039
95; ; &lsaquo; ‹ ‹ ‹
49; ;
&#82 &#x2009
&#82 &#x203
01; ; &rsaquo; › › ›
50; A;
&#82 &#x200
&zwnj; &#83 &#x20A
04; C; € € € €
64; C;
&#82 &#x200
&zwj;
05; D;
&#82 &#x200E
&lrm;
06; ;
&#82 &#x200F
&rlm;
07; ;
– – &#82 – &#x2013 –
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
<basefont Tamaño de la fuente

Vac
Tag Descripción corta > predeterminado
ío
Suprime el algoritmo
Inserta comentarios <bdo>
 bidireccional
ocultos
Texto en tamaño
<! Establece el tipo de <big>
"grande".
DOCTYPE> documento
<blockquo
Inserta vínculos o Citar párrafos
<a> te>
marcadores
Contiene los elementos
<abbr> Explica abreviaciones <body>
a mostrar
<acronym
Explica acrónimos Fuerza un quiebre de
> <br>
línea
<address Provee información de
<button> Crea un botón
> contacto
Establece un título para
Inserta un applet <caption>
<applet> una tabla
(scripts)
<center> Centra su contenido
Define sectores para
<area> Inserta una cita o
mapas de imagen <cite>
referencia
<b> Texto en negrita
Representa texto de
URI base para resolver <code>
<base> computadora
URIs relativas
Da atributos a Inserta un marco

<col> <iframe>
columnas en una tabla dentro del documento
<colgroup Agrupa columnas en <img> Inserta una imagen
> una tabla
Define descripciones en Muestra controles de
<dd> <input>
una lista entrada
<del> Indica texto eliminado <ins> Indica texto insertado
Asigna una definición a <isindex> Entrada de línea simple

<dfn>
un término
Indica texto a
Inserta una lista de
<dir> <kbd> ingresarse por el
directorios (árbol) usuario
Define un bloque de
<div> Establece una etiqueta
contenido <label>
para un control
<dl> Define una lista
Asigna un título a un
<legend>
Inserta un término en "fieldset"
<dt>
una lista Define un artículo en
<li>
<em> Indica énfasis una lista
Agrupa controles en un Ofrece informacón
<fieldset> <link>
formulario relacional
Establece el estilo de Define un mapa de
<font> <map>
fuente imagen
<form> Inserta un formulario <menu> Lista menú
<frame> Inserta un marco Da información sobre el

<meta>
documento
<frameset Inserta un grupo de <noframes Contenido alternativo
> frames > para marcos
<h1> Encabezado de nivel 1 <noscript Contenido alternativo
<h2> Encabezado de nivel 2 > para scripts
<h3> Encabezado de nivel 3 Ejecuta aplicaciones
<object>
externas
<h4> Encabezado de nivel 4
Inserta una lista
<h5> Encabezado de nivel 5 <ol>
ordenada
<h6> Encabezado de nivel 6
<optgroup Agrupa opciones en un
Define el bloque de > control select
<head>
encabezado
Define una opción en
Dibuja una línea o regla <option>
<hr> un control select
horizontal
<p> Define un párrafo
<html> Contiene al documento
Da un parámetro para
<i> Muestra texto en itálica <param>
un objeto
Bloque de texto Muestra texto en

<pre> <tt>
preformateado "teletype"
Inserta una cita en una Muestra texto
<q> <u>
línea subrayado
<s> Muestra texto tachado Inserta una lista sin
<ul>
orden
Representa texto de
<samp>
programas Indica una instancia de
<var>
una variable
<script> Contiene scripts
<select> Crea un control select
Muestra texto en letra
<small>
"pequeña"
Asigna atributos al
<span>
texto en líneas
<strike> Muestra texto tachado
<strong> Indica énfasis fuerte
Define atributos
<style>
visuales (hojas estilo)
Define texto en sub-
<sub>
índice
Define texto en super-
<sup>
índice
<table> Inserta una tabla
Define un cuerpo en
<tbody>
una tabla
Celda regular de una
<td>
tabla
<textarea Entrada de texto de
> líneas múltiples
Define un pie en una
<tfoot>
tabla
Celda de encabezado
<th>
de una tabla
Define un encabezado
<thead>
de tabla
Define el título del
<title>
documento
Inserta una fila en una
<tr>
tabla
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>
...<font face="Arial,helvetica" color="#0000FF">trozo de texto en azul</font>...
</body>
</html>Fin del código
Ejemplo utilizando el atributo "style":

<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:

<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]
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)
• 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.
• 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%.
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.
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
Extensió Extensió
Tipo MIME Tipo MIME
n n
application/acad .dwg application/freeloader .frl
application/arj .arj application/futuresplash .spl
application/base64 .mm application/gnutar .tgz
application/base64 .mme application/groupwise .vew
application/binhex .hqx application/hlp .hlp
application/binhex4 .hqx application/hta .hta
application/book .boo application/i-deas .unv
application/book .book application/iges .iges
application/cdf .cdf application/iges .igs
application/clariscad .ccad application/inf .inf
application/commonground .dp application/java .clas
application/drafting .drw application/java-byte-code .clas
application/dsptype .tsp application/lha .lha
application/dxf .dxf application/lzx .lzx
application/envoy .evy application/mac-binary .bin
application/excel .xl application/mac-binhex .hqx
application/excel .xla application/mac-binhex40 .hqx
application/excel .xlb application/mac-compactpro .cpt
application/excel .xlc application/macbinary .bin
application/excel .xld application/marc .mrc
application/excel .xlk application/mbedlet .mbd
application/excel .xll application/mcad .mcd
application/excel .xlm application/mime .aps
application/excel .xls application/mspowerpoint .pot
application/excel .xlt application/mspowerpoint .pps
application/excel .xlv application/mspowerpoint .ppt
application/excel .xlw application/mspowerpoint .ppz
application/fractals .fif application/msword .doc
Extensió Extensió
Tipo MIME Tipo MIME
n n
application/msword .dot application/plain .text
application/msword .w6w application/postscript .ai
application/msword .wiz application/postscript .eps
application/msword .word application/postscript .ps
application/mswrite .wri application/powerpoint .ppt
application/netmc .mcp application/pro_eng .part
application/octet-stream .a application/pro_eng .prt
application/octet-stream .arc application/ringing-tones .rng
application/octet-stream .arj application/rtf .rtf
application/octet-stream .bin application/rtf .rtx
application/octet-stream .com application/sdp .sdp
application/octet-stream .dump application/sea .sea
application/octet-stream .exe application/set .set
application/octet-stream .lha application/sla .stl
application/octet-stream .lhx application/smil .smi
application/octet-stream .lzh application/smil .smil
application/octet-stream .lzx application/solids .sol
application/octet-stream .o application/sounder .sdr
application/octet-stream .psd application/step .step
application/octet-stream .save application/step .stp
application/octet-stream .uu application/streamingmedia .ssm
application/octet-stream .zoo application/toolbook .tbk
application/oda .oda application/vda .vda
application/pdf .pdf application/vnd.fdf .fdf
application/pkcs-12 .p12 application/vnd.hp-hpgl .hgl
application/pkcs-crl .crl application/vnd.hp-hpgl .hpg
application/pkcs10 .p10 application/vnd.hp-hpgl .hpgl
application/pkcs7-mime .p7c application/vnd.hp-pcl .pcl
application/pkcs7-mime .p7m application/vnd.ms-excel .xlb
application/pkcs7-signature .p7s application/vnd.ms-excel .xlc
application/pkix-cert .cer application/vnd.ms-excel .xll
application/pkix-cert .crt application/vnd.ms-excel .xlm
application/pkix-crl .crl application/vnd.ms-excel .xls
Extensió Extensió
Tipo MIME Tipo MIME
n n
application/vnd.ms-excel .xlw application/x-binary .bin
application/vnd.ms-pki.certstore .sst application/x-binhex40 .hqx
application/vnd.ms-pki.pko .pko application/x-bsh .bsh
application/vnd.ms-pki.seccat .cat application/x-bsh .sh
application/vnd.ms-pki.stl .stl application/x-bsh .shar
application/vnd.ms-powerpoint .pot application/x-bytecode.elisp .elc
application/vnd.ms-powerpoint .ppa application/x-bytecode.python .pyc
application/vnd.ms-powerpoint .pps application/x-bzip .bz
application/vnd.ms-powerpoint .ppt application/x-bzip2 .boz
application/vnd.ms-powerpoint .pwz application/x-bzip2 .bz2
application/vnd.ms-project .mpp application/x-cdf .cdf
application/vnd.nokia.configuration- application/x-cdlink .vcd
.ncm
message
application/x-chat .cha
application/vnd.nokia.ringing-tone .rng
application/x-chat .chat
application/vnd.rn-realmedia .rm
application/x-cmu-raster .ras
application/vnd.rn-realplayer .rnx
application/x-cocoa .cco
application/vnd.wap.wmlc .wmlc
application/x-compactpro .cpt
application/vnd.wap.wmlscriptc .wmls
application/x-compress .z
application/vnd.xara .web
application/x-compressed .gz
application/vocaltec-media-desc .vmd
application/x-compressed .tgz
application/vocaltec-media-file .vmf
application/x-compressed .z
application/wordperfect .wp
application/x-compressed .zip
application/wordperfect .wp5
application/x-conference .nsc
application/wordperfect .wp6
application/x-cpio .cpio
application/wordperfect .wpd
application/x-cpt .cpt
application/wordperfect6.0 .w60
application/x-csh .csh
application/wordperfect6.0 .wp5
application/x-deepv .deep
application/wordperfect6.1 .w61
application/x-director .dcr
application/x-123 .wk1
application/x-director .dir
application/x-aim .aim
application/x-director .dxr
application/x-authorware-bin .aab
application/x-dvi .dvi
application/x-authorware-map .aam
application/x-elc .elc
application/x-authorware-seg .aas
application/x-envoy .env
application/x-bcpio .bcpi
Extensió Extensió
Tipo MIME Tipo MIME
n n
application/x-envoy .evy application/x-koan .skp
application/x-esrehber .es application/x-koan .skt
application/x-excel .xla application/x-ksh .ksh
application/x-excel .xlb application/x-latex .late
application/x-excel .xlc application/x-latex .ltx
application/x-excel .xld application/x-lha .lha
application/x-excel .xlk application/x-lisp .lsp
application/x-excel .xll application/x-livescreen .ivy
application/x-excel .xlm application/x-lotus .wq1
application/x-excel .xls application/x-lotusscreencam .scm
application/x-excel .xlt application/x-lzh .lzh
application/x-excel .xlv application/x-lzx .lzx
application/x-excel .xlw application/x-mac-binhex40 .hqx
application/x-frame .mif application/x-macbinary .bin
application/x-freelance .pre application/x-magic-cap-package-1.0 .mc$
application/x-gsp .gsp application/x-mathcad .mcd
application/x-gss .gss application/x-meme .mm
application/x-gtar .gtar application/x-midi .mid
application/x-gzip .gz application/x-midi .midi
application/x-gzip .gzip application/x-mif .mif
application/x-hdf .hdf application/x-mix-transfer .nix
application/x-helpfile .help application/x-mplayer2 .asx
application/x-helpfile .hlp application/x-msexcel .xla
application/x-httpd-imap .imap application/x-msexcel .xls
application/x-ima .ima application/x-msexcel .xlw
application/x-internett-signup .ins application/x-mspowerpoint .ppt
application/x-inventor .iv application/x-navi-animation .ani
application/x-ip2 .ip application/x-navidoc .nvd
application/x-java-class .clas application/x-navimap .map
application/x-java-commerce .jcm application/x-navistyle .stl
application/x-javascript .js application/x-netcdf .cdf
application/x-koan .skd application/x-netcdf .nc
application/x-koan .skm application/x-newton-compatible-pkg .pkg
Extensió Extensió
Tipo MIME Tipo MIME
n n
application/x-nokia-9000- application/x-stuffit .sit
.aos
communicator-add-on-softw
application/x-sv4cpio .sv4c
application/x-omc .omc
application/x-sv4crc .sv4c
application/x-omcdatamaker .omcd
application/x-tar .tar
application/x-omcregerator .omcr
application/x-tbook .sbk
application/x-pagemaker .pm4
application/x-tbook .tbk
application/x-pagemaker .pm5
application/x-tcl .tcl
application/x-pcl .pcl
application/x-tex .tex
application/x-pixclscript .plx
application/x-texinfo .texi
application/x-pkcs10 .p10
application/x-troff .roff
application/x-pkcs12 .p12
application/x-troff .t
application/x-pkcs7-certificates .spc
application/x-troff .tr
application/x-pkcs7-certreqresp .p7r
application/x-troff-man .man
application/x-pkcs7-mime .p7c
application/x-troff-me .me
application/x-pkcs7-mime .p7m
application/x-troff-ms .ms
application/x-pkcs7-signature .p7a
application/x-troff-msvideo .avi
application/x-pointplus .css
application/x-ustar .usta
application/x-portable-anymap .pnm
application/x-visio .vsd
application/x-project .mpc
application/x-visio .vst
application/x-project .mpt
application/x-visio .vsw
application/x-project .mpv
application/x-vnd.audioexplosion.mzz .mzz
application/x-project .mpx
application/x-vnd.ls-xpix .xpix
application/x-qpro .wb1
application/x-vrml .vrml
application/x-rtf .rtf
application/x-wais-source .src
application/x-sdp .sdp
application/x-wais-source .wsrc
application/x-sea .sea
application/x-winhelp .hlp
application/x-seelogo .sl
application/x-wintalk .wtk
application/x-sh .sh
application/x-world .svr
application/x-shar .sh
application/x-world .wrl
application/x-shar .shar
application/x-wpwin .wpd
application/x-shockwave-flash .swf
application/x-wri .wri
application/x-sit .sit
application/x-x509-ca-cert .cer
application/x-sprite .spr
application/x-x509-ca-cert .crt
application/x-sprite .spri
Extensió Extensió
Tipo MIME Tipo MIME
n n
application/x-x509-ca-cert .der audio/voxware .vox
application/x-x509-user-cert .crt audio/wav .wav
application/x-zip-compressed .zip audio/x-adpcm .snd
application/xml .xml audio/x-aiff .aif
application/zip .zip audio/x-aiff .aifc
audio/aiff .aif audio/x-aiff .aiff
audio/aiff .aifc audio/x-au .au
audio/aiff .aiff audio/x-gsm .gsd
audio/basic .au audio/x-gsm .gsm
audio/basic .snd audio/x-jam .jam
audio/it .it audio/x-liveaudio .lam
audio/make .funk audio/x-mid .mid
audio/make .my audio/x-mid .midi
audio/make .pfun audio/x-midi .mid
audio/make.my.funk .pfun audio/x-midi .midi
audio/mid .rmi audio/x-mod .mod
audio/midi .kar audio/x-mpeg .mp2
audio/midi .mid audio/x-mpeg-3 .mp3
audio/midi .midi audio/x-mpequrl .m3u
audio/mod .mod audio/x-nspaudio .la
audio/mpeg .m2a audio/x-nspaudio .lma
audio/mpeg .mp2 audio/x-pn-realaudio .ra
audio/mpeg .mpa audio/x-pn-realaudio .ram
audio/mpeg .mpg audio/x-pn-realaudio .rm
audio/mpeg .mpga audio/x-pn-realaudio .rmm
audio/mpeg3 .mp3 audio/x-pn-realaudio .rmp
audio/nspaudio .la audio/x-pn-realaudio-plugin .ra
audio/nspaudio .lma audio/x-pn-realaudio-plugin .rmp
audio/s3m .s3m audio/x-pn-realaudio-plugin .rpm
audio/tsp-audio .tsi audio/x-psid .sid
audio/tsplayer .tsp audio/x-realaudio .ra
audio/vnd.qcelp .qcp audio/x-twinvq .vqf
audio/voc .voc audio/x-twinvq-plugin .vqe
Extensió Extensió
Tipo MIME Tipo MIME
n n
audio/x-twinvq-plugin .vql image/png .png
audio/x- image/png .x-pn
.mjf
vnd.audioexplosion.mjuicemediafile
image/tiff .tif
audio/x-voc .voc
image/tiff .tiff
audio/x-wav .wav
image/vasa .mcf
audio/xm .xm
image/vnd.dwg .dwg
chemical/x-pdb .pdb
image/vnd.dwg .dxf
chemical/x-pdb .xyz
image/vnd.dwg .svf
drawing/x-dwf .dwf
image/vnd.fpx .fpx
i-world/i-vrml .ivr
image/vnd.net-fpx .fpx
image/bmp .bm
image/vnd.rn-realflash .rf
image/bmp .bmp
image/vnd.rn-realpix .rp
image/cmu-raster .ras
image/vnd.wap.wbmp .wbmp
image/cmu-raster .rast
image/vnd.xiff .xif
image/fif .fif
image/x-cmu-raster .ras
image/florian .flo
image/x-dwg .dwg
image/florian .turb
image/x-dwg .dxf
image/g3fax .g3
image/x-dwg .svf
image/gif .gif
image/x-icon .ico
image/ief .ief
image/x-jg .art
image/ief .iefs
image/x-jps .jps
image/jpeg .jfif
image/x-niff .nif
image/jpeg .jpe
image/x-niff .niff
image/jpeg .jpeg
image/x-pcx .pcx
image/jpeg .jpg
image/x-pict .pct
image/jutvision .jut
image/x-portable-anymap .pnm
image/naplps .nap
image/x-portable-bitmap .pbm
image/naplps .napl
image/x-portable-graymap .pgm
image/pict .pic
image/x-portable-greymap .pgm
image/pict .pict
image/x-portable-pixmap .ppm
image/pjpeg .jfif
image/x-quicktime .qif
image/pjpeg .jpe
image/x-quicktime .qti
image/pjpeg .jpeg
image/x-quicktime .qtif
image/pjpeg .jpg
Extensió Extensió
Tipo MIME Tipo MIME
n n
image/x-rgb .rgb text/html .html
image/x-tiff .tif text/html .htx
image/x-tiff .tiff text/html .shtm
image/x-windows-bmp .bmp text/mcf .mcf
image/x-xbitmap .xbm text/pascal .pas
image/x-xbm .xbm text/plain .c
image/x-xpixmap .pm text/plain .c++
image/x-xpixmap .xpm text/plain .cc
image/x-xwd .xwd text/plain .com
image/x-xwindowdump .xwd text/plain .conf
image/xbm .xbm text/plain .cxx
image/xpm .xpm text/plain .def
message/rfc822 .mht text/plain .f
message/rfc822 .mhtm text/plain .f90
message/rfc822 .mime text/plain .for
model/iges .iges text/plain .g
model/iges .igs text/plain .h
model/vnd.dwf .dwf text/plain .hh
model/vrml .vrml text/plain .idc
model/vrml .wrl text/plain .jav
model/vrml .wrz text/plain .java
model/x-pov .pov text/plain .list
multipart/x-gzip .gzip text/plain .log
multipart/x-ustar .usta text/plain .lst
multipart/x-zip .zip text/plain .m
music/crescendo .mid text/plain .mar
music/crescendo .midi text/plain .pl
music/x-karaoke .kar text/plain .sdml
paleovu/x-pv .pvu text/plain .text
text/asp .asp text/plain .txt
text/css .css text/richtext .rt
text/html .acgi text/richtext .rtf
text/html .htm text/richtext .rtx
Extensió Extensió
Tipo MIME Tipo MIME
n n
text/scriplet .wsc text/x-script.csh .csh
text/sgml .sgm text/x-script.elisp .el
text/sgml .sgml text/x-script.guile .scm
text/tab-separated-values .tsv text/x-script.ksh .ksh
text/uri-list .uni text/x-script.lisp .lsp
text/uri-list .unis text/x-script.perl .pl
text/uri-list .uri text/x-script.perl-module .pm
text/uri-list .uris text/x-script.phyton .py
text/vnd.abc .abc text/x-script.rexx .rexx
text/vnd.fmi.flexstor .flx text/x-script.scheme .scm
text/vnd.rn-realtext .rt text/x-script.sh .sh
text/vnd.wap.wml .wml text/x-script.tcl .tcl
text/vnd.wap.wmlscript .wmls text/x-script.tcsh .tcsh
text/webviewhtml .htt text/x-script.zsh .zsh
text/x-asm .asm text/x-server-parsed-html .shtm
text/x-asm .s text/x-server-parsed-html .ssi
text/x-audiosoft-intra .aip text/x-setext .etx
text/x-c .c text/x-sgml .sgm
text/x-c .cc text/x-sgml .sgml
text/x-c .cpp text/x-speech .spc
text/x-component .htc text/x-speech .talk
text/x-fortran .f text/x-uil .uil
text/x-fortran .f77 text/x-uuencode .uu
text/x-fortran .f90 text/x-uuencode .uue
text/x-fortran .for text/x-vcalendar .vcs
text/x-h .h text/xml .xml
text/x-h .hh video/animaflex .afl
text/x-java-source .jav video/avi .avi
text/x-java-source .java video/avs-video .avs
text/x-la-asf .lsx video/dl .dl
text/x-m .m video/fli .fli
text/x-pascal .p video/gl .gl
text/x-script .hlb video/mpeg .m1v
Extensió Extensió
Tipo MIME Tipo MIME
n n
video/mpeg .m2v video/x-ms-asf-plugin .asx
video/mpeg .mp2 video/x-msvideo .avi
video/mpeg .mp3 video/x-qtc .qtc
video/mpeg .mpa video/x-scm .scm
video/mpeg .mpe video/x-sgi-movie .movi
video/mpeg .mpeg video/x-sgi-movie .mv
video/mpeg .mpg windows/metafile .wmf
video/msvideo .avi www/mime .mime
video/quicktime .moov x-conference/x-cooltalk .ice
video/quicktime .mov x-music/x-midi .mid
video/quicktime .qt x-music/x-midi .midi
video/vdo .vdo x-world/x-3dmf .3dm
video/vivo .viv x-world/x-3dmf .3dmf
video/vivo .vivo x-world/x-3dmf .qd3
video/vnd.rn-realvideo .rv x-world/x-3dmf .qd3d
video/vnd.vivo .viv x-world/x-svr .svr
video/vnd.vivo .vivo x-world/x-vrml .vrml
video/vosaic .vos x-world/x-vrml .wrl
video/x-amt-demorun .xdr x-world/x-vrml .wrz
video/x-amt-showrun .xsr x-world/x-vrt .vrt
video/x-atomic3d-feature .fmf xgl/drawing .xgz
video/x-dl .dl xgl/movie .xmz
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
Bibliografía
http://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
http://www.htmlquick.com/es/reference/mime-types.html
http://www.htmlquick.com/es/reference/types.html

HTML Investigacion

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

HTML Investigacion

Cargado por

Copyright:

Formatos disponibles

MANEJO DE APLICACIONES POR MEDIOS DIGITALES

COLEGIO NACIONAL DE EDUCACIÓN PROFESIONAL

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>

CÓDIGOS HTML BÁSICOS

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

• <title>: define el título de la página. Por lo general, el título aparece en la

• <body>: define el contenido principal o cuerpo del documento. Esta es la

NOCIONES BÁSICAS DE HTML

HISTORIA DEL ESTÁNDAR

Carácter Entidad HTML Carácter Entidad HTML

CÓDIGOS DE COLORES HTML

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

Final del formulario

CÓDIGOS DE COLORES HTML

TABLA DE CÓDIGOS DE LENGUAJE

Nombre Código Nombre Código Nombre Código

Nombre Código Nombre Código Nombre Código

Lithuanian lt Occitan (post

Nombre Código Nombre Código

TABLA DE CÓDIGOS DE PAÍSES

Åland Islands ax Bosnia and Herzegovina ba

Saint Kitts and Nevis kn

Thailand th United States us

• ondblclick: El evento ondblclick ocurre cuando el botón del puntero es presionado

DEFINICIÓN DE URI Y URL

Protocol Domain name Directories File

REFERENCIA DE ENTIDAD DE CARACTERES (CHARACTER ENTITY

Nombre de Código Código Nombre de Código Código

Nombre de Código Código Nombre de Código Código

Nombre de Código Código

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

Nombre de la Código Código Nombre de la Código Código

Nombre de la Código Código Nombre de la Código Código

&#95 &#82 &#x202

Nombre de la Código Código Nombre de la Código Código

&#86 &#x21D &#87 &#x222

Nombre de la Código Código

REFERENCIA DE ENTIDADES DE CARACTERES PARA MARCAS Y CARACTERES DE

Nombre de la Código Código Nombre de la Código Código

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

<basefont Tamaño de la fuente

Da atributos a Inserta un marco

<del> Indica texto eliminado <ins> Indica texto insertado

Asigna una definición a <isindex> Entrada de línea simple

<frame> Inserta un marco Da información sobre el

Bloque de texto Muestra texto en

Tags y atributos desaprobados en HTML

Ejemplo desaprobado usando el tag HTML font:

Ejemplo utilizando el atributo "style":

Ejemplo utilizando clases con el tag HTML style:

• YYYY = año de cuatro dígitos

• ss = segundos de dos dígitos (00 a 59)

• _blank: abre el documento en una nueva ventana.

• Alternate: Designa versiones sustitutas del documento actual. Usada

• Index: Un documento proporcionando un índice para el documento actual.

" " " " " " 11; ;