Você está na página 1de 10

HTML

Hypertext Markup Language


Resumo da Aula

1. O que é HTML?
2. Histórico
3. Funcionamento
4. Aplicações na Programação
5. Estrutura Básica
O que é HTML?

● Abreviação de HyperText Markup Language, que significa:


"Linguagem de Marcação de Hipertexto.
● HTML não é uma linguagem de programação, e sim de
marcação utilizada na construção de páginas na Web.
● Ferramenta utilizada para fornecer informações para as pessoas
que acessam os sites, navegadores e mecanismos de busca.
Histórico

● Criador: Tim Berners-Lee (físico britânico que também criou o


www)
● Motivação: comunicação e disseminação das pesquisas entre
ele e o seu grupo de colegas
● Primeiras especificações formais na década de 1990,
● Baseado na SMGL, uma linguagem de marcação da qual o
HTML herda os principais componentes.
● Tag “a” responsável pelos links da internet
Histórico

Tabelas e texto CSS - Estilo e


flutuante ao redor personalização
de imagens

Suporte a áudio e vídeo,


utiliza banco de dados da
web e permite novos
tipos de formulários Recursos
Multimídia
Funcionamento

BROWSER SERVIDOR

www.unialfa.com.br

Arquivos contendo as páginas com sua estrutura e os


componentes (botões, menus, imagens, texto)
Áreas da Programação

● Desenvolvimento frontend
Com CSS e
● Desenvolvimento mobile Javascript

● Desenvolvimento de jogos
Estrutura Básica
TAGS - são usadas para informar ao navegador a estrutura
do site. Ou seja: quando se escreve um código em HTML,
<!DOCTYPE html> as tags serão interpretadas pelo navegador, produzindo
assim a estrutura e o conteúdo visual da página.
<html>
<head>
</head>
A principal característica das tags é estarem sempre dentro
<body> dos sinais de chevron (sinal de “maior que” e “menor
que”), ou seja: < >.
<h1>Hello World!</h1>
</body>
</html>
Estrutura Básica
Estrutura Básica
<!DOCTYPE html>
As tags HTML são divididas em dois tipos: as que precisam
<html> de fechamento e as que não precisam de fechamento.

Importante <head>
para o SEO.
<title>Título da página</title>
<meta charset="utf-8"/>
Atributos - São usados para personalizar as tags,
</head> modificando sua estrutura ou funcionalidade.
<body>
<h1>Hello World!</h1>
</body>
</html>

Você também pode gostar