HTML continuacion


FORMATO DE TEXTO

En el post anterior “comenzado con HTML” mostramos el manejo de textos en HTML, en este nuevo post seguimos trabajando con texto, pero ahora nos centramos en cambiar el formato del texto.

Tamaño del texto

Dentro de HTML tenemos 2 formas de cambiar el tamaño de el texto.

<Hn>…</Hn>

Estas se conocen como etiquedas header, la “n” indica un numero del 1 al 6 de tal forma que 1 es para una letra grande, 3 para una letra normal y 6 para una letra pequeña. En la siguiente imagen vemos un ejemplo de codigo y su resultado.

<FONT>  ….</FONT>

La etiqueta <font> posee el atributo size que nos permite cambiar el tamaño de la letra, los valores adminitidos para este atributo van del 1 al 7, donde 1 es el tamaño mas pequeño, 3 el tamaño normal y 7 el mas grande.

En la siguiente imagen vemos el ejemplo de la anterior imagen, pero esta vez usando la <font>

Color de texto

La etiqueta font posee un atributo llamado “color”, en el cual podemos especificar el color de la letra.

Los valores para el atributo color se le pueden asignar de dos formas.

  • nombre de color entre comillas y en ingles, p.e. “red”, “blue”, “yellow”
  • Numero de color en hexadecimal

Como se puede observar en el ejemplo, los atributos de una etiqueta pueden aparecer todos juntos.

Puede ocurrir que en su navegador no observe ningun cambio de color, esto suele deberse a que la version del navegador que usa no soporta este atributo, pero no se preocupe, tambien podemos cambiar el color a traves de las hojas de estilo CSS, que sera un tema proximo.

Tipo de letra

Para cambiar el tipo de letra usaremos el atributo “face” de la etiqueta <font>, solo debemos indicar el nombre del tipo de letra o fuente que deseamos usar.

Estilos de texo

Los estilos de texto que soporta html se aplican a traves de etiquetas y si queremos que un texto presente varios estilos al mismo tiempo, colocaremos las etiquetas de forma anidada, es decir una contenida dentro de otra.

Los estilos mas comunes y sus etiquetas son

  • negritas <b>…</b>
  • cursiva <i>….</i>
  • subrayado <u>….</u>
  • superindice <sup>….</sup>
  • subindic  <sub>….</sub>
  • centrado <center>…</center>

ANTERIOR: comenzando con HTML

SIGUIENTE: HTML imagenes y tablas

Anuncios

Acerca de sistemasumma

Blog dedicado a la tecnología y a todos los estudiantes de sistemas, informatica, computación y afines
Esta entrada fue publicada en programacion y etiquetada , , . Guarda el enlace permanente.

Una respuesta a HTML continuacion

  1. Pingback: HTML imagenes y tablas « Ing. en sistemas de la UMMA

¿Qué estas pensando?

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s