Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
TABLELESS
TABLELESS

• About
• Cross-browser
TABLELESS ABOUT

Layout table

Layout tableless
TABLELESS ABOUT › Layout Table

Voltar
TABLELESS ABOUT

› Layout Tableless

Voltar
TABLELESS CROSS-BROWSER
TABLELESS CROSS-BROWSER
• Trident

• WebKit
• Presto
• Gecko
HTML
HTML

•
•
•
•
•
•

About
Versões
Tag’s
Conceito básico
Validação
Exercícios
HTML ABOUT

• Hyper Text Markup Language
• Tim Berners-Lee, em 1985/89
HTML VERSÕES

•
•
•
•
•

HTML 2.0, 1995
HTML 3.2, janeiro de 1997
HTML 4.0, dezembro 1997
HTML 4.01, 1999
XHTML

• HTML 5,...
HTML TAG’s
•
•
•
•
•
•
•

<header>
<nav>
<menu>
<section>
<article>
<aside>
<footer>

•
•
•
•
•

<div>
<strong>
<em>
<abbr...
HTML TAG’s

› <FIGURE>

<figure>
<legend>Lorem ipsum is a sample text</legend>
<img src=“image.jpg" alt=“” />
</figure>

V...
HTML TAG’s

› <VIDEO>

<video width="320" height="240" controls="controls">
<source src="movie.mp4" type="video/mp4" />
<s...
HTML TAG’s

› <AUDIO>

<audio controls="controls">
<source src="song.ogg" type="audio/ogg" />
<source src="song.mp3" type=...
HTML CONCEITO BÁSICO
HTML CONCEITO BÁSICO

› HTML 5

Voltar
HTML CONCEITO BÁSICO

› HTML 4.1

Voltar
HTML CONCEITO BÁSICO

› XHTML 1.0

Voltar
HTML CONCEITO BÁSICO
HTML CONCEITO BÁSICO

› HTML 4

Voltar
HTML CONCEITO BÁSICO

› HTML 5

Voltar
HTML VALIDAÇÃO

• Para que serve
• Como faz
HTML para leigos
Nächste SlideShare
Wird geladen in …5
×

HTML para leigos

1.509 Aufrufe

Veröffentlicht am

Aqui falarei um pouco de cross-browser, a historia e conceitos da HTML e a importância da validação.

Veröffentlicht in: Technologie
  • Loggen Sie sich ein, um Kommentare anzuzeigen.

  • Gehören Sie zu den Ersten, denen das gefällt!

HTML para leigos

  1. 1. TABLELESS
  2. 2. TABLELESS • About • Cross-browser
  3. 3. TABLELESS ABOUT Layout table Layout tableless
  4. 4. TABLELESS ABOUT › Layout Table Voltar
  5. 5. TABLELESS ABOUT › Layout Tableless Voltar
  6. 6. TABLELESS CROSS-BROWSER
  7. 7. TABLELESS CROSS-BROWSER • Trident • WebKit • Presto • Gecko
  8. 8. HTML
  9. 9. HTML • • • • • • About Versões Tag’s Conceito básico Validação Exercícios
  10. 10. HTML ABOUT • Hyper Text Markup Language • Tim Berners-Lee, em 1985/89
  11. 11. HTML VERSÕES • • • • • HTML 2.0, 1995 HTML 3.2, janeiro de 1997 HTML 4.0, dezembro 1997 HTML 4.01, 1999 XHTML • HTML 5, 2008
  12. 12. HTML TAG’s • • • • • • • <header> <nav> <menu> <section> <article> <aside> <footer> • • • • • <div> <strong> <em> <abbr> <address> <figure> <video> <audio> • • • • • • • • <b> <i> <u> <s> <center> <font> <frame> <frameset>
  13. 13. HTML TAG’s › <FIGURE> <figure> <legend>Lorem ipsum is a sample text</legend> <img src=“image.jpg" alt=“” /> </figure> Voltar
  14. 14. HTML TAG’s › <VIDEO> <video width="320" height="240" controls="controls"> <source src="movie.mp4" type="video/mp4" /> <source src="movie.ogg" type="video/ogg" /> Your browser does not support the video tag </video> Voltar
  15. 15. HTML TAG’s › <AUDIO> <audio controls="controls"> <source src="song.ogg" type="audio/ogg" /> <source src="song.mp3" type="audio/mp3" /> Your browser does not support the audio tag </audio> Voltar
  16. 16. HTML CONCEITO BÁSICO
  17. 17. HTML CONCEITO BÁSICO › HTML 5 Voltar
  18. 18. HTML CONCEITO BÁSICO › HTML 4.1 Voltar
  19. 19. HTML CONCEITO BÁSICO › XHTML 1.0 Voltar
  20. 20. HTML CONCEITO BÁSICO
  21. 21. HTML CONCEITO BÁSICO › HTML 4 Voltar
  22. 22. HTML CONCEITO BÁSICO › HTML 5 Voltar
  23. 23. HTML VALIDAÇÃO • Para que serve • Como faz

×