Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Acentos y otros símbolos (HTML)
#1
Bueno pues seguimos con la serie de manuales
_______________________________________________________________

Lo último que vimos fue una plantilla vacia que guardamos al hablar de los primeros conceptos.
Esa plantilla era la siguiente:
Código:
<HTML>
<HEAD>
   <!-- Esto es la cabecera de mi página-->
   <TITLE>Primera página de prueba</TITLE>
<BODY>
   <!-- Aquí irá todo el contenido de mi futura web: textos, fotos, vídeos, sonidos, enlaces, etc. Y se llama CUERPO -->
-----------------------------------------
------------------------------------------
-------------------------------------------
-------------------------------------------
</BODY>
</HTML>
Si la abrimos, comprobaremos que no hay ningun contenido, jejeje está en blanco. Bueno, vamos a poner algo
Código:
<HTML>
<HEAD>
   <!-- Esto es la cabecera de mi página-->
   <TITLE>Primera página de prueba</TITLE>
<BODY>
   <!-- Aquí irá todo el contenido de mi futura web: textos, fotos, vídeos, sonidos, enlaces, etc. Y se llama CUERPO -->
¡Hola! ¿qué tal? Estoy haciendo mi primera página web con la sóla ayuda del lenguaje HTML.A ver cómo resulta,jejeje
</BODY>
</HTML>
Guardamos los cambios con el nombre de "mi primera web.htm" (podemos elegir la extensión .html y dará igual, jejeje) y la visualizamos en cualquier navegador. ¿Cuál esel resultado? Pues si en el navegador tenemos instalada la fuente de caracteres Europeo Occidental (ISO) no pasará nada y veremos el texto perfectamente, pero si no lo tenemos instalado (o si lo tenemos configurado con otro juego de caracteres) Veremos ese texto sencillo lleno de cuadritos y signos "raros", jejeje. Podemos comprobarlo configurando el navegador, por ejemplo, con Unicode
Cita:En [highlight=#FFFFAA]Firefox[/highlight] lo podemos hacer con [highlight=#FFFFAA]Ver/Codificación de carecteres[/highlight]/y seleccionamos el unicode.
Si es el [highlight=#FF0000]Explorer[/highlight], nos iríamos a [highlight=#FF0000]Ver/codificación[/highlight]
con lo que lo veríamos así:
[Imagen: primeraweb.jpg]
Es evidente que no todo el mundo tiene instalados todos los tipos de caracteres, dado que el español es la unica lengua con la tilde (el rabillo de la "ñ") y de las pocas que tiene símbolos de admiración e interrogación al principio de la frase.
Pero, entonces ¿cuál es la solución? Pues hay una forma muy rápida y fácil de decirle al navegador qué juego de caracteres estamos utilizando y lo veremos más adelante. Pero ahora lo deberíamos solucionar colocando "&#código" Eso sería muy lioso por lo complicado de memorizar un montón de caracteres y variantes (si queréis más informacion podéis buscar en la wikipedia cuáles son los caracteres UNICODE) Nosotros vamos a emplear unos truquillos o atajos.
Así, para representar las vocales acentuadas colocaríamos "&" seguida de la vocal (sin el acento) y la expresión "acute;" (todo ello sin las comillas) De esa forma, si queremos escribir "é" deberemos poner "&eacute;" y la palabra "camión" quedaría como "cami&oacute;n". Lo mismo ocurre con las otras vocales. mirad el siguiente cuadro:
Para ver el resto visitad mi foro (enlace en la firma) ya que aqui no puedo poner tablas, jejeje Saludos Guiño

[h1]EDIT Kevin[/h1]:

No olviden que hay que preparar el sitio para que acepte UTF-8 , en este caso añadimos esto al .htaccess:

Código:
AddDefaultCharset utf-8

Tutorial Original por: papi1
[Imagen: bann.png]
WWW
#2
@Taquion mañana veo si puedo mejorar y actualizar tu post, de mientras te añado este truquillo de .h
Cualquier duda, pregunta, comentario... Aquí estoy Guiño


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
Sonrisa Login->html+js+ajax+php wpadilla 2 93 05-11-2017, 12:39 PM
Último mensaje: piensaengrande
  PRIMER PAGINA WEB HTML DEL MUNDO Smithcanal 27 536 21-10-2017, 01:47 AM
Último mensaje: ReyNexo23
  Plantillas HTML Responsive Free Profesionales gassip 16 489 13-06-2017, 03:45 AM
Último mensaje: gassip
Música [Aporte] Reproductor de audio html djsmokingcr 11 412 02-05-2017, 03:04 AM
Último mensaje: gassip
  [Tutorial] Métodos para redireccionar URLs (HTML, PHP y Javascript wiston3 1 217 01-12-2016, 11:12 PM
Último mensaje: zeuz
  Expandir etiquetas HTML en documento .php con EMMET gassip 2 275 18-11-2016, 07:28 PM
Último mensaje: DaveNPlay
  [Aporte] PcTag: Información HTML KesiaMuller 0 252 28-10-2016, 05:42 AM
Último mensaje: KesiaMuller
  [Tutorial] Curso de PSD a HTML a WP habacuc78 14 714 31-08-2016, 09:33 PM
Último mensaje: ServiRemate
  Elementos que desaparecieron de HTML 5 Kevin9908 2 302 02-08-2015, 04:55 PM
Último mensaje: avdarie
  web con html o cms efbsfcd 7 481 01-07-2015, 03:12 PM
Último mensaje: d0rag0n



Usuarios navegando en este tema: 1 invitado(s)