Tecnología

Inicio

¿Cómo hacer una primera carta en letra capital en HTML

October 14

Añadir una letra capital a su página web para que la primera letra de un párrafo aparece como las letras grandes que se encuentran en los periódicos y manuscritos. Una letra capital tiene que ser más grande que el resto del texto, y otras letras debe envolver alrededor de ella. Puede implementar una letra capital usando un estilo CSS en una página web HTML.

Instrucciones

1 Abra el editor HTML preferido. Cargar el archivo HTML que desea agregar a la letra capital.

2 Agregar una nueva hoja de estilo en cascada o CSS, clase en la parte "<head>" de su archivo HTML. La parte importante es que su estilo "flota" para que otro texto se envuelve alrededor de su carta. Un ejemplo de cómo hacerlo es con el código:

<Style type = "text / css" media = "all">

.my_drop_cap {

flotador izquierdo;

line-height: 1;

font-size: 4em;

margin-right: 0.1em;

font-weight: bold;

}

</ Style>

3 Rodear la letra que desea hacer una letra capital en "<span>" etiquetas que corresponden a la clase que ha creado en la cabecera. Usando nuestro ejemplo anterior, agregue este código en la sección del cuerpo del HTML:

<Span class = "my_drop_cap"> M </ span> letra y letra capital.

4 Guarde el archivo HTML y cargarlo en un navegador Web para ver la letra capital.

Consejos y advertencias

  • Las versiones más antiguas de los navegadores web pueden mostrar cierto código CSS de forma inesperada. Cargar la página HTML en varios navegadores para asegurarse de que se muestra correctamente.