HTML conhecido por HiperText Markup Language, nada mais é que código usado para criar um website e estutura uma determinada página. Já CSS, Cascading Style Sheets, é o código usado para deixar o seu website mais bonito, ou seja, também chamado de código de estilização.

Como funciona a estrutura de uma página de site?

Podemos entender a estrutura como os elementos principais de uma determinada página, como por exemplo:

  • - Listas;
  • - Tabelas;
  • - Títulos;
  • - Imagens;

Todos esses elementos são inicializados a partir de uma HTML, através das chamadas tags.

Por exemplo, as letras desse artigo que você está lendo agora, estão na tag:

, que serve para escrever parágrafos. Cada tag possui um propósito e um significado, por isso é importante conhecer as mais usadas.

Como criar uma Tag de site?

Na teoria, criar uma tag, parece muito simples e fácil, no entanto, a estrutura até que uma tag se forme é um pouco mais complexa, visto que requer algumas configurações.

Resumidamente, a Tag é criada através do nome delas e de um padrão fixo, que é o que vai mudar as tags.

Aqui no caso, a estrutura fixa são: as aberturas <> e o fechamento .

Exatamente, esses são sinais de maior e de menor, como na matemática, e é essa analogia que os desenvolvedores fazem analogias com as tags.

Por exemplo:

<p>Isso é um parágrafo.</p>

A tag exemplificada é um parágrafo, sendo assim, usamos a letra p dentro dos sinais de maior e de menor, ou simplesmente, abertura e fechamento, isso vai de como você preferir.

Apesar de parecer difícil e complicado, com a prática, tudo se torna mais fácil.

Mas, então, o que é uma web?

Como já vimos acima, temos a estruturação (HTML), que nada mais é que um monte de tags usadas em conjunto para criar a página.

Há tags usadas para listas, formulários, títulos, e muitas outras, como já te mostramos anteriormente. E, o conjunto de todas essas tags, formam um site (página web).

Logo, saber e entender o que é HTML e o que é CSS, é super importante para a criação de sites, e também para se tornar um bom programador da área web, que está em alta atualmente.

O que é CSS?

Css é o elemento que complementa o HTML, afinal, não há papel para o CSS se não houver tags em uma página já que o CSS faz parte da estilização e o que diferencia uma página da outra.

Ela é a linguagem que permite que o profissional crie layouts, um design diferente para uma determinada página.

Através da CSS é possível alterar:

  • - Fontes;
  • - Mudar a posição de elementos (tags);
  • - Tamanho das fontes;
  • - Adicionar espaçamentos e bordas;
  • - Cores de fundo;

Viu só como CSS pode representar um mundo de possibilidades?

Como usar o HTML no CSS na prática?

Há diversas maneiras para fazer isso, no entanto, a mais comum é criar um arquivo exclusivo de estilos (CSS) e incorporá-lo no arquivo de HTML.

Para isso, usa-se uma tag chamada .

Isso é muito importante, visto que tags que não são elementos, podem adicionar certas configurações a um site.

Logo, somente após o CSS ser ligado a página, é que se criam as regras para os elementos.

Essas regras podem estar ligadas diretamente a um determinado elemento, por isso, é necessário um seletor como:

  • - Classes;
  • - IDS;
  • - Tag;

Classes e IDS são atributos, é algo que inserimos na tag de HTML. Sempre que utilizar um seletor de classe ou ID, é preciso colocar um prefixo.

  • - Para classes, um ponto ".";
  • - Para IDS, um jogo da velha "#";

Isso os separa dos seletores das tags, deixando mais clara as aplicações.

Agora que você já sabe o que é CSS e HTML, continue em nosso blog e tenha acesso a conteúdos sobre marketing digital e tecnologia.

Leia também: