Cómo hacer una letra capitular en HTML

Autor: Gregory Harris
Fecha De Creación: 8 Abril 2021
Fecha De Actualización: 24 Noviembre 2024
Anonim
Cómo hacer una letra capitular en HTML - Artículos
Cómo hacer una letra capitular en HTML - Artículos

Contenido

Añadir una capitular a una página en Internet para hacer que la primera letra de un párrafo se vea como las grandes letras encontradas en libros y periódicos. Debe ser mayor que el resto del texto y las otras letras deben estar implicadas por ella. Se puede implementar una letra capitular usando un estilo CSS dentro de una página HTML.


instrucciones

Aprenda a hacer una letra capital en HTML (Comstock Images / Stockbyte / Getty Images)
  1. Abra un editor HTML y cargue el archivo en el que desea agregar el capitular.

  2. Agregar una nueva hoja de estilo en cascada o CSS en la parte de encabezado () del archivo HTML. Lo importante es que el estilo "flote" para que otro texto envuelva la letra. Un ejemplo de cómo hacerlo es con el siguiente código:

    type = "text / css" media = "all"> .my_drop_cap {float: left; line-height: 1; de tamaño: 4em; margin-right: 0.1em; font-weight: bold; }
  3. Cerque la letra que se quiere hacer una capitular con etiquetas ", que corresponden a la clase que se creó en el encabezado. Usando el ejemplo anterior, agregue este código en la sección del cuerpo del HTML:


    My drop cap letter.

  4. Guardar el archivo HTML y cargarlo en un navegador de Internet para ver el capitular.

advertencia

  • Las versiones anteriores de los exploradores pueden mostrar ciertos códigos CSS de formas inesperadas. Cargue la página HTML en varios navegadores para asegurarse de que se está mostrando correctamente.