Baixar para ler offline
HTML- conceitos. pptx
- 1. HTML HYPER TEXT MARKUPLANGUAGE Fonte: https://www.w3schools.com/ Professora: Yleni Esteves
- 2. - HTML significaHyper Text Markup Language - HTML é a linguagem de marcação padrão para a criação de páginas da web - HTML descreve a estrutura de uma página da web - HTML consiste numa série de elementos - Os elementos HTML informam ao navegador como exibir o conteúdo - Elementos HTML identificam partes de conteúdo como "isto é um título", "isto é um parágrafo", "isto é um link", etc. O QUE É O HTML?
- 3. Um documento Simplesem HTML <!DOCTYPE html> <html> <head> <title>Título da Página</title> </head> <body> <h1>O meu primeiro cabeçalho</h1> <p> O meu primeiro parágrafo. </p> </body> </html> Exemplo Explicado •A <!DOCTYPE html>declaração define que este documento é um documento HTML5 •O <html>elemento é o elemento raiz de uma página HTML •O <head>elemento contém metainformações sobre a página HTML •O <title>elemento especifica um título para a página HTML (que é mostrado na barra de título do navegador ou na guia da página) •O <body>elemento define o corpo do documento e é um contêiner para todo o conteúdo visível, como títulos, parágrafos, imagens, hiperlinks, tabelas, listas, etc. •O <h1>elemento define um grande título •O <p>elemento define um parágrafo
- 4. Um elemento HTMLé definido por uma tag inicial, algum conteúdo e uma tag final: O elemento HTML é tudo, desde a tag inicial até a tag final: < h1 > Meu primeiro título < / h1 > < p > Meu primeiro parágrafo. < / p > <br> < tagname > O conteúdo vai aqui ... < / tagname > Nota: alguns elementos HTML não têm conteúdo (como o elemento <br>). Esses elementos são chamados de elementos vazios. Os elementos vazios não possuem uma tag de finalização! O que é um elemento HTML?
- 5. O objetivo deum navegador da web (Chrome, Edge, Firefox, Safari, Opera) é ler documentos HTML e exibi-los corretamente. Um navegador não exibe as tags HTML, mas usa-as para determinar como exibir o documento: Navegadores Web
- 6. Estrutura da páginaHTML Nota: O conteúdo dentro da seção <body> (a área branca acima) será exibido num navegador. O conteúdo dentro do elemento <title> será mostrado na barra de título do navegador ou na guia da página.
- 7. História HTML Desde osprimeiros dias da World Wide Web, houve muitas versões de HTML: ANO VERSÃO 1989 Tim Berners-Lee invented www 1991 Tim Berners-Lee invented HTML 1993 Dave Raggett drafted HTML+ 1995 HTML Working Group defined HTML 2.0 1997 W3C Recommendation: HTML 3.2 1999 W3C Recommendation: HTML 4.01 2000 W3C Recommendation: XHTML 1.0 2008 WHATWG HTML5 First Public Draft 2012 WHATWG HTML5 Living Standard 2014 W3C Recommendation: HTML5 2016 W3C Candidate Recommendation: HTML 5.1 2017 W3C Recommendation: HTML5.1 2nd Edition 2017 W3C Recommendation: HTML5.2
- 8. Ver código-fonte HTML: Clicacom o botão direito numa página HTML e seleciona "Exibir código-fonte" (no Chrome) ou "Exibir código-fonte" (no Edge) ou algo semelhante noutros navegadores. Isso abrirá uma janela que contém o código-fonte HTML da página. Experimenta
- 9. Os elementos HTMLpodem ser aninhados (isso significa que os elementos podem conter outros elementos). Todos os documentos HTML consistem em elementos HTML aninhados. O exemplo que se segue contém quatro elementos HTML ( <html>, <body>, <h1> e <p>): <!DOCTYPE html> <html> <body> <h1>O meu primeiro cabeçalho</h1> <p>O meu primeiro parágrafo.</p> </body> </html> Elementos HTML aninhados
- 10. <!DOCTYPE html> <html> <body> <h1>O meuprimeiro cabeçalho</h1> <p>O meu primeiro parágrafo.</p> </body> </html> Explicação: <html> elemento é o elemento raiz e define todo o documento HTML. Ele possui uma tag inicial <html>e uma tag final </html>. Então, dentro do elemento <html>, há um elemento <body>. O elemento<body> define o corpo do documento. Ele possui uma tag inicial <body>e uma tag final </body>. Então, dentro do elemento <body>, existem dois outros elementos: <h1>e <p>. O elemento <h1> define um título. Ele tem uma tag de início <h1> e uma tag de fim </h1> O elemento <p> define um parágrafo. Ele tem uma tag de início <p> e uma tag de fim </p> NOTA: Nunca ignores a tag final Alguns elementos HTML serão exibidos corretamente, mesmo se te esqueceres da tag final. No entanto, nunca confies nisso! Podem ocorrer resultados inesperados e erros se te esqueceres da tag final!
- 11. Os elementos HTMLsem conteúdo são chamados de elementos vazios. A tag <br> define uma quebra de linha e é um elemento vazio sem uma tag de fecho: Exemplo <p> Isto é <br> um parágrafo com uma quebra de linha.</p> Elementos HTML vazios
- 12. As tags HTMLnão diferenciam maiúsculas de minúsculas: <P>significa o mesmo que <p>. O padrão HTML não requer tags em minúsculas, mas a maior parte de editores web recomendam minúsculas em HTML e exigem minúsculas para tipos de documentos mais restritos, como XHTML. HTML não diferencia maiúsculas de minúsculas
- 13. Tags HTML: https://www.w3schools.com/tags/default.asp Referênciade elemento HTML HTML Básico: https://www.w3schools.com/tags/ref_byfunc.asp