Technological highway

Las autopistas de la información han revolucionado las

comunicaciones en todo el mundo a un nivel tan importante como

lo hicieron el telégrafo o el teléfono en el pasado.

A través de redes de computadoras como internet, las personas

pueden comunicarse, trabajar, acceder a la información y a los

productos de la red y divertirse.

La utilización de estas redes y de su potencial es uno de los retos

más importantes para la técnica y la humanidad.

INTERNET

Es como un árbol en el que cada rama

es una red menor y cada hoja es una de

las millones de computadoras que la

forman. Las personas pueden

comunicarse entre si transmitiendo la

información por vía telefónica, fibra

óptica, ondas o satélites.

Se denomina Internet al conjunto de

redes informáticos interconectados que

permiten la comunicación simultánea y

recíproca entre millones de usuarios en todo el mundo. Carece de centros precisos, es de

propiedad fragmentada y compartida, y su acceso es libre en muchas áreas o restringido

en otros por cuestiones concretas. Generalmente para acceder a esta “red de redes”

deben contratarse los servicios de un proveedor, que proporciona el software adecuado

para PC y que posea un modem conectado a una línea telefónica.

Internet nació en 1969, en EE.UU., como proyecto militar de descentralización informática; pero con el tiempo, fue utilizada por la comunidad universitaria para el intercambio de información científica. A partir de la década de los 80′, fue el sistema elegido por profesionales de diversos campos para la transmisión de información y como vía para el correo electrónico. Más recientemente, Internet ha ofrecido la posibilidad de mantener conversaciones en tiempo real, transferir toda clase de documentos, imágenes y videos, operar computadoras a distancia o consultar bibliotecas, archivos o catálogos de infinidad de empresas o instituciones.

Internet ha revolucionado el mundo de las comunicaciones, hecho que ha causado gran impacto a nivel social y cultural. Ha creado una nueva forma de vinculación entre personas, incluyendo la posibilidad de contactarse y conocer gente a través de este medio. Los usuarios de internet aumentan progresivamente día a día, al igual que el menú de opciones y posibilidades que ofrece la red.

Se estima que para el 2015, la cifra de usuarios se duplicará a nivel mundial. El acceso a internet a través de un celular, era algo impensable décadas atrás. Hoy, en EE.UU., 3 de cada 10 móviles tienen capacidad para dicha conexión. Inclusive las emisoras televisivas están preocupadas por mejorar la calidad de las imágenes a través de Internet porque conocen sobre esta realidad progresiva.

Los buscadores más habituales para localizar información en Internet son:

Motores de búsqueda: su función es localizar documentos de hipertexto. Aunque suelen tener características similares hay algunos aspectos que los diferencian y que es conveniente conocer para obtener resultados pertinentes. La mayoría permite la búsqueda por palabras clave y nos permiten asociar estas palabras clave a través de operadores boléanos. Ejemplos de Motores de búsqueda son: Google, Yahoo, MSN Search, Ask Jeeves, A9, AltaVista, Fast, Northern Light o WiseNut.

Meta buscadores: permiten realizar una búsqueda en varios buscadores a la vez. Uno de sus inconvenientes, es que no suele ser posible precisar la búsqueda, ya que cada uno de los motores que engloba tiene sus propias características de búsqueda.

Su funcionamiento se centra en el momento en el que el usuario lanza la búsqueda, donde el meta buscador la dirige a sus motores asociados, devolviendo una lista de

resultados que se pueden ordenar según la relevancia. Esta relevancia se refleja al lado de cada enlace en forma de porcentaje. Podemos encontrar distintos tipos de meta buscadores: aquellos que se pueden agrupar y los que no lo permiten.

Ejemplos de meta buscadores son: Copernic, Dogpile , Vivisimo , Metacrawler C4 , Ixquick Metasearch o Profusión.

Directorios: son elaborados y organizados por personas, de esta manera están clasificados por temas jerárquicamente. No precisan de motores de búsquedas ya que permiten descender por las diferentes categorías. Entre las ventajas de los directorios se encuentran la calidad de la indización y sus inconvenientes son su lentitud y su reducido catálogo. Muchas veces, el orden en el que están colocadas las webs responden a criterios comerciales.

Los principales son: Yahoo , Dmoz , Galaxy

