Tecnología

Inicio

Cómo reducir el tamaño de fuente de la etiqueta H1

Con CSS o Cascading Style Sheets, puede cambiar los atributos de una etiqueta HTML, como la etiqueta H1. La etiqueta H1 es una etiqueta de encabezado que indica la partida más importante en su sitio web. Utilice etiquetas H1 para los motores de búsqueda para indexar su sitio web adecuadamente indexar su sitio web. Si utiliza una etiqueta H1, pero no está satisfecho con el tamaño de su cabecera en su sitio, utilice la "font-size" atribuir a reducirlo.

Instrucciones

CSS interna

1 Abra el documento HTML en un editor de texto o HTML.

2 Agregue el código siguiente a la "cabecera" de su sitio web:

<Style type = "text / css">
h1 {
font-size: 16px;
}
</ Style>

3 Disminuir el número en el atributo "font-size" para reducir el tamaño de la fuente H1. Por ejemplo:

font-size: 12px;

Cambiar el número hasta que esté satisfecho con su tamaño H1. Guarde el documento y una vista previa en el navegador Web para ver los cambios.

CSS externo

4 Abra su archivo CSS en un editor de texto o HTML.

5 Agregue el código siguiente entre las etiquetas "estilo" en su archivo CSS:

h1 {
font-size: 16px;
}

6 Disminuir el número en el atributo "font-size" para reducir el tamaño de la fuente H1. Por ejemplo:

font-size: 12px;

Cambiar el número hasta que esté satisfecho con su tamaño H1. Guarde el archivo CSS y una vista previa de un sitio vinculado a ese archivo en el explorador Web para ver los cambios.

Consejos y advertencias

  • Es posible utilizar otros atributos como "color" y "font-weight" para cambiar otras características de su etiqueta H1.
  • El código debe residir entre las etiquetas <header> y </ header> en la Sección 1, Paso 2.
  • El código debe residir entre las etiquetas <style> y </ style> en la Sección 2, paso 2.
  • Cambiar el archivo CSS en la Sección 2 se cambie cualquier documento HTML que está vinculado a ese archivo CSS.