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
Upcoming SlideShare
Loading in …5
×

HTML para leigos

1,446 views

Published on

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

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

  • Be the first to like this

No Downloads
Views
Total views
1,446
On SlideShare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
17
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

×