COMO EDITAR SALTOS DE LINEA Y CARACTERES ESPECIALES EN HTML
Como editar los saltos de línea, párrafos y caracteres especiales
Todos los saltos de línea que realicemos dentro del código html son ignorados
por el navegador a la hora de interpretar la página.
Es decir aunque escribamos el siguiente código:
<html>
<body>
Este texto Aparece en una sola línea.
</body>
</html>
Aquí debajo veremos como se representa en el navegador.
Estas etiquetas y atributos se mostrarán como aquí abajo.
Este texto Aparece en una sola línea.
El resultado aparecerán una sola línea. Si queremos forzar a que el navegador
inserte un salto de línea debemos utilizar la etiqueta <br/>. Esta etiqueta
originalmente en HTML no tenía cierre, pero en XHTML es a la vez de
apertura y cierre:
<html>
<body>
Este texto <br/>
aparece <br/>
en varias líneas.<br/>
</body>
</html>
Estas etiquetas y atributos se mostrarán como aquí abajo.
aparece
en varias líneas.
Párrafos y salto de línea àrea la etiqueta del párrafo
Para evitar tener que poner estos saltos de línea, usamos <p> , la etiqueta
de párrafo y su cierre </p>. Todo lo que encerremos entre estas etiquetas
constituye un único párrafo que el navegador interpretará como tal. Además
podemos usar el atributo aling para alinear el párrafo a la izquierda
(left, valor por defecto), derecha (right), centro (center) o
justificado (justify):
<html>
<body>
<p align=”left”>Esto es un párrafo justificado a la izquierda</p>
<p align=”center”>Esto es un párrafo justificado al centro</p>
<p align=”right”>Esto es un párrafo justificado a la derecha</p>
</body>
</html>
Estas etiquetas y atributos se mostrarán como aquí abajo.
Esto es un párrafo justificado a la izquierda
Esto es un párrafo justificado al centro
Esto es un párrafo justificado a la derecha
El navegador, al igual que no reconoce los saltos de línea, tampoco reconoce
los espacios en blanco. Veámoslo en el siguiente ejemplo:
<html>
<body>
Este texto estará contiguo.
</body>
</html>
Estas etiquetas y atributos se mostrarán como aquí abajo.
El espacio en blanco es un carácter especial y la única forma de introducirlo
es mediante el código de su carácter especial correspondiente ( ).
<html>
<body>
Este texto no estará contiguo.
</body>
</html>
Estas etiquetas y atributos se mostrarán como aquí abajo.
Algunos de los caracteres especiales que podemos usar en html son:
| Símbolo | Carácter especial |
| | Espacio en blanco |
| á | &(a)acute; á é í ó |
| Á | &(A)acute; Á É Í Ó |
| " | “ |
| < | < |
| > | > |
| € | € |
| ñ | Ñ |
| ¡ | ¡ |
| ¿ | ¿ |
| & | & |
Y por tanto si queremos que en una página web se visualice correctamente
una palabra con tilde deberíamos de usar caracteres especiales en lugar de
escribirlo directamente con tilde en el código HTML:
<html>
<body>
Web de Educación
</body>
</html>
Estas etiquetas y atributos se mostrarán como aquí abajo.
Web de Educación
En muchas ocasiones nos puede interesar que el navegador no modifique
el aspecto de un párrafo porque ya tiene el deseado, de esta manera respetará
todos los espacios y saltos de línea que pongamos. En ese caso usaremos la
etiqueta <pre> y su cierre </pre> para encerrar el texto preformateado:
<html>
<body>
<pre>Este texto
se verá
tal cual aparece
</pre>
</body>
</html>
Estas etiquetas y atributos se mostrarán como aquí abajo.
Este texto
se verá
tal cual aparece
