Scribd
Carregar
27 visualizações29 páginas

IC - Aula 04 (HTML)

Enviado por

CLEYTON NASCIMENTO
Direitos autorais
© © All Rights Reserved
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
27 visualizações29 páginas

IC - Aula 04 (HTML)

Enviado por

CLEYTON NASCIMENTO
Direitos autorais
© © All Rights Reserved
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/ 29

Introdução à

Computação
Aula 04
Profª Rafaella Matos
Objetivos da aula:
● Conhecer HTML

2
Introdução

3
O que é um navegador (browser)?
● É um programa de computador que permite aos usuários visualizar páginas da web.
● Também permitem que os usuários interajam com as páginas da web, enviando
formulários, clicando em links e digitando texto.

4
Não importa o navegador que
se utilize

5
Todos fazem a mesma coisa
Pegam diferentes arquivos como HTML, CSS e JavaScript e os renderizam em um site

Fonte: The App Brewery 6


Sites modernos
● A maioria dos sites modernos são criados usando esses três tipos de arquivos
combinados.
● Mas não é possível criar um site apenas com um arquivo CSS ou apenas com um
arquivo JavaScript
● No entanto, é possível apenas com um arquivo HTML

7
Os primeiros sites
● De fato, os primeiros sites foram criados apenas com HTML
● HTML é o que define a estrutura do website

Quando este arquivo é aberto pelo


browser, apenas exibe um cabeçalho
escrito “My website”

8
Os primeiros sites

9
Mas o que é HTML?

10
Mas o que é HTML?

11
Hypertext
Se refere a pedaços de texto que podem ser vinculados a outros documentos no website

12
Hypertext
É a base do funcionamento de um website HTML

13
Primeiro website criado
● Criado por Tim Berners-Lee, que também é o criador
da internet
● Podemos observar que o website possui vários
Hyperlinks, marcados na cor azul
● Ao clicar em qualquer um dos hyperlinks, ocorre um
redirecionamento para outro documento, ou seja,
outro arquivo HTML

Primeiro Website Criado


14
Primeiro website criado

15
Mas o que é HTML?

16
Markup Language
É a base do funcionamento de um website HTML

Esta é uma citação

17
Markup Language
● Se observarmos a língua portuguesa, frequentemente vemos elementos que
funcionam de modo similar ao markup
● A presença das aspas duplas nesta frase é o que informa ao leitor que esta é parte de
uma citação

Esta é uma citação

18
Como usar Markup com HTML?
● Para usar mark-up é necessário recorrer ao que se chama de tags HTML
● Nas primeiras versões do HTML existiam poucas tags HTML
● Hoje existem várias, mas de modo realista basicamente se usa uma partes dessas tags

19
Todas as tags HTML

20
As tags mais usadas

21
Mas atenção
● HTML não é considerada Linguagem de Programação, pois:
○ A principal finalidade do HTML é estruturar o conteúdo de uma página web, definindo
a hierarquia e os elementos da página
○ HTML não possui recursos para executar algoritmos, tomadas de decisões ou
operações matemáticas complexas.
○ Não é capaz de realizar cálculos, manipular variáveis ou executar loops, que são
características essenciais das linguagens de programação.

22
HTML 5

23
HTML 5
● Versão mais recente do HTML, que trouxe várias melhorias e novos recursos para o
desenvolvimento de páginas web.
● Principais diferenças entre HTML e HTML5:
○ Introduziu novos elementos semânticos que tornam a estrutura da página mais clara
e significativa.
○ Adicionou suporte nativo para elementos de áudio (<audio>) e vídeo (<video>),
permitindo as desenvolvedores incorporar arquivos de áudio e vídeo diretamente nas
páginas.

24
HTML Semântico
● Abordagem de desenvolvimento web que consiste em utilizar as tags HTML de forma mais
significativa e descritiva, dando um significado mais claro e estruturado ao conteúdo da
página.
● Ou seja, usar as tags HTML apropriadas para representar corretamente o tipo de conteúdo
presente na página, tornando o código mais legível para humanos e máquinas.
● Tags mais específicas e descritivas são usadas para representar o conteúdo, o que
melhora a acessibilidade, SEO (otimização para mecanismos de busca) e usabilidade do
site.

25
Recaptulando

26
O que aprendemos hoje?

● O que é HTML

27
Alguma pergunta?
Você pode me encontrar em:
@rcmm
[email protected]

28
Introdução à
Computação
Aula 04
Profª Rafaella Matos

Você também pode gostar