Bem vindo ao curso HTML Progressivo, uma apostila de HTML online e completa.

Primeiramente, parabéns pelo seu interesse e força de vontade em querer estudar de forma auto-didata, e sem obrigação. Afinal, você está aqui por vontade própria, o que é um ótimo começo.

O segundo parabéns é pela curiosidade em querer saber como funciona a Internet, como é criado e como criar um site. A maioria das pessoas sequer percebem que páginas são criadas e, obviamente, alguém precisa criá-las. Essa curiosidade inicial é a base de todo avanço científico e tecnológico.

Nessa seção inicial de nosso curso sobre como criar sites, vamos falar um pouco sobre a importância das páginas da internet, a história dos Websites, o que é HTML, como surgiu, para quê serve, bem suas variações, evoluções e especificações.
PS: Essa apostila foi desenvolvida em um site. Por isso, muitas vezes você vai encontrar: “Veja o resultado” e não tem nada. Isso porque este arquivo é um PDF e não um site. Mas basta você rodar o código e abrir num navegador para o efeito citado.

HTML: Como criar um site
É quase impossível, nos dias de hoje, alguém não saber o que é um site.
Até mesmo sua avó, embora nunca tenha usado um computador, já deve ter visto na televisão alguém dando o endereço de algum site: r7.com , globo.com, redes sociais etc.

Esse meio de informação, que é a Internet, é hoje o mais utilizado no mundo.
Há diversas formas de trocarmos informações pela internet, mas uma das maneiras mais comuns é através de páginas na internet, como esta que você está lendo.

A maioria das pessoas não vai notar e certamente vão passar batidos pelas seguintes perguntas:
“Quem faz os websites da Internet? Como é feita uma rede social, como o Facebook? “

Se você já se fez essa pergunta, parabéns. Você não é daqueles que simplesmente aceitam as coisas. Ter curiosidade é uma virtude na vida.

Mas sobre a pergunta, ‘como são feitas as páginas da internet’, a resposta é: de várias maneiras, mas a principal e mais usada, sem dúvidas, é com HTML.
HTML é uma coisa chamada Linguagem de Marcação, embora não seja uma linguagem de programação propriamente dita, podemos dizer que é algo parecido.

Parece complicado, mas vamos tentar explicar com exemplos o que é HTML, para que serve, o que é possível fazer etc.

Para que serve HTML?
O HTML serve para criarmos uma página de internet.
Embora pareça simples, existem zilhões de páginas diferentes.
E por página da web, não entenda o somente o conteúdo, o texto ou as figuras.

Na verdade o HTML vai servir para exibir esses conteúdos.
Por exemplo, com HTML você faz o menu, coloca ele em cima ou na lateral.
Com HTML, você coloca o logotipo de sua empresa em lugar do site, faz com que as pessoas sejam levadas a outra página, caso cliquem em alguma foto ou link.

Sabe aqueles campos de texto onde você escreve algo, ou aqueles botões para marcar opção? Também são feitos com HTML.

E os títulos? Umas letras maiores, outras menores? HTML.
Aquelas janelas pop-ups que se abrem sem você pedir? HTML também. E uma rede social? Tem quer saber HTML também.

Então, o que é HTML ?
HTML significa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto.

Como dissemos, o HTML não cria coisas que citamos no tópico passado, ele só diz onde e como elas devem aparecer, onde e como se comportar.
E como o HTML ‘diz’ isso? Por meio de uma linguagem, a linguagem do HTML, de códigos.
E pra quem o HTML ‘diz’ isso? Para seu navegador (Mozilla Firefox, Google Chrome, Internet Explorer etc).

Vamos explicar o que é uma linguagem de marcação e você entenderá melhor o que é o HTML. Vamos explicar isso no mundo real.

O que é uma linguagem de marcação?
Imagine que você escreveu um livro, o texto inteiro. Com uma caneta e todo escrito a mão.
Isso seria o conteúdo de seu site, as informações que vemos nas páginas da web.
Porém, você não iria lançar seu livro assim, você precisa fazer uns ajustes, realces, marcar as coisas de maneiras diferentes. Vamos formatar seu livro, ou seja, colocar num formato agradável pro leitor.
Primeiro de tudo, ninguém faz mais livros a mão. A primeira coisa que se faz é digitar. Segundo, você precisa de uma capa, um título pro livro.

Já viu livro em que a capa é igual as páginas? Claro que não, é diferente, é mais bonita, tem que chamar atenção. Temos também que colocar figuras, definir o tamanho do rodapé, colocar a numeração das páginas, colocar figuras, alinhas o texto, ter cuidado pras letras não saírem em cima das figuras e milhares de outros detalhes.

Agora me diga, as pessoas leriam livros se fossem todos iguais?
E se eles fossem feito sem figuras, sem formatação, sem esses ajustes? Muito difícil não é?

Pois bem, com o HTML é a mesma coisa. Só o texto não basta.
Tem que organizar, deixar agradável, ajustar as fotos, larguras, parágrafos e tudo mais. Com o HTML vamos dizer ao navegador todas essas alterações.
E como vamos dizer isso? Ué, utilizando uma linguagem para se comunicar.
Que linguagem? Português, Inglês? Não, vamos conversar com o navegador usando a linguagem HTML. E quem são os responsáveis por criar? São os webmasters, ou mestres da Web.

Quer se tornar um mestre da Internet? Então continue estudando pelo curso HTML Progressivo.