Want to make interactive content? It’s easy in Genially!

Over 30 million people build interactive content in Genially.

Check out what others have designed:

Transcript

HTML>

<Code

Começar >

>

>

O que é HTML?

A História do HTML

Quais as tags HTML mais utilizadas?

Como o HTML funciona?

01

02

04

05

07

08

06

A Evolução do HTML. Qual a diferença entre HTML e HTML5?

03

Prós e Contras do HTML

Então… O que é HTML?

Qual a Relação Entre HTML, CSS e JavaScript?

<01>O que é HTML?

>

>

Começar>

>

>

+info

  • Linguagem de Marcação de Hipertexto (HTML);
  • Linguagem composta por marcações que definem a estrutura e estilo do documento
  • Não cria funcialidades dinamicas;
  • Permite criação de: secções, parágrafos, links.

// O que é?

Organização e formatação de documentos.

Visualização de páginas web em navegadores.

Criação de páginas web e aplicativos online.

// Para que é utilizado?

Documentação

Navegação na Internet

>

>

Desenvolvimento Web

>

Começar>

>

<02>A História do HTML

// A História do HTML

Tim Berners-Lee, físico britânico, desenvolveu o HTML original numa estação NeXTcube.

>

>

InícioConjunto de ferramentas para comunicação e dispersão de pesquisas.

PopularizaçãoAumento do uso da internet, destaque mundial.

PadronizaçãoEspecificação formal do HTML, estabelecida na década de 1990.

1

2

3

// Primeiras versões

  • Criar uma linguagem baseada em SGML para a Internet;
  • Regras sintáticas flexiveis;
  • Com o tempo, a sintaxe do HTML tornou-se mais rígida;
  • Atualmente, o W3C é responsável pela manutenção das especificações HTML

>

>

Começar>

>

>

<03>Como o HTML funciona?

Conjunto de tags e atributos que formam a estrutura da página.

Elementos

// Como Funciona o html?

Uma pagina HTML é composta por:

Indicam o início e fim de um elemento.

Tags

Atributos

Descrevem as características de um elemento.

>

>

Indica o fim de um elemento.

Parte visível aos usuários.

Indica o início de um elemento.

// Principais partes do elementos HTML

Os elementos HTML são os tijolos de construção de uma página da internet.

Tag de Fechamento

Conteúdo

>

>

Tag de Abertura

>

>

//Atributo

Os atributos fornecem informações adicionais sobre um elemento:

  • Nome: Identifica a informação adicional.
  • Valor:Fornece especificações adicionais.

Outra parte crucial do elemento HTML

>

>

// Classe HTML

Outro atributo é a classe HTML, que é importante para desenvolvimento e programação. A classe HTML é um atributo que adiciona informações de estilo a elementos, permitindo a aplicação de estilos semelhantes a elementos diferentes.

>

>

// Declaração <!DOCTYPE>

Cada documento HTML deve começar com uma declaração <!DOCTYPE> para informar ao navegador qual é o tipo de documento.

Começar>

>

>

<04>Quais as tags HTML mais utilizadas?

>

>

Um elemento em linha formata o conteúdo interno dos elementos de bloco. Isto inclui a adição de links ou de linhas com ênfase.

// Elementos Em Linha

Os elementos bloco ocupam a largura de uma página. Estes iniciam sempre uma nova linha no documento.

// Elementos Bloco

>

>

A tag <body>

A tag <head>

A tag <html>

// Elementos Bloco

Todas as páginas HTML usam estas três tags

>

>

Exemplo

Os elementos inline são normalmente usados para formatar texto sem estragar o fluxo do conteúdo.

// Elementos Em Linha

Começar>

>

>

<05>A Evolução do HTML. Qual a diferença entre HTML e HTML5?

// Evolução do HTML

>

>

HTML4Publicado em 1997, com a última atualização em 2014.

HTML5Introduziu novos recursos, como suporte nativo para vídeos e áudios, compatibilidade com SVG e MathML, e melhorias semânticas.

1

2

Começar>

>

>

<06>Prós e Contras do HTML

  • Linguagem amplamente utilizada
  • Roda em todos os navegadores
  • Fácil aprendizado
  • Gratuito e de código-aberto
  • Marcações limpas e consistentes
  • Padrões oficiais mantidos pelo W3C
  • Integração fácil com linguagens de back-end

// Prós

  • Geralmente utilizado para páginas estáticas
  • Não permite a implementação de lógica
  • Alguns navegadores demoram para adotar novos recursos
  • Comportamento do navegador pode ser imprevisível

>

>

// Contras

Começar>

>

>

<07>Qual a Relação Entre HTML, CSS e JavaScript?

>

>

  • Permite a adição de funcionalidades dinâmicas como sliders, pop-ups, e galerias de fotos.

  • Responsável pelo estilo como background, cores, layouts, espaçamentos e animações

  • Pode ser utilizado apenas para adicionar elementos de texto e criação de estruturas de conteúdo.

Começar>

>

>

<08>Então… O que é HTML?

>

>

O HTML é a principal linguagem de programação encontrada na internet tendo uma série de elementos que cria a estrutura dos conteúdos de uma página ou de um aplicativo. Este possui bastante suporte e é principalmente usada para páginas estáticas. O HTML funciona melhor quando é usado em conjunto com o CSS para aplicar o estilo e com o JavaScript para implementar funcionalidades.

Boa sorte

>

<QUIZZ>

>

69976189

https://pt.wikipedia.org/wiki/HTML

2

https://www.hostinger.pt/tutoriais/o-que-e-html-conceitos-basicos

1

<Webgrafia>

>

3

https://www.freecodecamp.org/portuguese/news/o-que-e-a-declaracao-de-doctype-em-html/#:~:text=A%20declara%C3%A7%C3%A3o%20de%20tipo%20de%20documento%20no%20HTML,%20tamb%C3%A9m%20conhecida

>

Obrigado

/

Acabou

A tag <html> é um elemento raiz que define todo o documento HTML.

//A tag <html>

A tag <head> contém metadados sobre o título e a codificação de caracteres da página.

//A tag <head>

A tag <body> inclui todo o conteúdo que aparece na página.

//A tag <body>

  • Desenvolvimento Web;
  • É considerado um padrão oficial da Internet.

// Para que é utilizado?

Uma tag <strong> faz o elemento ser renderizado em negrito, enquanto a tag <em> faz ele aparecer em itálico. Os hiperlinks também são elementos em linha que usam uma tag <a> e um atributo href para indicar o destino do link

// Exemplo