O que é HTML
José Soares
Created on September 19, 2024
Over 30 million people build interactive content in Genially.
Check out what others have designed:
ANCIENT EGYPT
Learning unit
MONSTERS COMIC "SHARING IS CARING"
Learning unit
PARTS OF THE ANIMAL CELL
Learning unit
PARTS OF A PROKARYOTIC CELL
Learning unit
PARTS OF THE PLANT CELL
Learning unit
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