RESALTAR EL TEXTO
Podemos hacer resaltar el texto utilizando las etiquetas <strong> y <em>. |
La etiqueta <strong> (que significa fuerte en inglés) resalta más al texto que la etiqueta <em> (su nombre proviene de emphasis que en inglés significa énfasis). Una cosa a tener en cuenta es que en los actuales navegadores Web, el texto resaltado con <strong> se ve en negrita, exactamente igual que con <b>; y el texto resaltado con <em> se ve en cursiva, exactamente igual que con <i>; sin embargo se recomienda que para obtener texto en negrita se utilice <b> y para cursiva <i>; en lugar de <strong> y <em>, ya que en un futuro, es posible que los navegadores Web muestren de manera distinta a los textos formateados con estas últimas dos etiquetas. Por lo tanto debemos utilizar <strong> y <em> simplemente para resaltar una parte del texto, mientras dejamos el resto del mismo no resaltado.
Veamos un ejemplo:
<html>
<head>
<title>Ejemplo</title> </head> <body>
<p><b>Este
texto está en negrita.</b></p>
<p><i>Este
texto está en cursiva.</i></p>
<p><em>Este texto está resaltado.</em></p>
<p><strong>Este
texto está resaltado más que el anterior.</strong></p>
</body>
</html> |
4 -
OTRAS ETIQUETAS DE FORMATO DE TEXTO
Existen varias etiquetas que dan
distinto formato al texto definido. Primero veremos las definiciones de cada
una de estas etiquetas y luego veremos un ejemplo que incluye el código fuente
de cada etiqueta:
La etiqueta <big> le da tamaño grande al texto definido.
La etiqueta <big> le da tamaño grande al texto definido.
La etiqueta <small> le da tamaño más pequeño al texto
definido.
La etiqueta <sub> define texto en subíndice, o sea texto
de tamaño más pequeño y ubicado ligeramente más abajo que el resto, como se
suele utilizar en matemáticas por ejemplo: b2.
La etiqueta <sup> define texto en superíndice, o sea
texto de tamaño más pequeño y ubicado ligeramente más arriba que el resto, como
se suele utilizar en matemáticas para definir potencias; por ejemplo 22.
Las
etiquetas <del> e <ins> se utilizan para definir un texto
tachado y de corrección respectivamente; por ejemplo como se utiliza en casos
de ofertas en las que figura el precio de antes y el de ahora. <del> tacha el texto e <ins> muestra el texto subrrayado como si
fuese insertado para corregir el texto anterior; estas etiquetas suelen utilizarse
en conjunto.
La etiqueta <code> define texto con estilo de código
fuente de computadora.
La etiqueta <kbd> define texto de teclado o máquina de
escribir.
La etiqueta <tt> define texto de estilo de teletipo.
La
etiqueta <pre> permite definir texto preformateado
con estilo similar al de la etiqueta <code>; esto
significa que si al texto definido le agregamos varios espacios o saltos de
línea en el código -sin utilizar <br />- éstos
aparecerán tal cual se los escribió en el código fuente. Recordemos que en HTML
el texto común acepta solamente un espacio entre palabras y por más que
agreguemos dos o más espacios, siempre se mostrará uno; lo mismo sucede con los
saltos de línea, ya que en el texto común la única manera de agregar saltos de
línea es mediante la etiqueta <br />. Con la
etiqueta <pre> se acepta o muestra más de un espacio,
mientras que los saltos de línea se pueden realizar sin <br
/>; el único detalle es que el estilo de texto es similar al
definido por la etiqueta <code>.
La
etiqueta <var> define texto en formato similar al
utilizado para mostrar variables en el código fuente de editores de lenguajes
de programación; en muchos navegadores Web el estilo resultante es similar al
que define<code>.
La etiqueta <samp> define texto en estilo de ejemplo de código fuente; el resultado es similar al de <code>.
La etiqueta <abbr> sirve para definir abreviaturas, las cuales cuales se muestran subrrayadas por una línea de puntos y si se apoya el puntero del mouse por encima del texto abreviado aprace una leyenda, generalmente utilizada para explicar qué significa la abreviatura del texto definido. La leyenda se define con el atributo title.
La etiqueta <samp> define texto en estilo de ejemplo de código fuente; el resultado es similar al de <code>.
La etiqueta <abbr> sirve para definir abreviaturas, las cuales cuales se muestran subrrayadas por una línea de puntos y si se apoya el puntero del mouse por encima del texto abreviado aprace una leyenda, generalmente utilizada para explicar qué significa la abreviatura del texto definido. La leyenda se define con el atributo title.
Por ejemplo:
La <abbr title="Universidad Tecnológica Nacional">UTN</abbr> es líder en la enseñanza de carreras de tecnología.
La <abbr title="Universidad Tecnológica Nacional">UTN</abbr> es líder en la enseñanza de carreras de tecnología.
La
etiqueta <address> define texto en formato de dirección
postal. En la mayoría de los navegadores Web aparece en cursiva con un espacio
de un renglón antes y después del bloque de texto.
La etiqueta <blockquote> define texto en formato de cita; por ejemplo se puede utilizar para citar frases. En la mayoría de los navegadores Web, el bloque de texto definido con esta etiqueta aparece con un espacio de sangría adelante.
La etiqueta <blockquote> define texto en formato de cita; por ejemplo se puede utilizar para citar frases. En la mayoría de los navegadores Web, el bloque de texto definido con esta etiqueta aparece con un espacio de sangría adelante.
Veamos un ejemplo con todas las
etiquetas explicadas anteriormente:
<html>
<head>
<title>Ejemplo</title> </head> <body>
<p><big>Este
texto se verá más grande.</big></p>
<p><small>Este
texto se verá más pequeño.</small></p>
<p>x<sub>1</sub> + x<sub>2</sub> = x</p>
<p>El resultado de la potencia de 2<sup>10</sup> es igual a 1024.</p> <p>El precio de este pantalón es: Antes - <del>$100</del>. Ahora - <ins>$80</ins>.</p> <p><code>Este texto tiene formato de código fuente de computadora.</code></p> <p><kbd>Este texto tiene formato de letra de teclado o máquina de escribir.</kbd></p> <p><tt>Este texto tiene formato de teletipo.</tt></p> <pre>Este texto admite más de un espacio así como saltos de línea.</pre> <p><var>Este texto tiene formato de variable de código fuente.</var></p>
<p><samp>Este
texto tiene formato de ejemplo de código fuente de programa.</samp></p>
<p>La <abbr title="Universidad Tecnológica Nacional">UTN</abbr> es líder en la enseñanza de carreras de tecnología y de ciencias exactas tanto en la República Argentina como en América en general.</p>
<address>
Dirección: Belgrano 2300 - Capital Federal<br/> República Argentina<br/> Tel: 4999-9999<br/> </address> <blockquote>Principio de la cita larga. Esta es una cita con espacios de sangrías agregados. Esta es una cita con espacios de sangrías agregados. Esta es una cita con espacios de sangrías agregados. Esta es una cita con espacios de sangrías agregados. Esta es una cita con espacios de sangrías agregados. Esta es una cita con espacios de sangrías agregados. Esta es una cita con espacios de sangrías agregados. Fin de la cita larga.</blockquote> </body> </html> |
MATERIAL DE APOYO PARA COMPUTADORAS MAC
No hay comentarios:
Publicar un comentario