Cómo colocar como mayúscula la primera letra en HTML

Escrito por sean mann | Traducido por aurelius smith
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo colocar como mayúscula la primera letra en HTML
Una PC. (Photos.com/AbleStock.com/Getty Images)

Agrega una mayúscula a tu sitio web para hacer que la primera letra del párrafo aparezca como las letras grandes de los diarios y manuscritos. Debe ser más grande que el resto, y las otras letras deben envolverla. Puedes implementar una usando un estilo CSS dentro de una página web HTML.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Abre tu editor HTML preferido. Carga el archivo HTML al que deseas agregarle la letra mayúscula.

  2. 2

    Agrega un nuevo escrito de estilo cascada, o CSS, la parte "<head>" de tu archivo HTML. La parte importante es que tu estilo "flote" para que el resto del texto envuelva la letra. Un ejemplo de cómo hacerlo con el código es:

    <style type="text/css" media="all"> .my_drop_cap { float: left; line-height: 1; font-size: 4em; margin-right: 0.1em; font-weight: bold; } </style>

  3. 3

    Envuelve la letra que deseas poner en mayúscula en las etiquetas "<span>" que se correspondan con la clase que creaste en el encabezado. Usando el ejemplo anterior, agrega este código en el cuerpo del HTML: <span class="my_drop_cap">M</span>y drop cap letter.

  4. 4

    Guarda tu archivo HTML y súbelo en un navegador web para ver la letra mayúscula.

Consejos y advertencias

  • Las versiones antiguas de los navegadores web pueden mostrar ciertos tipos de códigos CSS de maneras inesperadas. Carga tu página HTML en varios navegadores para asegurarte de que se muestre bien.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles