Cómo hacer Capitulares en HTML

Una letra capital es la gran letra mayúscula que suelen aparecer al principio de un párrafo en un libro o una revista. Puede imitar este estilo muy de cerca con la codificación HTML, aunque también se necesitará la ayuda de una hoja de estilo en cascada. Debido a que ya debe tener un archivo CSS para su sitio web HTML, añadiendo una gota-cap significa simplemente crear una nueva entrada de CSS y hacer referencia a ella en su archivo HTML en el lugar.

Instrucciones

1 Abra el archivo CSS se utiliza para su sitio web. Este archivo controla cosas como texto, bordes de la imagen y la alineación.

2 Añadir un nuevo segmento a su archivo CSS que describe el texto de su cuerpo. Por ejemplo, "cuerpo {font: 90% / 2,0 Arial, Helvetica, sans-serif;}". Esto determina el modo normal aparece el texto del cuerpo.

3 Crear una entrada que controla la letra capital. Esto va a ser algo como esto: .firstletter {float: left; font-size: 2em; line-height: 1; font-weight: bold; margin-right: 1 em; }. La parte ".firstletter" de este código es el nombre de la etiqueta letra capital. Puede que el nombre "dropcap" o "bigcaps" si se desea.

4 Guardar y cerrar el archivo CSS, a continuación, abra el archivo HTML al que desea agregar una entrada de letra capital.

5 Insertar la etiqueta "firstLetter" en el código HTML para decirle a la página que tiene que buscar la entrada en el archivo CSS. A modo de ejemplo, una oración con una letra capital se vería así: <p> <span class = "firstLetter"> T </ span> oy en día hacía calor exterior. En esta frase, existe la "T" entre las dos etiquetas span, y la clase de las etiquetas es "firstLetter," que es lo que usted designó a su entrada letra capital.

Consejos y advertencias

• También puede crear letras capitales mediante la subida de imágenes para cada letra mayúscula, a continuación, colocar la etiqueta de imagen al principio de una frase.