0% acharam este documento útil (0 voto)

8 visualizações12 páginas

História e Funcionamento da Web e HTML

O documento apresenta um histórico da Web, desde sua proposta por Tim Berners-Lee em 1989 até sua popularização nos anos 90, diferenciando a Internet como infraestrutura e a Web como sistema de documentos. Explica como a Web funciona, destacando a interação entre navegadores e servidores, e aborda as tecnologias fundamentais como HTML, CSS e JavaScript. Além disso, detalha a estrutura de um documento HTML e as principais tags e atributos utilizados.

Enviado por

Ronaldo de lima diniz

Direitos autorais

Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.

Formatos disponíveis

Baixe no formato PDF, TXT ou leia on-line no Scribd

0% acharam este documento útil (0 voto)

8 visualizações12 páginas

História e Funcionamento da Web e HTML

Enviado por

Ronaldo de lima diniz

Direitos autorais

Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.

Formatos disponíveis

Baixe no formato PDF, TXT ou leia on-line no Scribd

<Prefº.

Alessandro />
<Profº Alessandro />
O QUE É WEB?
Contexto Histórico da Web
• Final dos anos 1980: A internet já existia como rede militar e acadêmica (ARPANET).

• 1989: Tim Berners-Lee, físico do CERN, propõe a 'World Wide Web’.

• Objetivo: Compartilhar documentos científicos entre computadores de forma simples.

• 1991: Primeira página web é publicada com explicações sobre o projeto WWW.

• A Web popularizou o uso da Internet entre usuários comuns nos anos 90.

<Profº Alessandro />

Internet ≠ Web
• Internet: Conjunto de redes físicas (infraestrutura de comunicação).

•Web: Sistema de documentos (sites, páginas, links) acessados pela Internet.

•Exemplos de serviços na Internet: E-mail, FTP, VoIP, jogos online.

<Profº Alessandro />

Como a Web Funciona
• 1️⃣ Você digita um endereço (URL) no navegador.

•2️⃣ O navegador envia uma requisição HTTP para o servidor.

•3️⃣ O servidor responde com um documento HTML.

•4️⃣ O navegador interpreta o HTML e exibe a página.

<Profº Alessandro />

Tecnologias da Web
• HTML: Estrutura e conteúdo da página.

•CSS: Estilo visual (cores, fontes, layout).

•JavaScript: Comportamento e interatividade.

•HTTP: Protocolo que permite comunicação entre cliente e servidor.

<Profº Alessandro />

O QUE É HTML?
•HTML (HyperText Markup Language) é a linguagem
de marcação usada para estruturar o conteúdo da
web.
•Ele não é uma linguagem de programação, mas
organiza elementos na página.
•Com HTML, podemos adicionar textos, imagens,
links e muito mais.

<Profº Alessandro />

Anatomia de um Documento HTML
• <!DOCTYPE html>: Define que o
documento segue o padrão HTML5.
• <html>: Envolve todo o código da página.

• <head>: Contém metadados e

informações para o navegador.

• <body>: Contém o conteúdo visível ao

usuário.

<Profº Alessandro />

Anatomia de uma Tag HTML
• Tag de Abertura: Indica o início do elemento.
Exemplo: <p>.

• Conteúdo: O que está dentro da tag.

Exemplo: Este é um parágrafo.

•Tag de Fechamento: Indica o fim do

elemento. Exemplo: </p>

<Profº Alessandro />

Tags HTML

• <h1> a <h6>: Cabeçalhos de diferentes níveis (de 1 a 6, sendo <h1> o mais importante).
• <p>: Define um parágrafo de texto.
• <a>: Cria um link para outra página ou recurso.
• <img>: Insere uma imagem na página..
• <div>: Elemento genérico para agrupar conteúdo.

<Profº Alessandro />

Tags Atributo

• href: Usado em links (<a href="url">).

• src: Usado para especificar o caminho de uma imagem (<img src="[Link]">).
• alt: Descrição alternativa de uma imagem (importante para acessibilidade).
• id: Identificador único para um elemento.
• class: Classe usada para agrupar elementos com características semelhantes.
• style: Definição de estilos diretamente na tag.