TP01_HTML_Gisela
Gisela Fonseca
Created on September 25, 2024
Over 30 million people build interactive content in Genially.
Check out what others have designed:
TALK ABOUT DYS WITH TEACHER
Presentation
ESSENTIAL OILS PRESENTATION
Presentation
ANCIENT EGYPT FOR KIDS PRESENTATION
Presentation
CIRQUE DU SOLEIL
Presentation
YURI GAGARIN IN DENMARK
Presentation
EIDIKO JEWELRY
Presentation
PRODUCT MANAGEMENT IN MOVIES & TV SHOWS
Presentation
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