Asignatura: Tecnología e Informática.
Formación en Valor: Misericordia
Núcleo Integrador: Manejo de texto.
Indicador de desempeño: Dar a conocer las etiquetas para caracteres especiales.
Exploración Cognitiva
¿Sabes que los caracteres especiales, tienen su propia etiqueta?
Se debe tener en cuenta el orden de mayúsculas y minúsculas.
Carácter
|
Representación
|
<
|
<
|
>
|
>
|
á
|
á
|
Á
|
Á
|
é
|
é
|
É
|
É
|
í
|
í
|
Í
|
Í
|
ó
|
ó
|
Ó
|
Ó
|
ú
|
ú
|
Ú
|
Ú
|
ñ
|
ñ
|
Ñ
|
Ñ
|
™
|
™
|
Carácter
|
Representación
|
€
|
€
|
ç
|
ç
|
Ç
|
Ç
|
ü
|
ü
|
Ü
|
Ü
|
&
|
&
|
¿
|
¿
|
¡
|
¡
|
"
|
"
|
·
|
·
|
º
|
º
|
ª
|
ª
|
¬
|
¬
|
©
|
©
|
®
|
®
|
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//-->
¡Bienvenidos, esta es mi 1ª página!
¡Bienvenidos, esta es mi 1ª pá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.
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ón.
Texto preformateado <pre>
Una forma
de asegurarnos de que el texto aparezca en el navegador tal cual ha sido
insertado dentro del código, es utilizando las etiquetas <pre> y </pre>.
Utilizando
estas etiquetas podemos tener la seguridad de que en el navegador se mostrarán
todos los espacios en blanco que se inserten en el texto, así como todos los
saltos de línea resultantes de pulsar la tecla INTRO, sin la
necesidad de utilizar la etiqueta <br>.
Por
ejemplo, para insertar el texto:
Hola,
BIENVENIDOS
esta ES
MI PÁGINA WEB
y esto
un texto preformateado
Habría
que escribir:
<pre>Hola, BIENVENIDOS
esta ES MI PÁGINA WEB
y esto un texto preformateado</pre>
esta ES MI PÁGINA WEB
y esto un texto preformateado</pre>
El inconveniente de esta etiqueta es que
entre las etiquetas <pre> y </pre> no se pueden
incluir las etiquetas <img> (para incluir
imágenes), <object> (para incluir objetos como animaciones), <big>, <small>, <sub> ni <sup> (las
veremos en este tema).
Separadores <hr>
El
elemento que suele utilizarse para separar secciones dentro de una misma página
es la regla horizontal. Para insertar una regla horizontal hay que
insertar la etiqueta <hr>. Dicha
etiqueta no precisa ninguna etiqueta de cierre.
Es
posible especificar algunos atributos de la regla horizontal:
Atributo
|
Significado
|
Posibles valores
|
align
|
alineación de la regla dentro de la página
|
left (izquierda)
right (derecha) center (centro) |
width
|
ancho de la regla
|
un número, acompañado de % cuando se desee que
sea en porcentaje
|
size
|
alto de la regla
|
un número
|
noshade
|
eliminar el sombreado de la regla
|
no puede tomar valores
|
Por
ejemplo, para insertar el texto y la regla horizontal siguientes:
Inicio
Bienvenidos
a mi página.
Habría
que escribir:
Inicio<hr align="left" width="300%" size="5" noshade>Bienvenidos a mi
página.
Sangrado de texto <blockquote>
La sangría es una especie de margen que
se establece a ambos lados del texto. Para que un texto aparezca sangrado, se
inserta entre las
etiquetas <blockquote> y </blockquote>.
Esta etiqueta en un principio se definió
para delimitar citas pero que como la mayoría de los navegadores resuelven la
cita incluyendo un sangrado del texto, su uso para sangrar texto se ha
generalizado.
El uso de la
etiqueta <blockquote> obliga a que el texto aparezca en una
nueva línea.
Insertando el texto entre varias
etiquetas <blockquote> y </blockquote> se
consigue que los márgenes sean mayores.
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,
<blockquote>
<blockquote>
tengo el placer de comunicaros que hay una nueva sección.
</blockquote>
</blockquote>
<blockquote>
<blockquote>
tengo el placer de comunicaros que hay una nueva sección.
</blockquote>
</blockquote>
