Inicio
Software
Programación
HTML Programación - PHP (ini) Programación - PHP POO Programación - PHP / HTML SQL Java
Hardware
Desarrollos
Quién soy Mapa del sitio

HTML - 7ma-Entrega más etiquetas y acentos

Imprimir
Categoría: HTML
Escrito por Ch4rl1X Visitas: 1773

Combinación de etiquetas
Para ésta vez vamos a mostrar una combinación de atributos y su alcance, también vamos a mostrar como adecuar correctamente
la acentuación en un texto.
Seguimos con el mismo esquema de escritura de código, cada etiqueta la vamos a comentar, hasta tener bien claro e identificadas
cuales son.
En muchos casos nos va a pasar que al escribir nuestro código HTML se nos va a pasar un acento y puede que tenga problemas
nuestro navegador por defecto, ésto tiene que ver con el juego de caracteres. Por ésto debemos tener en cuenta ciertos parámetros
para la escritura.
Escritura de palabras con acento.
Para poder visualizar código escrito correctamente con la etiqueta meta cargada con el charset-iso-8859-1 las palabras con
acento se deben escribir:

--definición de charset--

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

--definición de charset--

Ejemplo:

Camión -> Cam&ioacute;n

O sea todas las vocales acentuadas serían:

&aacute;
&eacute;
&iacute;
&oacute;
&uacute;

En definitiva agregar el &"vocal"acute;.
Para otros caracteres especiales también usamos:

ñ -> &#241 -> &ntilde;
Ñ -> &#209 -> &Ntilde;

Ejemplo en código.

<!-- Definir un documento como HTML Transitional -->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html> <title>Etiquetas y charsets</title> <meta name="description" content="Aca mostramos ejemplos de etiquetas"/> <meta name="keywords" content="etiquetas, muestra, ejemplos, charsets"/> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/> <body> <div> <h1>Acentos mal escrito</h1> <p>Acá vemos el problema con los acentos</p> <hr align="center"> <h1>Acento bien escrito</h1> <p>Ac&aacute; vemos que el problema se solucion&oacute;</p> <div/> </body> </html>

Aquí dejo el html creado < html etiquetas y acentos >

Saludos, espero que sirva!.


Ch4rl1X!.