Unidad 3. El texto (I)


A lo largo de este tema vamos a aprender a cambiar las propiedades del texto, así como a insertar caracteres especiales o separadores.

 

Caracteres especiales y espacios en blanco

 

Los caracteres < y > son dos caracteres especiales que indican inicio y fin de etiqueta. Si se desea insertar estos caracteres como texto hay que escribir el nombre que los representa:

< Se representa con &lt;

> Se representa con &gt;

Existen otra serie de caracteres que no se visualizan correctamente en algunos navegadores, como es el caso de la ñ y las letras acentuadas, por lo que al igual que ocurre con los caracteres especiales < y >, para insertarlos como texto habría que escribir el nombre que los representa.

A continuación se muestra una lista con algunos caracteres y el nombre con el que han de ser representados:

Carácter
Representación
<
&lt;
>
&gt;

á

&aacute;
Á
&Aacute;
é
&eacute;
É
&Eacute;
í
&iacute;
Í
&Iacute;
ó
&oacute;
Ó
&Oacute;
ú
&uacute;
Ú
&Uacute;
ñ
&ntilde;
Ñ
&Ntilde;
&#153;
Carácter
Representación
&euro;
ç
&ccedil;
Ç
&Ccedil;
ü
&uuml;
Ü
&Uuml;
&
&amp;
¿
&iquest;
¡
&iexcl;
"
&quot;
·
&middot;
º
&ordm;
ª
&ordf;
¬
&not;
©
&copy;
®
&reg;

Siempre que se inserta texto en HTML hay que tener en cuenta que si se escriben varios espacios en blanco seguidos sólamente se mostrará uno en el navegador. Para conseguir que se muestren varios espacios en blanco seguidos puede sustituirse cada uno de ellos por &nbsp;.

Por ejemplo, para insertar el texto:

¡Bienvenidos, esta es mi   1ª   página!

Habría que escribir:

&iexcl;Bienvenidos, esta es mi&nbsp;&nbsp;&nbsp;1&ordf;&nbsp;&nbsp;&nbsp;p&aacute;gina!

 

Comentarios

 

En ocasiones podemos desear añadir comentarios aclaratorios dentro del código, de manera que no sean visualizados en el navegador, pero sí a la hora de editar el documento.

Para insertar comentarios dentro del código, basta con insertar el texto entre <!-- y //-->.

Todo el código que se inserte entre estos símbolos no será visualizado en los navegadores.

Por ejemplo, para insertar el texto siguiente con un comentario:

¡Bienvenidos, esta es mi 1ª página!

Habría que escribir:

<!-- A continuación aparecerá una línea de texto//-->
&iexcl;Bienvenidos, esta es mi 1&ordf; p&aacute;gina!

 

Saltos de línea <br>

 

En general, cuando trabajamos con un editor de texto se produce un salto de línea al pulsar la tecla INTRO.

Si pulsamos INTRO en un documento HTML, el salto de línea se producirá en el código, pero no se mostrará en el navegador. Para que se produzca el salto de línea en el navegador, en lugar de pulsar la tecla INTRO hay que insertar la etiqueta <br> donde se desee que se produzca el salto.

La etiqueta <br> no precisa ninguna etiqueta de cierre. No hay que insertar la etiqueta </br> después de ella, ya que dicha etiqueta no existe.

Por ejemplo, para insertar el texto:

Queridos usuarios,
tengo el placer de comunicaros que hay una nueva sección.

Habría que escribir:

Queridos usuarios,<br>tengo el placer de comunicaros que hay una nueva secci&oacuten.

 

Atrás  Inicio  Adelante


.