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
  PRIMER PAGINA WEB HTML DEL MUNDO Smithcanal 27 420 Hace 2 horas
Último mensaje: ReyNexo23
  Plantillas HTML Responsive Free Profesionales gassip 16 396 13-06-2017, 03:45 AM
Último mensaje: gassip
Música [Aporte] Reproductor de audio html djsmokingcr 11 332 02-05-2017, 03:04 AM
Último mensaje: gassip
  [Tutorial] Métodos para redireccionar URLs (HTML, PHP y Javascript wiston3 1 169 01-12-2016, 11:12 PM
Último mensaje: zeuz
  Expandir etiquetas HTML en documento .php con EMMET gassip 2 207 18-11-2016, 07:28 PM
Último mensaje: DaveNPlay
  [Aporte] PcTag: Información HTML KesiaMuller 0 182 28-10-2016, 05:42 AM
Último mensaje: KesiaMuller
  [Tutorial] Curso de PSD a HTML a WP habacuc78 14 645 31-08-2016, 09:33 PM
Último mensaje: ServiRemate
  Elementos que desaparecieron de HTML 5 Kevin9908 2 266 02-08-2015, 04:55 PM
Último mensaje: avdarie
  web con html o cms efbsfcd 7 419 01-07-2015, 03:12 PM
Último mensaje: d0rag0n
  Cuanto deberia cobrar por web HTML fercol 15 840 30-06-2015, 06:20 AM
Último mensaje: jhonatan123



Usuarios navegando en este tema: 1 invitado(s)