Podemos señalar como buscadores también, los anillos web que son grupos de sitios web relacionados con un tema; los portales y los canales temáticos y los blogs.

Tipos de Internet (conexiones)

Internet es una red de redes que permite que exista interconexión entre diversas computadoras de manera descentralizada. Esto lo hace por medio del protocolo conocido bajo el nombre TCP/IP. Internet es considerado uno de los inventos más importantes y fue creada en 1969 en los Estados Unidos.

De acuerdo a la tecnología que se utiliza existen distintos tipos de acceso a Internet:

Analógica: esta tecnología, también conocida bajo el nombre Dial Up se caracteriza por ser lenta pero económica. Para hacer uso de esta se precisa un Módem que se conecta a

una línea telefónica. A partir del número telefónico la PC recibe el IPS por medio del cual se conecta a Internet. Para enviar datos, lo que hace el Módem es convertir la señal digital en analógica y para recibirla funciona al revés: convierte la señal analógica en digital. La desventaja de conectarse a una línea telefónica es que la conexión se ve sometida a limitaciones y pérdida de datos y además, no es de muy buena calidad. La velocidad de la conexión

analógica no supera los 56 k.

IDSN: Por las siglas en inglés de Integrated Services Digital Network, este tipo de conexión a internet es un estándar para la comunicación internacional que permite el envío de datos, voz y videos, por medio de una línea digital telefónica. La velocidad de esta conexión es de entre 64 y 128 kbps.

B-IDSN: tiene las mismas funciones de la anterior, pero en vez de utilizar el cableado normal del teléfono para transmitir datos, lo hace a partir de fibra óptica.

DSL: esta conexión, si bien utiliza la línea telefónica, permite hacer uso del teléfono a la par. Además, es más veloz que las anteriores y no precisa conexión al IPS ni esperar a que se marque el teléfono. Dentro de esta conexión hay dos clases: ADSL y SDSL.

Cable: para la conexión a Internet esta tecnología precisa un cable-módem que permite acceder a la banda ancha que ofrecen los servicios de cable de televisión. Esta tecnología hace uso de un canal de televisión que ofrece un mayor ancho de banda que las líneas de teléfono. La velocidad de la conexión por cable ofrece una velocidad entre los 512 kbps a 20 mbps.

Conexión Inalámbrica: esta no utiliza ni la red del cable ni la línea telefónica, en lugar de esto recurre a bandas de frecuencia de radio. Esta tecnología ofrece una conexión dentro del área de

cobertura de forma permanente.

Líneas T1: esta línea telefónica soporta transferencias de hasta 1,544 mbps y consiste en 24 canales que soportan 64 kbits por segundo cada uno. Esta tecnología permite

configurar a cada uno de los canales para transmitir voz y datos.

Satelital: por medio de esta tecnología se accede a Internet por medio de un satélite. Como la señal debe viajar de la Tierra al satélite y volver, es una conexión más lenta, su velocidad va desde los 492 a 512 kbps.

PAGINA WEB

Es el nombre de un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces y muchas otras cosas, adaptada para la World Wide Web y que puede ser accedida mediante un navegador . Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegación a otras páginas web mediante enlaces de hipertexto. Las páginas web frecuentemente incluyen otros recursos como hojas de estilo en cascada, guiones (scripts) e imágenes digitales, entre otros.

Las páginas web pueden estar almacenadas en un equipo local o un servidor web remoto. El servidor web puede restringir el acceso únicamente para redes privadas, p. ej., en una intranet corporativa, o puede publicar las páginas en la World Wide Web. El acceso a las páginas web es realizado mediante su transferencia desde servidores utilizando el

protocolo de transferencia de hipertexto (HTTP).

Características

Una página web está compuesta principalmente por información (sólo texto y/o módulos multimedia) así como por hiperenlaces; además puede contener o asociar Hoja de estilo, datos de estilo para especificar cómo debe visualizarse, y también Aplicación informática aplicaciones

embebidas para así hacerla interactiva.

Las páginas web son escritas en un lenguaje de marcado que provee la capacidad de manejar e insertar hiperenlaces, generalmente HTML.

El contenido de la página puede ser predeterminado página web estática o generado al momento de visualizarla o solicitarla a un servidor web página web dinámica. Las páginas dinámicas que se generan al momento de la visualización, se especifican a través de algún lenguaje interpretado, generalmente JavaScript, y la aplicación encargada de visualizar el contenido es la que realmente debe generarlo. Las páginas dinámicas que se generan, al ser solicitadas, son creadas por una aplicación en el servidor web que alberga las mismas.

