Programación HTML

1: Estilos en línea

Los estilos en línea agregan reglas de estilo a las líneas HTML, como se muestra a continuación:

& ltBODY & gt

& lth 1 STYLE = " color:red; font-family: impact " >¿Te gusta la hermosa hoja de estilo? </P>

</BODY>.

2. Incrustar estilos

Inserte toda la información de la hoja de estilos en la parte superior del archivo HTML. Así es como se ve nuestra primera hoja de estilo. La información se escribe

3. Estilo del enlace

En usado internamente

& ltHEAD & gt

& ltTITLE >stylesheet<. /p>

& ltLINK REL = hoja de estilo HREF = " estilos . CSS " TYPE = " texto/CSS " >

</HEAD >

Escribe un texto separado archivo llamado estilos.css (el nombre es arbitrario). El contenido del archivo puede verse así:

H1 {color: red; font-family: impact}

P {background: blue; font-family: courier} p>

Si este archivo CSS enlaza con muchas páginas HTML, modificar el código del archivo CSS puede cambiar los estilos de muchas páginas HTML al mismo tiempo. ¿Es conveniente?

4. Estilos de entrada (estilos importados)

El método de importar hojas de estilo externas es similar al de los enlaces. La diferencia es que el método de enlace no se puede combinar con otros métodos, pero el método de entrada sí.

& ltHTML & gt

& ltSTYLE TYPE="text/css "

& lt! -

@Importar URL(estilos . CSS);

H1 {Color: rojo; familia de fuentes: impacto}

-& gt;

& lt/ESTILO & gt;

& ltCABEZA & gt

...

& lt/CABEZA & gt;

& ltBODY & gt

...

& lt/BODY & gt;

& lt/HTML & gt;

Actualmente sólo IE 4.0 admite el método de entrada. Si se utilizan varios métodos al mismo tiempo, el navegador los ejecutará en el orden en que se introdujeron, es decir, estilos en línea, estilos incrustados y métodos de entrada.

2.

& lttitle & gttitle tag

3. Si desea que el texto se muestre en un formato predefinido, puede utilizar el elemento pre. Este elemento se utiliza para definir el formato del texto. El texto que se muestra en el navegador sigue el formato definido en el documento fuente HTML.