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

START

apresentação sobre HTML

Gisela T120 nº6

Indice

01.

O que é o HTML?

02.

História do HTML (versões)

03.

Como funciona o HTML?

04.

Quem usa o HTML?

05.

No HTML, o que são: Atributos Elementos Tags (etiquetas)

06.

Sintaxe do HTML

07.

Estrutura básica de uma página em HTML

08.

09.

Pontos fortes e fragilidades do HTML
Fim

O que é o HTML?

HTML (HyperText Markup Language) é a linguagem de marcação utilizada para estruturar e apresentar conteúdos na web. Através do HTML, define-se a organização e exibição de textos, imagens, links, vídeos e outros elementos multimédia nas páginas da internet. O HTML não é uma linguagem de programação, mas sim uma linguagem de marcação, que especifica como os diferentes elementos devem aparecer no navegador.

História do HTML (versões)

HTML 1.0 (1991-1992): Desenvolvido por Tim Berners-Lee, o criador da World Wide Web, esta foi a primeira versão do HTML. Era muito básica, com suporte limitado a links e formatação simples de textos.HTML 2.0 (1995): Tornou-se um padrão oficial e incluiu mais elementos, como suporte para formulários, permitindo que os utilizadores enviassem dados através de websites.HTML 3.2 (1997): Adicionou novos recursos como tabelas, scripts e mais opções de formatação. O World Wide Web Consortium (W3C) tornou-se a principal entidade responsável pela sua padronização.

História do HTML (versões)

HTML 4.01 (1999): Trouxe grandes melhorias, incluindo o suporte para o uso de folhas de estilo (CSS) para separar a apresentação do conteúdo. Esta versão foi amplamente utilizada durante vários anos.XHTML 1.0 (2000): Uma evolução do HTML 4.01, foi uma tentativa de combinar HTML com a sintaxe rigorosa do XML. Exigia uma escrita mais estrita e estruturada.HTML5 (2014): A versão mais recente e ainda em constante evolução. Introduziu novos elementos semânticos, como <header>, <footer>, <article>, e suporte para multimédia (áudio e vídeo) sem necessidade de plugins externos. HTML5 também melhorou a interoperabilidade com CSS3 e JavaScript.

O HTML funciona através de elementos que são representados por tags e podem conter atributos que especificam informações adicionais sobre esses elementos. Cada página HTML é processada por um navegador web que lê a marcação e transforma o conteúdo numa página visual interativa.

Como funciona o HTML?

Quem usa o HTML?

Desenvolvedores web

Sistemas de gestão de conteúdo (CMS)

Motores de pesquisa

Data

Como WordPress ou Joomla, que geram HTML para mostrar o conteúdo na web.

Data

Para criar e estruturar websites.

Como o Google, que interpretam o HTML de um website para indexar e classificar o conteúdo.

Data

Atributos: São propriedades que fornecem informações adicionais sobre os elementos HTML. Por exemplo, numa imagem, o atributo src define o caminho da imagem:

No HTML, o que são:

Elementos: Um elemento HTML é composto por uma tag de abertura, o conteúdo e uma tag de fecho (alguns elementos não necessitam de fecho). Exemplo de um elemento de parágrafo:

No HTML, o que são:

Tags (etiquetas): São marcas que indicam o início e o fim de um elemento HTML. Exemplo:

No HTML, o que são:

Sintaxe do HTML

Composta por:

  • Tags de abertura e fecho: A maioria dos elementos tem uma tag de abertura (como <p>) e uma tag de fecho (como </p>).
  • Atributos: Informações adicionais fornecidas na tag de abertura, dentro de aspas.
  • Conteúdo: O texto ou outros elementos que estão dentro da tag de abertura e fecho.

<html></html> - indica o início e o fim do documento.<head></head> - o cabeçalho. <title></title> - o título que aparece na barra de título do browser.<body></body> - o corpo do documento.

Estrutura básica de uma página em HTML

Fragilidades:

  • Dependente de outras tecnologias
  • Limitado para desenvolvimento de aplicações
  • Diferenças de compatibilidade

Pontos fortes e fragilidades do HTML

Pontos fortes:

  • Universal
  • Fácil de aprender
  • Versátil
  • Responsivo

Fim