Respecto a la estructura de las páginas web, algunos organismos, en especial el W3C, suelen establecer directivas con la intención de normalizar el diseño, y para así facilitar y simplificar la visualización e interpretación del contenido.

Una página web es en esencia una tarjeta de presentación digital, ya sea para empresas, organizaciones, o personas, así como una tarjeta de presentación de ideas y de informaciones. Así mismo, la nueva tendencia orienta a que las páginas web no sean sólo atractivas para los internautas, sino también optimizadas (preparadas) para los buscadores a través del código fuente. Forzar esta doble función puede, sin embargo, crear conflictos respecto de la calidad del contenido.

Clasificación de una pagina web

Si hablamos de posicionamiento web, una página web es la base para optimizar todo un sitio web el cual es un conjunto de páginas web.

Existen distintas formas de clasificar a las páginas web, algunos criterios para ello son:

Según su construcción:

1. Estáticas: este tipo de páginas web están compuestas por archivos que contienen código HTML, es por medio de este que se pueden mostrar las imágenes, textos, videos y todos aquellos contenidos que componen a la página en sí. Los archivos que constituyen a la página web son almacenados en el servidor de Hosting, cuyo formato es también en HTML. Las páginas web pueden ser editadas por medio de programas como el Dreamweaver. Para esto, los archivos deben ser descargados del servidor con algún software, editarlos, guardarlos y subirlos nuevamente. El contenido de estas páginas no se modifica constantemente puesto que estas suelen estar en manos de personas que requieren contratar a diseñadores para que se encarguen de esto, lo que implica una serie de gastos. Además, las actualización contante no es algo que sus dueños necesiten.

2. Dinámicas: en estas páginas, en cambio, los contenidos son modificados continuamente ya que esto queda en manos de quienes las visitan. La información

de estas páginas está guardada en bases de datos de las cuales los usuarios extraen aquello que les interese. Estas páginas se caracterizan entonces por ser sus usuarios quienes modifican el diseño y los contenidos, se las puede actualizar muy fácilmente, ya que no es necesario ingresar al servidor para esto. Además, tienen numerosas funciones como foros, bases de datos, contenidos dinámicos, carritos de compras, entre otros.

Según su tecnología:

1. En HTML: estas páginas están construidas con lenguaje HTML, por lo que se requiere tener conocimientos de este para hacerlas. Un defecto de estas páginas es que son estáticas, además ofrecen muy poco, por lo que no son recomendables para ventas y marketing. La ventaja que ofrecen es que son muy fáciles de construir, con conocimientos básicos de diseño, alcanza.

2. En Flash: estas páginas se construyen utilizando el software Flash, de Adobe, que permite la realización de animaciones, efectos, sonidos y movimientos. Para que los usuarios puedan visualizarlas, es necesario contar con los plug-in requeridos. Para realizarlas sí es necesario tener conocimientos en profundidad sobre el software, otra desventaja, es que las páginas hechas con Flash son muy pesadas, por lo que el tiempo de descarga puede prolongarse.

3. En lenguaje del servidor: estas se hacen en lenguaje PHP, Ruby, ASP, entre otros. Para desarrollar esta clase de páginas también es necesario tener conocimientos avanzados sobre el lenguaje a utilizar. Son ideales para interactuar con los usuarios y para el área de marketing.

HTML

Es un estándar que, en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, etc. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación.

El lenguaje HTML basa su filosofía de desarrollo en la referenciación. Para añadir un elemento externo a la página (imagen, vídeo, script, etc.), este no se incrusta

directamente en el código de la página, sino que se hace una referencia a la ubicación de dicho elemento mediante texto. De este modo, la página web contiene sólo texto mientras que recae en el navegador web

