En este capítulo veremos cinco etiquetas que afectan el "estilo" del texto, conciderando como "estilo" al texto bold o en negrita, italic o cursiva, underline o subrayada, texto en subíndice y texto en superíndice.
Lista de etiquetas correspondientes a los distintos aspectos:
Nombre de la etiqueta - Descripción |
B - para poner el texto en negrita (Bold)
I - para poner el texto en cursiva (Italic).
U - para subrayar el texto (Underline).
SUB - texto en subíndice.
SUP - texto en superíndice.
|
Algunos ejemplos: |
<B>texto en negrita</B> -
texto en negrita
<I>texto en italic</I> -
texto en italic
<U>texto subrayado</U> -
texto subrayado
texto <sup>superíndice</sup> -
texto superíndice
|
Podemos mezclar estilos: |
<B><I>bold e italic</I></B>
bold e italic
<U><B>underline y bold</B></U>
underline y bold
texto <B><sup>super y bold</sup></B>
texto super y bold
|
Solamente para fijar ideas, ya que el manejo de etiquetas a este nivel debe ser algo conocido (si no lo es vuelva a leer los primeros capítulos), el tema tratado en este capítulo no admite mucha más discución. Disponemos de 5 etiquetas sin parámetros que cambian el aspecto del texto, y se usan de la misma manera que las etiquetas que vimos anteriormente. Con todo claro, aquí sigue un ejemplo de una página web que contiene solo texto:
Página web formada con las etiquetas vistas hasta el momento. |
<HTML>
<HEAD><TITLE>Este es mi titulo</TITLE></HEAD>
<BODY leftmargin=20 bgcolor="Gold" text="Red">
<B>Bienvenidos a mi página web</B><BR><BR>
<HR width=100% size=1 color="blue">
<P align="center">
Como introducción, digamos que esta es mi primer página web, ya que estoy aprendiendo HTML, por ahora se usar unas pocas etiquetas, pero son suficientes para crear esta página.
</P><BR>
<B>Datos personales:</B><BR>
Nombre: <I>Pablo Pazos</I><BR>
Web: <U>http://www.oocities.org/ar/urutech</U><BR>
</BODY>
</HTML>
|
Para ver como queda el ejemplo, vamos a hacer un ejercicio. Primero hay que crear un archivo de texto (.TXT), copiar el ejemplo y pegarlo en el archivo. Luego renombrar el archivo .TXT a .HTM (si aparece un cartel seleccionar "Aceptar"). Por último hacer doble click sobre el archivo, lo que tendría que abrir una ventana del navegador web que muestra la página del ejemplo.
Como práctica aconcejo que tengan claros los capítulos anteriores y que en base a ellos modifiquen la página del ejemplo, se puede jugar con los colores, agregar texto, párrafos, líneas horizontales, etc, e ir modificado sus parámetros para agarrar copnfianza y experiencia.
Introducción al HTML
Estructura del HTML
Colores para los objetos HTML
El cuerpo de la página
Etiquetas de separación
Estilo del texto 1
Estilo del texto 2 (el comando FONT)
Listas, una buena manera para esquematizar y organizar.
Imagen, sonido y video
Links (hipervínculos)
Marquesinas