HTML Icon
Módulo I - Primeiros Passos com HTML

Índice

História dos computadores

A história dos computadores é fascinante e remonta a séculos atrás. O primeiro dispositivo de cálculo mecânico foi o ábaco, usado há mais de 5000 anos. No século XIX, Charles Babbage criou a Máquina Analítica, considerada o primeiro computador mecânico de propósito geral.

Durante a Segunda Guerra Mundial, o desenvolvimento de computadores acelerou drasticamente. O ENIAC, criado em 1946, foi um dos primeiros computadores eletrônicos digitais. Ele pesava cerca de 30 toneladas e ocupava (acredite se quiser) uma sala inteira!


"O computador nasceu para resolver problemas que não existiam antes." - Bill Gates

Nos anos 1970, surgiram os primeiros computadores pessoais. A Apple e a IBM foram pioneiras nesta revolução. Antes disso, computadores eram acessíveis apenas para grandes empresas e governos. Hoje, carregamos computadores mais poderosos que o ENIAC em nossos bolsos!

Para saber mais, visite a Wikipedia sobre História dos Computadores.

Voltar ao topo ↑

Tags Semânticas

As tags semânticas do HTML5 foram introduzidas para dar mais significado ao conteúdo da página, tornando-o mais acessível e compreensível tanto para navegadores quanto para mecanismos de busca.

Principais Tags Semânticas:

"Use tags semânticas não apenas para estilização, mas para dar significado ao seu conteúdo."


Voltar ao topo ↑

O que são Clients?

Na arquitetura cliente-servidor, o client (cliente) é o dispositivo ou aplicação que solicita serviços ou recursos de um servidor. Em termos simples, é o solicitante da informação.

Exemplos comuns de clients incluem:

  1. Navegadores web (Chrome, Firefox, Safari)
  2. Aplicativos de email (Outlook, Gmail)
  3. Aplicativos móveis que acessam dados online

Quando você acessa um site, seu navegador (que é um client) envia uma HTTP request para o servidor. O processo funciona assim: Client → Requisição → Servidor → Resposta → Client.

A fórmula química da água é H2O, mas isso não tem nada a ver com clients! 😄


Voltar ao topo ↑

Entendendo a diferença entre listas ordenadas e não ordenadas

Em HTML, existem dois tipos principais de listas, cada uma com sua finalidade específica.

Listas Não Ordenadas (<ul>)

As listas não ordenadas são usadas quando a ordem dos itens não importa. Elas utilizam marcadores (bullets) por padrão.

Exemplo de quando usar UL:

Listas Ordenadas (<ol>)

As listas ordenadas são usadas quando a sequência importa. Elas utilizam números por padrão.

Exemplo de quando usar OL:

  1. Receitas culinárias (passo a passo)
  2. Instruções de montagem
  3. Rankings e classificações

"A escolha entre OL e UL deve ser baseada no significado semântico, não na aparência visual."

Você também pode criar listas aninhadas, com até 2 infinitos níveis de profundidade*!

*Embora tecnicamente possível, não é recomendado usar mais de 3 níveis.


Voltar ao topo ↑

O que são Servers?

Um server (servidor) é um computador ou sistema que fornece recursos, dados ou serviços para outros computadores, chamados de clients. O servidor está sempre "ouvindo" as requisições dos clients.


"Servidores são o coração da internet moderna."

Existem diversos tipos de servidores:

Servidores são apenas computadores grandes e caros. Na verdade, qualquer computador pode funcionar como servidor, desde que tenha o software adequado instalado!

A potência de processamento é medida em GHz, como por exemplo: 3.2 × 109 Hz.


Voltar ao topo ↑

Próximos Passos

Agora que você aprendeu os fundamentos do HTML, é hora de dar os próximos passos na sua jornada como desenvolvedor web!

O que estudar em seguida:

  1. CSS (Cascading Style Sheets) - Para estilizar suas páginas
  2. JavaScript - Para adicionar interatividade
  3. Frameworks CSS - Bootstrap, Tailwind CSS
  4. Git e GitHub - Controle de versão
  5. Responsive Design - Design responsivo

"A única maneira de fazer um ótimo trabalho é amar o que você faz." - Steve Jobs

Continue praticando e construindo projetos! A prática é fundamental para solidificar seu conhecimento.


Voltar ao topo ↑

Como é uma estrutura básica de um HTML?

A estrutura básica de um documento HTML é fundamental para qualquer desenvolvedor web. Todo documento HTML começa com a declaração <!DOCTYPE html>, que informa ao navegador que se trata de um documento HTML5.

A estrutura é composta por duas partes principais:

1. Head (Cabeçalho)

O head contém metadados sobre o documento, como:

2. Body (Corpo)

O body contém todo o conteúdo visível da página (textos, imagens, vídeos, etc.).


"HTML é a espinha dorsal da web. CSS é a pele, e JavaScript é o músculo."

HTML é uma linguagem de programação. HTML é uma linguagem de marcação, não de programação!


Voltar ao topo ↑

Links de referências

Recursos adicionais: Confira estes sites para aprofundar seus conhecimentos em HTML e desenvolvimento web.



Voltar ao topo ↑