(interpretador del código) la tarea de unir todos los elementos y visualizar la página final. Al ser un estándar, HTML busca ser un lenguaje que permita que cualquier página web escrita en una determinada versión, pueda ser interpretada de la misma forma (estándar) por cualquier navegador web actualizado.

Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y suprimido características, con el fin de hacerlo más eficiente y facilitar el desarrollo de páginas web compatibles con distintos navegadores y plataformas (PC de escritorio, portátiles, teléfonos inteligentes, tablets, etc.). Sin embargo, para interpretar correctamente una nueva versión de HTML, los desarrolladores de navegadores web deben incorporar estos cambios y el usuario debe ser capaz de usar la nueva versión del navegador con los cambios incorporados. Usualmente los cambios son aplicados mediante parches de actualización automática (Firefox, Chrome) u ofreciendo una nueva versión del navegador con todos los cambios incorporados, en un sitio web de descarga oficial (Internet Explorer). Un navegador no actualizado no será capaz de interpretar correctamente una página web escrita en una versión de HTML superior a la que pueda interpretar, lo que obliga muchas veces a los desarrolladores a aplicar técnicas y cambios que permitan corregir problemas de visualización e incluso de interpretación de código HTML. Así mismo, las páginas escritas en una versión anterior de HTML deberían ser actualizadas o

reescritas, lo que no siempre se cumple. Es por ello que ciertos navegadores aún mantienen la capacidad de interpretar páginas web de versiones HTML anteriores. Por estas razones, aún existen diferencias entre distintos navegadores y versiones al interpretar una misma página web

Historia de HTML

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 que incluyen 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.4 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, que reflejaba la filosofía del IETF de basar estándares en prototipos con éxito. De la misma manera, el boceto competidor de Dave Raggett HTML+ (Hypertext Markup Format) (Formato de Marcaje de Hipertexto), de finales de 1993, sugería estandarizar características ya implementadas, como las tablas.

Marcado HTML

El 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 o hacer referencia a un tipo de programa llamado script, el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.

HTML también sirve 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).

HTML consta de varios componentes vitales, entre ellos los 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 (por ejemplo, <nombre-de-elemento>) y una etiqueta de cierre (por ejemplo, </nombre-de-elemento>). Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas (por ejemplo, <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 «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. Puede aplicarse un formato específico 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.

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 WYSIWYG son KompoZer, Microsoft FrontPage o Adobe Dreamweaver.

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 resulta más rápido y fácil escribir directamente el código de alguna característica que el usuario desea adherir al sitio que buscar la opción en el programa mismo.

Existe otro tipo de editores HTML llamados WYSIWYM 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 determinan 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>.

Historia del estándar

En 1989 existían dos técnicas que permitían vincular documentos electrónicos, por

un lado los hipervínculos (enlaces) y por otro lado un poderoso lenguaje de

etiquetas denominado SGML. Por entonces, Tim Berners-Lee, quien trabajaba en el

Centro Europeo de Investigaciones Nucleares CERN da a conocer a la prensa que

estaba trabajando en un sistema que permitirá acceder a ficheros en línea que

funcionaba sobre redes de computadoras o máquinas electrónicas basadas en el

protocolo TCP/IP. Inicialmente fue desarrollado para que se pueda compartir

fácilmente información entre científicos de distintas universidades e institutos de

investigación de todo el mundo.

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, ViolaWWW, 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 supe conjunto 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; por ejemplo, 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.

En 1997, HTML 4.0 se publicó como una recomendación del W3C. HTML 4.0 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.

HTML 4.0 implementa características como XForms 1.0 que no necesitan implementar motores de navegación que eran incompatibles con algunas páginas web HTML. En 2004 la W3C reabrió el debate de la evolución del HTML, y se dieron a conocer las bases para la versión HTML5. No obstante, este trabajo fue rechazado

por los miembros del W3C y se daría preferencia al desarrollo del XML.

Apple, Mozilla y Opera anunciaron su interés en seguir trabajando en el proyecto bajo el nombre de WHATWG, que se basa en la compatibilidad con tecnologías anteriores.

En 2006, el W3C se interesó en el desarrollo de HTML5, y en 2007 se unió al grupo de trabajo del WHATWG para unificar el proyecto.

Accesibilidad Web

El diseño en HTML, aparte de cumplir con las especificaciones propias del lenguaje,

debe respetar ciertos 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.017 ), 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 de escritura 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

á &aacute; Á &Aacute;

é &eacute; É &Eacute;

í &iacute; Í &Iacute;

ó &oacute; Ó &Oacute;

ú &uacute; Ú &Uacute;

ü &uuml; Ü &Uuml;

ñ &ntilde; Ñ &Ntilde;

¡ &iexcl; ¿ &iquest;