erro na ligacão do css ao HTML

Erisvan, o href deve apontar para o arquivo .css, mas ele deve estar na pasta de deploy do seu servidor.

Vamos supor que você tenha instalado o Wamp (http://www.wampserver.com/en/), quem vem com o Apache, PHP e MySQL, no diretório C:. Você terá o diretório da instalação assim

C:\wamp\

A pasta de deploy dele será essa

C:\wamp\www\

Assim, tudo o que você colocar dentro dessa pasta, estará acessível através do endereço

http://localhost/

Vamos supor que você criou uma página chamada index.html com o seguinte código html e salvou dentro de c:\wamp\www\:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <h1>Minha página index.html</h1>
  </body>
</html>

Você pode acessá-la através do endereço:

http://localhost/index.html

Para poder incluir um arquivo .css nessa página index.html, você deve passar o caminho relativo do arquivo, ou seja, o caminho a partir da página principal do projeto, que nesse caso é a própria pasta www. Assim, vamos supor que você criasse um arquivo .css chamado meuestilos.css e salvasse dentro da pasta www também.

meuestilos.css

h1 {
    color: red;
    border: 2px solid #00F;
    padding: 5px;
}

Para adicioná-lo ao arquivo index.html, você deve incluir na tag head exatamente como você fez, mas passando apenas o caminho relativo do arquivo .css. Ficaria assim:

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

Agora, acessando pelo seu navegador, através da url

http://localhost/index.html

você verá sua página com o css aplicado.

Conforme você for vendo mais aulas do curso, você vai aprendendo mais detalhes. Com isso que te passei, já dá pra você ter seu servidor instalado e ver sua página no ar.

Espero ter ajudado.

Abraço.