EJEMPLO DE UN HTML VINCULADO CON CSS EN NOTEPAD++

Guardar Archivos: 

  • HTML

Luego de haber obtenido o creado  nuestro código html en la aplicación notepad++ vamos a guardar nuestro archivo en el escritorio o carpeta de su preferencia con el nombre index.htm.



  • CSS

Una vez guardado nuestro archivo html vamos a darle un estilo y para ello vamos a crear un nuevo archivo en donde ubicamos el código con lenguaje Css.


Seguidamente procedemos a guardar nuestro código Css  en la misma carpeta que se guardó el archivo html, con el nombre estilos.css



Una vez guardados nuestros archivo aparecerán en nuestra carpeta  con estos iconos.


¿ Cómo vincular el CSS a HTML?

Para vincular nuestro código Css vamos a la hoja del archivo index  dentro de la etiqueta <head> y colocamos las siguientes etiquetas:

  • link esta etiqueta link me va a permitir enlazar el documento con el la hoja de estilos va acompañada de href y colocó la ruta o nombre de nuestro archivo css. Ejemplo: <link href="estilos.css"

  • Hay otra propiedad que debemos utilizar dentro del link que es el atributo rel=” stylesheet” lo que me va a permitir es relacionar el documento con el enlace.

  • Otro atributo llamado type=” text/css”> para indicar qué tipo de hoja estilo vamos a trabajar.



EJEMPLO DE UN SISTEMA DE MATRÍCULAS CON CÓDIGO HTML VINCULADO CON CSS :



Última modificación: lunes, 17 de mayo de 2021, 14:19