Para responder rapidamente essa diferença entre um e outro, posso lhe dizer que HTML é a base de todo site, é toda a estrutura básica criada com linguagem de marcação de hipertexto. Nenhum website existe se não existir uma estrutura em HTML.
Agora CSS (Cascading Style Sheets) é o estilo que dá cores, formas, formatações e divisões de um site. CSS é uma linguagem de marcação que dá o design ao site, no geral sua aparência é toda criada pelo CSS, pois todo site precisa ser bonito para chamar a atenção.
Para ter conhecimentos em CSS o Web designer precisa primeiramente conhecer o HTML profundamente, senão ele não entenderia conceitos de como aplicar o CSS, o estilo.
Agora que comentamos a diferença básica de cada um dos dois, iremos dizer alguns detalhes importantes.
Qual dos dois é obrigatório em qualquer site, HTML ou CSS?
De forma rápida podemos dizer que é o HTML, pois o CSS somente incrementaria o seu website com estilos de cores e detalhes na formatação mas para isso a base inteira teria que já estar pronta no HTML.
A onde podemos criar o HTML e o CSS, qual software utilizar?
Todo site pode ser feito no Bloco de Notas (Windows), Dreamweaver (Windows e Mac) ou qualquer editor de códigos HTML que exista onde muitos são inteiramente gratuitos. A única diferença entre um e outro é na hora de salvar o arquivo, por padrão toda página principal de um site começa com o arquivo index.html, isso é uma regra que tem que ser seguida. Agora no caso do CSS você pode incluir a digitação do código inteiramente dentro da página do site ou em arquivo externo como por exemplo um nome comum dado estilo.css ou style.css, quando isso ocorre no cabeçalho da página com as tags <head> </head> precisa conter uma linha que é o endereço onde está localizado o arquivo de .CSS, conforme abaixo:
O local do arquivo CSS fica dentro das tags <head>:
<head>
<link href=”style.css” rel=”stylesheet” type=”text/css”>
</head>
Estrutura básica do HTML:
<html>
<head>
<title> Titulo </title>
</head>
<body>
</body>
</html>
Estrutura básica do CSS:
p {
color: blue;
}
Arquivo salvo como style.css
Estrutura do HTML inserido o código CSS:
<html>
<head>
<link href=”style.css” rel=”stylesheet” type=”text/css”>
<title> Titulo </title>
</head>
<body>
<p>Teste de cor azul no paragrafo </p>
</body>
</html>
Arquivo salvo como index.html
Imagem de exemplo:
Agora outro exemplo de código CSS incluído diretamente no arquivo sem a necessidade de arquivo salvo externamente.
Repare que o código CSS fica dentro das tags <style> </style>:
Atualmente utilizamos as versões do HTML 5 e CSS 3 que passam por mudanças em suas regras para exibições nos navegadores atuais que existem, tudo autorizado pelo W3C que visa manter a ordem da criação de sites e padronização no mundo.
Lá no site da W3C inclusive você encontra todos os códigos e informações necessárias para o HTML 5 e CSS 3 para consulta em caso de dúvidas.
Site: www.W3C.org (oficial) www.W3C.br (versão brasileira).
Esse foi mais um post do Blog do Curso de Informática Microcamp.
Faça um curso completo na melhor escola do Brasil >> microcamp.com.br
