HTML Slides

Este documento fornece uma introdução à linguagem HTML, descrevendo sua estrutura básica, elementos como cabeçalhos, comentários e títulos, e objetivos de possibilitar a compreensão da estrutura de páginas e o uso de tags para formatar texto.

Enviado por

Anderson Xlhatchuaio

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 PPTX, PDF, TXT ou leia on-line no Scribd

0% acharam este documento útil (0 voto)

84 visualizações20 páginas

HTML Slides

Enviado por

Anderson Xlhatchuaio

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 PPTX, PDF, TXT ou leia on-line no Scribd

Você está na página 1/ 20

Escola Primária e Secundária Externato Paraíso

TIC’s

Aula : HTML

Tutor: Albino João Luís Cotela

Email: [email protected]
Cell: 840433970
"Sejam bem-vindos a uma jornada rumo
ao conhecimento.“
Objectivos
• Possibilitar a compreensão da estrutura
básica de uma página.
• Entender o conceito de tags.
• Utilizar tags para formatar blocos de texto.
Introdução ao HTML
• Os documentos disponíveis na internet,
independentemente da temática que abordem
(notícias, entretenimento, ciência, comércio,
etc.), são estruturados através de uma Linguagem
de Marcação de Hipertexto conhecida como
HTML (Hypertext Markup Language). Uma
linguagem de marcação é um mecanismo para
adicionar marcas com algum significado a um
texto.
HTML
• Um site, é um conjunto de páginas web, isto é, de
hipertextos acessíveis geralmente pelo protocolo
HTTP na internet.
• A palavra site em inglês tem exatamente o
mesmo significado de sítio em português, pois
ambas derivam do latim situs (lugar demarcado,
local, posição).
• Entretanto, surgiu o termo website (às vezes web
site) para designar um sítio virtual, um conjunto
de páginas virtualmente localizado em algum
ponto da web.
HTML
• Quando acessamos uma página web, estamos
interessados na informação contida nessa
página. Essa informação pode estar na forma de
texto, imagem ou vídeo. O conteúdo de uma
página web é definido com a linguagem HTML
(HyperText Markup Language).

• HTML é uma linguagem de marcação

originalmente proposta por Tim Berners-Lee no
final da década de 1980.
HTML
• Desde sua proposta até os dias de hoje, a
linguagem HTML sofreu diversas alterações. A
cada versão, novos recursos são adicionados e
problemas corrigidos. A versão mais atual da
especificação da linguagem HTML é a 5.

• As especificações da linguagem HTML são

publicadas pelo World Wide Web Consortium
mais conhecido por sua sigla W3C
HTML
• Desde sua proposta até os dias de hoje, a
linguagem HTML sofreu diversas alterações. A
cada versão, novos recursos são adicionados e
problemas corrigidos. A versão mais atual da
especificação da linguagem HTML é a 5.

• As especificações da linguagem HTML são

publicadas pelo World Wide Web Consortium
mais conhecido por sua sigla W3C
Editores HTML
• Documentos HTML podem ser criados em
qualquer editor de texto básico. Contudo, para
ganhar produtividade, podemos utilizar
ferramentas com mais recursos. Há diversas
opções de editores HTML, alguns gratuitos outros
pagos.

• Exemplos de Editores:
• Sublime Text
• Notepad ++
• Atom
Estrutura Básica HTML
• Basicamente, um documento HTML é composto
por elementos hierarquicamente organizados.
Para inserir um elemento em um documento
HTML, devemos utilizar as tags correspondentes
a esse elemento. As tags são definidas com
parênteses angulares (< e >).
• Os elementos podem possuir atributos e
conteúdo. Os atributos são formados por nome e
valor. Normalmente, os valores dos atributos são
definidos dentro de aspas dupla e o conteúdo
dos elementos é um texto ou outros elementos.
Estrutura Básica HTML
<!DOCTYPE>
• Para um navegador exibir corretamente uma
página web, devemos informar explicitamente o
• tipo do documento. O tipo do documento é
informado com a declaração <!DOCTYPE>.
<html>
• Os elementos HTML, com exceção do DOCTYPE,
devem ser inseridos no conteúdo do elemento
html. Esse elemento é aberto com a tag <html>,
fechado com a tag </html> e deve conter
exatamente um elemento head seguido de
exatamente um elemento body.

• Diversos autores recomendam a utilização do

atributo lang. Esse atributo indica a língua
utilizada no documento HTML ou na maior parte
dele.
<html>
<head>
• A principal função do elemento head é agrupar
informações sobre o documento HTML
(metainformação).
• São exemplos demetainformações: o encoding, a
taxa de atualização, o autor, a descrição e as
palavras chaves do documento HTML.
<head>
• A principal função do elemento head é agrupar
informações sobre o documento HTML
(metainformação).
• São exemplos demetainformações: a taxa de
atualização, o autor, a descrição e as palavras
chaves do documento HTML.
• O elemento head é aberto e fechado pelas tags
<head> e </head> respectivamente.
Obrigatoriamente, salvo algumas poucas exceções,
o corpo do head deve conter exatamente uma
ocorrência do elemento title. Esse elemento
define o título do documento HTML.
<body>
• O conteúdo de uma página web deve ser
definido no corpo do elemento body. Por
exemplo, podemos inserir no corpo do
body cabeçalhos, textos, listas, tabelas,
entre outros componentes.
• Esse elemento é aberto pela tag <body> e
fechado pela tag </body>.
Comentários
• Podemos adicionar comentários em umdocumento HTML
dentro das tags .
• Os comentários são ignorados pelos navegadores
Títulos
• Assim como em um livro, uma página web pode conter
uma hierarquia de títulos para estabelecer uma divisão do
seu conteúdo. Para inserir títulos em uma página web,
deve-se utilizar os elementos h1, h2, h3, h4, h5 e h6. Os
sufixos numéricos de 1 a 6 indicam o nível do título dentro
da hierarquia de títulos do documento.