Scribd
Carica
5 visualizzazioni3 pagine

Aula 1

Para aulas de HTML

Caricato da

Mucazo David
Copyright
© © All Rights Reserved
Per noi i diritti sui contenuti sono una cosa seria. Se sospetti che questo contenuto sia tuo, rivendicalo qui.
Formati disponibili
Scarica in formato PDF, TXT o leggi online su Scribd
5 visualizzazioni3 pagine

Aula 1

Para aulas de HTML

Caricato da

Mucazo David
Copyright
© © All Rights Reserved
Per noi i diritti sui contenuti sono una cosa seria. Se sospetti che questo contenuto sia tuo, rivendicalo qui.
Formati disponibili
Scarica in formato PDF, TXT o leggi online su Scribd
Sei sulla pagina 1/ 3

Introdução ao HTML

Estrutura do documento
Os documentos HTML incluem uma declaração de tipo de documento e o elemento raiz
<html>. O cabeçalho e o corpo do documento estão aninhados no elemento <html>.
Embora o cabeçalho do documento não esteja visível para o visitante sem deficiência
visual, ele é essencial para que o site funcione. Ele contém todas as metainformações,
incluindo informações de mecanismos de pesquisa e resultados de mídias sociais, ícones
para a guia do navegador e atalhos da tela inicial para dispositivos móveis, além do
comportamento e da apresentação do seu conteúdo. Nesta seção, você descobrirá os
componentes que, embora não visíveis, estão presentes em quase todas as páginas da
Web.

1. O que é HTML?
○ HTML (HyperText Markup Language) é a linguagem padrão usada para criar
e estruturar páginas na web. Ela define a estrutura e o conteúdo das páginas
web.

2. Estrutura Básica de um Documento HTML


○ Todo documento HTML tem uma estrutura básica que inclui:
■ <!DOCTYPE html>: Declara o tipo de documento e a versão do
HTML.
■ <html lang="en">: Elemento raiz do documento, com o atributo
lang especificando o idioma.
■ <head>: Contém metadados sobre o documento, como o charset e o
viewport.
■ <meta charset="UTF-8">: Define a codificação de caracteres do
documento como UTF-8, suportando uma ampla gama de caracteres.
■ <meta name="viewport" content="width=device-width,
initial-scale=1.0">: Garante que a página seja exibida
corretamente em dispositivos móveis ajustando a largura da
visualização.
■ <title>: Define o título da página, que aparece na aba do
navegador.
■ <body>: Contém o conteúdo visível da página, como textos e
imagens.

3. Código de Exemplo

Explicação do Código

● <!DOCTYPE html>: Declara que este é um documento HTML5.


● <html lang="en">: Inicia o documento HTML e define o idioma como inglês.
● <head>: Seção onde você inclui informações meta e o título da página.
● <meta charset="UTF-8">: Define a codificação de caracteres para suportar
vários idiomas e símbolos.
● <meta name="viewport" content="width=device-width,
initial-scale=1.0">: Ajusta o layout da página para diferentes tamanhos de
tela.
● <title>Document</title>: Define o texto que será exibido na aba do
navegador.
● <body>: Contém o conteúdo visível da página.
● <p></p>: Elemento de parágrafo, usado para criar blocos de texto.

Atividade Prática

● Adicionar algum texto dentro da tag <p> para visualizar como


● modificações no título da página e no conteúdo do parágrafo.

Conclusão
HTML é a base que sustenta a web. Entender e dominar HTML é essencial para
qualquer pessoa que deseja criar e desenvolver páginas e aplicativos web. É a
linguagem com a qual você começa a sua jornada no desenvolvimento web e sobre
a qual outras tecnologias, como CSS e JavaScript, constroem e expandem suas
capacidades.

Potrebbero piacerti anche