Aula 02

O documento aborda a programação web, destacando a importância do HTML, CSS e JavaScript no desenvolvimento de páginas. Ele explica a estrutura básica de um documento HTML, suas partes principais e a função das tags. Além disso, inclui exercícios práticos para familiarizar os leitores com a sintaxe e as tags HTML.

Enviado por

andrefreitas09876

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)

18 visualizações15 páginas

Aula 02

Enviado por

andrefreitas09876

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

Você está na página 1/ 15

Aula 2

Marcos Monteiro Junior

Introdução
• Uma das principais dificuldades no desenvolvimento para internet é a
mistura dos diversos códigos.
• Além do HTML, é necessário utilizar o CSS, que é uma linguagem para
configurar o visual das páginas e o JavaScript, que é responsável por
cuidar do comportamento da página.
• Há também as chamadas Linguagens Server-Side (linguagem de
servidor), que são linguagens como PHP, Python, Ruby, ASP, etc.
Como o próprio nome diz, elas rodam no servidor, realizando os
processamentos necessários e retornando uma resposta
Programação web
• Na Web, as informações estão dispostas na forma de páginas ligadas entre
si.

• Uma página é transferida de um computador remoto para o usuário, onde

o browser faz o trabalho de interpretar os códigos daquele documento.

• A Web está estruturada em dois princípios básicos: HTTP (Hiper Text

Transfer Protocol) e HTML (Hiper Text Markup Language).

• HTTP é o protocolo de transferência de hipertexto

HTML
• Vamos fazer um exercício

• Abra um editor de texto

• Bloco de notas por exemplo

• Digite na mesma formação:

Bem-vindo à compras web, seu portal de compras online.

Confira nossas promoções.
Receba informações sobre nossos lançamentos por email.
Navegue por todos nossos produtos disponíveis.
Compre sem sair de casa.
HTML
• Salve o arquivo como index.html

• Abra no seu navegador

Resultado
• Apesar de ser capaz de exibir texto puro em sua área principal,
algumas regras devem ser seguidas caso desejemos que esse texto
seja exibido com alguma formatação, para facilitar a leitura pelo
usuário final
HTML
• O HTML é uma das linguagens utilizadas para o desenvolvimento de websites.

• O acrônimo HTML vem do inglês e significa Hypertext Markup Language ou em

português Linguagem de Marcação de Hipertexto.

• Trata-se da linguagem base da internet.

• Foi criado por Tim Berners-Lee, para a comunicação e disseminação de pesquisas entre
ele e seu grupo de colegas.

• O HTML ficou bastante conhecido quando começou a ser utilizado para formar a rede
pública daquela época, o que se tornaria mais tarde a internet conhecida hoje.
Sintaxe
• O HTML é uma linguagem baseada em marcação.
• Os elementos são marcados para mostrar quais informações a página
exibe
• Por exemplo
• <h1>Aqui vai o texto do título</h1>

• No exemplo acima é possível perceber que o texto está entre duas

marcações, que são denominadas TAGs.
• No início foi aberta a tag com <h1> e fechada no final com </h1>.
• O que está dentro é o conteúdo mostrado para o usuário.
Estrutura básica
• Uma página HTML possui três partes básicas:
• estrutura principal,
• cabeçalho e
• corpo de página.

<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>Título da página</title>
</head>
<body>
Corpo da página
</body>
</html>
Volte ao arquivo e edite
<!DOCTYPE html>
<html>
<head>
<title>Compras web</title>
<meta charset="utf-8">
</head>
<body>
<h1>Compras web</h1>
<h2>Bem-vindo à compras web, seu portal de compras online.</h2>
<ul>
<li>Confira nossas promoções.</li>
<li>Receba informações sobre nossos lançamentos por email.</li>
<li>Navegue por todos nossos produtos disponíveis.</li>
<li>Compre sem sair de casa.</li>
</ul>
</body>
</html>
Entendo as tags
• A primeira linha se chamada DOCTYPE, e tem a função de avisar aos
browsers, robôs de busca, leitores de tela e outras coisas, qual o tipo
de documento que eles estão prestes a carregar
• Depois inicia-se com a tag HTML. Isso quer dizer que tudo o que
estiver entre as tags <html></html> é escrito em HTML.
• A tag <head>, onde é indicado o título do documento por meio da tag
<title>
• A tag <body> é onde é escrito todo o código HTML do resto do site,
que será visualizado pelo usuário.
Exercício
• Pesquise sobre as tags <h1>, <p>, <strong>, <em>, <u>, <blockquote>,
<sup>, e <sub>