viernes, 17 de julio de 2015

HTML / CSS ejemplo de página parte 3.

Ahora tenemos el código.
Ahora vamos a dar el siguiente paso para ello empezaremos a utilizar el CSS.
Empezamos creando un documento con extensión CSS.
La estructura de carpetas que yo utilizo es la siguiente.
Creo una carpeta con el nombre de España, en esa carpeta tengo guardada mi documento HTML, que es index.html.
En esta carpeta creo otra carpeta con el nombre css y dentro de esta carpeta guardo mi hoja de estilo con el nombre style.css.
Esta es una organización que yo recomiendo.

Para enlazar la hoja de estilo css con el documento html, tenemos que indicarlo en el head de la siguiente forma:

<link rel="stylesheet" type="text/css" href="css/style.css">

Ojo en este punto recuerdo que yo llame a la hoja de estilo style, si utilizáis otro nombre lo tendréis que poner el nombre que habéis utilizado.

Nuestro head queda de la siguiente manera.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>España</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>

No hay comentarios:

Publicar un comentario