Tecnología

Inicio

Cómo el estilo de la cabecera en el CSS H1 H2

Cómo el estilo de la cabecera en el CSS H1 H2


Styling elementos de la cabecera, como un encabezado de la página, utilizando hojas de estilo en cascada (CSS) es un proceso relativamente sencillo. CSS permite especificar información de estilo, tales como fuente, el color y el tamaño. Mediante el uso de CSS con etiquetas de título específicas (ex: H1, H2), se pueden tener varias partidas en una página, cada una con su propio estilo único. Una forma sencilla de implementar este CSS es en línea, o dentro de las etiquetas de título.

Instrucciones

1 Abra el archivo HTML que contiene los elementos de la cabecera y la cabecera que desea estilo. Un entorno de desarrollo integrado (IDE) ofrece características sustanciales al editar el código, sin embargo, un simple editor de texto, como Bloc de notas será suficiente.

2 Navegue hasta la cabecera de la página. Esta sección se encuentra en la parte superior de la página y, a menudo contiene elementos, como un título de página y el menú. A menudo se define por las etiquetas "cabeza":

<Head> contenido ... </ head>

3 Introduzca las partidas que desee en la cabecera mediante el uso de la etiqueta de títulos HTML (H1, H2, etc.). Se pueden declarar varias etiquetas de títulos HTML. Por ejemplo:

<H1> Esta es una prueba de título </ h1>

<H2> Esta es otra prueba de título </ h2>

Asegúrese de utilizar la sintaxis correcta (siendo impuesto, el código de cierre con "/") en todo el código.

4 Introduzca los siguientes elementos de código, separados por punto y coma, para especificar el estilo de una partida. Algunos elementos de estilo son ejemplo a continuación:

Color - "color: Introduzca aquí el color (Ex: rojo)"

Tamaño de fuente - "font-size: Introduzca aquí el tamaño (Ej: 20px)"

Alinear texto - "text-align: Introduzca la posición (Ej: centro)"

Utilice la siguiente sintaxis (style = "...") después de la primera etiqueta de cabecera para especificar un estilo específico. Por ejemplo:

<H1 style = "color: red; font-size: 20px; text-align: center;"> La partida de prueba </ h1>

Esto mostraría "Ted La partida" en el centro de la página con la fuente roja y un tamaño de 20 píxeles.

5 Guarde los cambios realizados en el código.