Mi primer estilo I

 Ya podemos empezar a utilizar hojas de estilo sobre documentos HTML.

Lo primero que vamos a hacer es coger una página sencilla en HTML y aplicarle un estilo sencillo. Partimos de esta pequeña página web:

 

Código HTML

<html>
<head>
</head>
<body>
<p>Aplicando el primer estilo</p>
</body>
</html>

 

Hasta aquí nada de CSS, todo es HTML. Vamos a copiar este código en nuestro Notepad++.

 

 

notepad

 

 

Para ello abrimos Notepad++ y seguimos estos pasos:

 

 

  1. Click en el icono para crear una nueva página.
  2. Copiamos el código en el documento de texto.
  3. Vamos al menú "Archivo> Guardar como..." y lo guardamos con el nombre estilo1.html.

 

 

Bien, tenemos una página web sencilla, para visualizarla en nuestro navegador vamos al menú Ejecutar y la ejecutamos en Google Chrome (en nuestro caso), si usas otro navegador, pues en el que prefieras.

 

notepad

 

También podemos buscar el archivo en la carpeta que lo hayamos guardado y ejecutarlo haciendo doble click en él.

 

notepad

 

Veremos el resultado en nuestro navegador, que será una página web tan sencilla como esto:

 

 

notepad

Contenidos que te pueden interesar
Este sitio usa cookies para personalizar el contenido y los anuncios, ofrecer funciones de redes sociales y analizar el tráfico. Ninguna cookie será instalada a menos que se desplace exprésamente más de 400px. Leer nuestra Política de Privacidad y Política de Cookies. Las acepto | No quiero aprender cursos gratis. Sácame