Fork me on GitHub

Getting Started

Um guia para iniciantes na área de web.

O que é HTML?

Linguagem base dos websites

Camadas de desenvolvimento

Existem 3 linguagens básicas que utilizamos para criar websites: HTML, CSS e JavaScript.
O HTML é a linguagem que irá exibir a informação. O CSS é a linguagem que vai deixar essa informação bonitona. O JavaScript é a linguagem que vai fazer essa informação receber alguns comportamentos, como por exemplo ao criar um submenu ou controlar algo que aparece e desaparece na tela.

O HTML sem dúvida é a mais importante de todas, por que como dissemos no começo, é ela que exibe a informação. Além de exibir a informação, ela dá significado. Isso é importante por que alguns sistemas como o Google, que irão ler sua página, precisam entender o que é cada elemento nela e o que cada um desses elementos significam.

O nome HTML

O acrônico HTML significa em inglês: HyperText Markup Language. Para gente aqui fica: Linguagem de Marcação de Hipertexto. Bonito, né?
Por trás das palavras Hipertexto e Marcação tem muita história e guardam a real essência da função do HTML. Você vai saber mais na próxima página, onde falamos sobre Semântica, que nada mais é do que a organização da informação usando HTML.

Se você tiver que guardar alguma coisa sobre o que é HTML, guarde isso: HTML serve para dar significado e organizar a informação dos websites.

Tendo isso em mente, você já saberá muito mais do que a maioria dos profissionais por aí.

Marcação

Já que o HTML serve para dar significado para a informação, como ele faz isso? Simples: ele marca a informação com as tags.

Por exemplo, para falarmos que um título é um título colocamos um pedaço de texto entre uma tag chamada H1. Veja o código abaixo:

<h1>Aqui vai o texto que é um título</h1>

E dessa forma vamos fazendo todos os outros elementos. Um parágrafo, por exemplo:

<p>Aqui vai muito texto, um parágrafo</p>

O resultado fica assim:

Aqui vai o texto que é um título

Aqui vai muito texto, um parágrafo

Continue lendo sobre isso aqui.