HTML

  Bacharel em Ciência da Computação (UFG)
Especializando em Gestão de TI (Instituto AVM)

      Líder de Projetos – ...
HTML
      – HTML é simplesmente indispensável no desenvolvimento
        de sistemas aplicativos para Internet.
      – S...
HTML
• Linguagem de Marcação
      – É um conjunto de códigos aplicados a um texto ou a dados,
             com o objetivo...
HTML
• A linguagem de marcação da Web
      – É o HyperText Markup Language ( HTML), é a Linguagem
             padrão par...
HTML
• Tag's ou Etiquetas de marcação HTML
      – São palavras chave cercadas por parênteses angulares
        seguindo a...
HTML
• Tag's ou Etiquetas de marcação HTML

      – Onde tag1 de é uma tag de abertura e fechamento, tag2 é
        uma ta...
HTML
• Documentos HTML são páginas Web!
      – Pois contém tag’s HTML e textos simples.

      – Hipertextualizam, ou sej...
HTML
• Mas... e o navegador?
      – O objetivo dos navegadores web como o Opera, IE ou o Fire
             Fox é a interp...
HTML
• Quais ferramentas você precisa para desenvolver?
      – Você não precisa de um Editor HTML, nem de um servidor
   ...
HTML
• Quais ferramentas você precisa para desenvolver?
      – Certamente esta é a melhor forma de aprender HTML.

      ...
HTML
• Extensão de arquivos HTML
      – Antigamente quando o sistema operacional só permitia 3
             caracteres co...
HTML
• Interpretando o código HTML
      – Codificar HTML é realmente muito simples e fácil.
             Implementaremos ...
HTML
• Interpretando o código HTML
      – Implemente o código abaixo, criando então o seu primeiro
             código HT...
HTML
• Interpretando o código HTML
      –      <html> e </html> definem a página web
      –      <head> e </head> define...
HTML
• Referência bibliográfica e leituras
  complementares recomendadas
      – http://www.pt-br.html.net/
      – W3Scho...
HTML HardCore Parte 1 - Conceitos
HTML HardCore Parte 1 - Conceitos
HTML HardCore Parte 1 - Conceitos
HTML HardCore Parte 1 - Conceitos
HTML HardCore Parte 1 - Conceitos
Upcoming SlideShare
Loading in …5
×

HTML HardCore Parte 1 - Conceitos

850 views

Published on

HTML concepts

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
850
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

