Boas praticas em HTML, CSS...

Basicamente isso.
Por exemplo, se vc utiliza MySQL, PHP, HTML, JavaScript e JQuery:
- Não utilizar SQL nos códigos PHP, crie procedimentos no MySQL e crie funções no PHP que chamam esses procedimentos passando parametros e recebendo os retornos...
- Não incluir códigos PHP no HTML, utilize variáveis, blocos, etc.
- Defina um local no HTML em que deverá ser inseridos os Javascript, JQuery, como por exemplo logo após o cabeçalho da página e antes da tag que define o layout documento...

Marcelo poderia escrever linhas e linhas aqui e ainda não seria o bastante, aconselho você a seguir esse link:
[url:descricao=https://www.google.com.br/webhp?sourceid=chrome-instant&rlz=1C1AVNC_enBR586BR586&ion=1&espv=2&ie=UTF-8#q=boas%20pratica%20html%20e%20css]https://www.google.com.br/webhp?sourceid=chrome-instant&rlz=1C1AVNC_enBR586BR586&ion=1&espv=2&ie=UTF-8#q=boas%20pratica%20html%20e%20css[/url]

Eu acho que definir padrões de estrutura dos documentos, de linguagem e nomenclaturas, separação de códigos,... são pontos importantes quando se fala em boas práticas.

William, eu fiz essa pesquisa, mas fica um pouco confuso se basear por isso e sem a opinião de alguem sabe ou segue a risca tais padrões. ler conteudo sem certeza pode ser perca de termpo.

Marisiana, essas separações de codigos é fazer simplesmente a divisão em html, css, imagens, javascript?

As vezes fica meio confuso mas nada que a pratica não resolva. gostei da explicação!

Eu particularmente uso meus proprios padroes usando nomes que represetam o que aquilo e
Exemplos de input:
txtNome(text), txtaDescricao(textarea)

Css uso seguido de hifen
Exemplo:
btn-cadastrar

e a questão das pastas? como vc faz.

Pra mim, a divisão das pastas e nomes coerentes para os arquivos, pra mim isso é um padrão no minimo desejado.

Isso de padronizar a divisão de pastas também é importante.
Uma observação sobre "usar os próprios padrões": isso pode ser um tanto "perigoso", no caso de se trabalhar em uma empresa onde vc não é o único a desenvolver e a fazer manutenção nas aplicações.
Trabalhar em empresas que possuem padrões de desenvolvimento é outro nível, pois facilita a vida de todos e vc aprende a trabalhar de forma organizada.
Essa diferença fica bem visível quando vc se depara com um código fora de padrões básicos, pois um código simples se torna um código "dos infernos", de difícil compreensão.

Eu só imagino, que hoje em dia uma empresa que desenvolve sites, não se prende somente a sites, não é a toa que maioria das vagas de Webdesigner estão incluindo o PHP, imagine no inicio dessas atividades a quantidade problemas: html com php tudo misturado.

Claudio e Marisiana, obrigado.

Boa praticas em HTML...CSS existe algum livro, podemos nos basear em boas praticas de programação ou cada uma no seu local!

Eu acho que pode se basear em boas práticas!
Tem algumas coisas que você pode utilizar pra tudo, independente de qual linguagem que está trabalhando.
Por exemplo, se vc trabalha em uma empresa que tem aplicações em Java Web, outras em PHP, e ambas utilizam MySQL, os padrões de banco de dados serão aplicado para todas as aplicações...

Sobre a boas praticas, li apenas o superficial mesmo, por isso um pouco de dificuldade em entender seus limites.

Como já escrevi, não existe muito segredo quando se trabalha com html, css, javascript, imagens...é só deixar organizado em pastas mesmo.

Mas aí é a organização dos arquivos, a nível de código também pode ser definida uma padronização...

ha é verdade, desculpa, fui muito cabeça dura na minha resposta, uma padronização no html, css, podemos considerar a identação?

Ajudando [url]http://mergulhao.info/2007/6/23/por-que-utilizar-os-padroes/[/url]

A indentação também é muito importante. Outos exemplos de padronização podem ser esses que comentei à cima:

Bom esse artigo Fabrício!

Bom demais o artigo, vou conferir o video.