Tecnología

Inicio

Cómo hacer un estilo de fuente

August 5

Estilos ayudan a dar formato a las páginas Web, ya sea que esté trabajando en un párrafo, imagen o celular. estilos de fuente se utilizan específicamente para el texto. Si no se especifica un estilo de fuente, se aplicará el estilo predeterminado (normal). Otras opciones incluyen estilo cursiva y oblicua. El estilo itálico en cursiva el texto y se reconoce en todos los navegadores, mientras que el estilo se inclina oblicua de texto (como el estilo cursiva), pero sólo se admite en algunos navegadores. Mediante el uso de hojas de estilo, puede dar formato a las líneas, párrafos, listas u otros recipientes cada vez que la clase del estilo se llama.

Instrucciones

1 Seleccione "Archivo" y "Abrir" en un editor de texto, como el Bloc de notas, TextPad o EditPad. Abra el archivo HTML que desea modificar.

2 Agregue el siguiente estilo de fuente entre la etiqueta <HEAD>. Se crea estilos de fuente de lo normal, itálica y oblicua.

<Style>

<! -

.myitalic {font-style: cursiva; }

.myoblique {font-style: oblicua; }

->

</ Style>

3 Coloque el cursor debajo de la etiqueta <BODY>. Para poner en cursiva cualquier texto en su página, añadir 'class = "myitalics"' a la etiqueta que desea dar formato, tales como:

<P class = "myitalic"> contenido del párrafo ir aquí. </ P>

<Div class = "myitalic"> DIV contenidos van aquí. </ Div>

<Span class = ""> myitalic contenidos abarcan van aquí. </ Span>

<Td class = ""> myitalic contenido de la celda ir aquí. </ Td>

<a href="http://mydomain.com/mylink.html" class="myitalic"> enlace de texto va aquí. </a>

4 Coloque el cursor debajo de la etiqueta <BODY>. Para utilizar un estilo de fuente oblicua, añadir "class =" myoblique " 'a la etiqueta que desea dar formato, tales como:

<P class = "myoblique"> contenido del párrafo van aquí. </ P>

<Div class = "myoblique"> contenido DIV ir aquí. </ Div>

<Span class = "myoblique"> contenidos abarcan van aquí. </ Span>

<Td class = "myoblique"> contenido de la celda van aquí. </ Td>

<a href="http://mydomain.com/mylink.html" class="myoblique"> enlace de texto va aquí. </a>

5 Seleccione "Archivo" y "Guardar" en el menú para guardar los cambios.