HTML HardCore Parte 1 - Conceitos

  1. 1. HTML Bacharel em Ciência da Computação (UFG) Especializando em Gestão de TI (Instituto AVM) Líder de Projetos – SIGMA / MDIC Professor Formador EAD – NEAD/ETEB george@georgemendonca.com.br http://www.georgemendonca.com.br
  2. 2. HTML – HTML é simplesmente indispensável no desenvolvimento de sistemas aplicativos para Internet. – Sua importância é fundamental de tal forma que sem a linguagem HTML nada do que existe na Internet seria possível. – Nos últimos tempos com o aparecimento de tantas novidades, interatividade na Web e recursos diversos, a HTML tem sido deixada um pouco de lado pelos desenvolvedores e entusiastas. – No entanto conhecê-la bem é fundamental para o desenvolvimento de projetos de aplicativos para Web, seguindo as recomendações dos Web Standards. 20/10/2010 2
  3. 3. HTML • Linguagem de Marcação – É um conjunto de códigos aplicados a um texto ou a dados, com o objetivo de adicionar informações particulares sobre esse texto ou dado, ou sobre trechos específicos. – São usadas, por exemplo, na indústria editorial para marcar a formatação (exibição gráfica) de páginas. – Em resumo, uma linguagem de marcação é um conjunto de marcação de tag’s (etiquetas). 20/10/2010 3
  4. 4. HTML • A linguagem de marcação da Web – É o HyperText Markup Language ( HTML), é a Linguagem padrão para a Marcação de Hipertexto, utilizada para descrever páginas Web. – Não é uma linguagem de programação, mas uma linguagem de marcação de texto. – Utiliza tags (etiquetas) de marcação para descrever os elementos de uma página Web. 20/10/2010 4
  5. 5. HTML • Tag's ou Etiquetas de marcação HTML – São palavras chave cercadas por parênteses angulares seguindo a lei de formação: <nomeDaTag atributo="valor"> – Sendo que pode haver mais de um atributo para uma tag e também tags sem atributos. Além disso, normalmente possuem as seguintes características: <!-- Tags de abertura e fechamento --> <tag1></tag1> <!-- Tag sem fechamento --> <tag2> <!-- Forma correta de implementar uma tag sem fechamento --> <tag3 /> 20/10/2010 5
  6. 6. HTML • Tag's ou Etiquetas de marcação HTML – Onde tag1 de é uma tag de abertura e fechamento, tag2 é uma tag sem fechamento e tag3 a forma correta de implementar uma tag sem fechamento, segundo os padrões e recomendações do W3C. <!-- Tags de abertura e fechamento --> <tag1></tag1> <!-- Tag sem fechamento --> <tag2> <!-- Forma correta de implementar uma tag sem fechamento --> <tag3 /> 20/10/2010 6
  7. 7. HTML • Documentos HTML são páginas Web! – Pois contém tag’s HTML e textos simples. – Hipertextualizam, ou seja, criam páginas dinâmicas com hipertextos. Descrevem as páginas da Web. – Como mencionado na introdução deste tutorial, documentos HTML são fundamentais para a criação de qualquer página na Internet. 20/10/2010 7
  8. 8. HTML • Mas... e o navegador? – O objetivo dos navegadores web como o Opera, IE ou o Fire Fox é a interpretação de documentos HTML e exibi-los como páginas web. – O navegador não exibe tag’s HTML, mas as utilizam para interpretar o conteúdo da página web. 20/10/2010 8
  9. 9. HTML • Quais ferramentas você precisa para desenvolver? – Você não precisa de um Editor HTML, nem de um servidor web ou um site em um provedor. – Basta um editor de texto simples para fazer diversos exemplos de implementações em seu computador pessoal. – Para facilitar nosso trabalho e agilizar nossos estudos podemos utilizar o editor de texto Notepad++, um bloco de notas um pouco mais turbinado que identifica diversas linguagens de programação. 20/10/2010 9
  10. 10. HTML • Quais ferramentas você precisa para desenvolver? – Certamente esta é a melhor forma de aprender HTML. – No entanto, os desenvolvedores de web profissionais, preferem muitas vezes os editores HTML e IDEs (Integrated Development Enviroment) mais completas em vez de um editor de texto simples. 20/10/2010 10
  11. 11. HTML • Extensão de arquivos HTML – Antigamente quando o sistema operacional só permitia 3 caracteres como extensão de arquivos, utilizava-se a extensão *.htm. Atualmente, como não temos mais esta limitação, normalmente utilizamos a extensão *.html. – Qualquer uma destas extensões são permitidas como extensões de arquivos HTML. – Exemplo: o nome do meu arquivo HTML poderia ser meusite.html ou meusite.htm. 20/10/2010 11
  12. 12. HTML • Interpretando o código HTML – Codificar HTML é realmente muito simples e fácil. Implementaremos aqui nosso primeiro código e interpretaremos o significado de cada parte deste código. – Utilize o bloco de notas ou o notepad++ como recomendado ou um editor HTML de sua preferência. 20/10/2010 12
  13. 13. HTML • Interpretando o código HTML – Implemente o código abaixo, criando então o seu primeiro código HTML neste tutorial, salvando-o em uma pasta qualquer em seu computador com o nome primeiro- documento.html: <html> <head> <title>O meu primeiro documento HTML</title> </head > <body> <p>HTML é uma linguagem de marcação simples!</p> </body> 20/10/2010 13 </html>
  14. 14. HTML • Interpretando o código HTML – <html> e </html> definem a página web – <head> e </head> definem o cabeçalho do documento HTML – <title> e </title> definem o título da página (barra título) – <body> e </body> o corpo do documento (documento – visível) <html> <head> <title>O meu primeiro documento HTML</title> </head > <body> <p>HTML é uma linguagem de marcação simples!</p> </body> 20/10/2010 14 </html>
  15. 15. HTML • Referência bibliográfica e leituras complementares recomendadas – http://www.pt-br.html.net/ – W3Schools – http://pt.wikipedia.org/wiki/HTML – Tutorial HTML – USP – HTML Cod Tutorial – HTML Goodies – HTML Dog – Página oficial do HTML na W3C – Especificação do HTML 4.01 – Especificação do HTML 4.01 em português – https://developer.mozilla.org/pt/HTML 20/10/2010 15

×