SlideShare uma empresa Scribd logo
1 de 35
Web Standard #1
      @EBvi
?


• W3C
•       W3C
•
•
•
•
•   XML

•
•
•
• HTML & CSS         •
• Audio & Video      • MathML
•
• Scripting & AJAX
•
•
•
•
• Meta format(XML)
• URL, URI, fancy url
•
•
•
•
•
•
•   (SPARQL)
XML
• XML       •
• XSLT,     •
•           •
•
•
•
•
•
•   (WSDL)

•
•
• Multimodal Access
•
•   TV

•
•
•       ,

•   ,
HTML   CSS
<HTML>
<div>
• div
•

• -> table

•
    div
DIV


• DIV         ?



• ->
<b>
           <strong>
•b

• strong



•
• [HTML4      ]
<i>
             <em>

•i
• em       emphasis(   )
            .



• [HTML4         ]
•


•   HTML4   deprecated(
       )
• <font>
• <b>
• <s>
• <tt>
• <big>
• <small>
• <i>


•
HTML5     <i> <b>

        HTML4           HTML5

<i>
                    )     ,

<b>             (               )
heading tags

• <h1><h2><h3><h4><h5><h6> ...
•
•
<img> in <h1>

• <h1><img src=”c.jpg” alt=”     ”></h1>



• <h1>         <img>


•       : http://cssdesign.kr/forum/
    viewtopic.php?id=2004
• <h1>       ?



• -> 100          ,
  W3C


• ->       <h1>
<p>

•       (paragraph)

• div

•p             div
<label>

• <label><input type=”radio”
  name=”agree” value=”yes”/>
    </label>



• label         <input>
<table>
• <table>
   • <caption>                   </caption>

   • <colgroup><col width=”100%”/></colgroup>
   • <thead>
      • <tr><th>          </th></tr>

   • </thead>
   • <tbody>
      • <tr><td>          </td></tr>

   • </tbody>
• </table>
<thead>
     <th>     ?

•

• th

       td
• <thead> <tbody> <tfoot>

•
•
•
•
Web standard 1

Mais conteúdo relacionado

Semelhante a Web standard 1

technologie web - part2
technologie web - part2technologie web - part2
technologie web - part2Benoît Simard
 
Intégrer correctement un e-mail, c'est possible ! Démonstration en 1h30
Intégrer correctement un e-mail, c'est possible ! Démonstration en 1h30Intégrer correctement un e-mail, c'est possible ! Démonstration en 1h30
Intégrer correctement un e-mail, c'est possible ! Démonstration en 1h30Sébastien Lejeune
 
Internationalisation du Front
Internationalisation du FrontInternationalisation du Front
Internationalisation du FrontYannick Croissant
 
OpenCode beta : Haml & Sass
OpenCode beta : Haml & SassOpenCode beta : Haml & Sass
OpenCode beta : Haml & SassRémi Prévost
 
Créer un site web moderne en 30 minutes
Créer un site web moderne en 30 minutesCréer un site web moderne en 30 minutes
Créer un site web moderne en 30 minutesValéry BERNARD
 
HTML5 maintenant partie 1 : la sémantique
HTML5 maintenant partie 1 : la sémantiqueHTML5 maintenant partie 1 : la sémantique
HTML5 maintenant partie 1 : la sémantiqueJean-Pierre Vincent
 
Data Storage Practice
Data Storage PracticeData Storage Practice
Data Storage PracticeDavies Liu
 
Développement Web - HTML5, CSS3, APIs Web
Développement Web - HTML5, CSS3, APIs WebDéveloppement Web - HTML5, CSS3, APIs Web
Développement Web - HTML5, CSS3, APIs WebYoann Gotthilf
 
6929تويتر
6929تويتر6929تويتر
6929تويترsaudalsaba
 
Alimentation et Reporting de Bases de données via le WEB
Alimentation et Reporting de Bases de données via le WEBAlimentation et Reporting de Bases de données via le WEB
Alimentation et Reporting de Bases de données via le WEBGaspar Daniel
 
最近のRailsフロントエンド開発の紹介
最近のRailsフロントエンド開発の紹介最近のRailsフロントエンド開発の紹介
最近のRailsフロントエンド開発の紹介treby
 
HTML5 - Sémantique, structure et nouveaux éléments
HTML5 - Sémantique, structure et nouveaux élémentsHTML5 - Sémantique, structure et nouveaux éléments
HTML5 - Sémantique, structure et nouveaux élémentsRémy Savard
 
Cours css niveau debutant
Cours css niveau debutantCours css niveau debutant
Cours css niveau debutantTheBest Icanbe
 
Un site web responsive en une heure
Un site web responsive en une heureUn site web responsive en une heure
Un site web responsive en une heureRaphaël Goetter
 
생활지도 및 상담 - 제3장 학업
생활지도 및 상담 - 제3장 학업생활지도 및 상담 - 제3장 학업
생활지도 및 상담 - 제3장 학업Jihoon Yang
 

Semelhante a Web standard 1 (20)

technologie web - part2
technologie web - part2technologie web - part2
technologie web - part2
 
Intégrer correctement un e-mail, c'est possible ! Démonstration en 1h30
Intégrer correctement un e-mail, c'est possible ! Démonstration en 1h30Intégrer correctement un e-mail, c'est possible ! Démonstration en 1h30
Intégrer correctement un e-mail, c'est possible ! Démonstration en 1h30
 
HTML
HTMLHTML
HTML
 
Découverte HTML5/CSS3
Découverte HTML5/CSS3Découverte HTML5/CSS3
Découverte HTML5/CSS3
 
HTML5
HTML5HTML5
HTML5
 
Internationalisation du Front
Internationalisation du FrontInternationalisation du Front
Internationalisation du Front
 
OpenCode beta : Haml & Sass
OpenCode beta : Haml & SassOpenCode beta : Haml & Sass
OpenCode beta : Haml & Sass
 
Créer un site web moderne en 30 minutes
Créer un site web moderne en 30 minutesCréer un site web moderne en 30 minutes
Créer un site web moderne en 30 minutes
 
HTML5 maintenant partie 1 : la sémantique
HTML5 maintenant partie 1 : la sémantiqueHTML5 maintenant partie 1 : la sémantique
HTML5 maintenant partie 1 : la sémantique
 
Data Storage Practice
Data Storage PracticeData Storage Practice
Data Storage Practice
 
HTML5, le nouveau buzzword
HTML5, le nouveau buzzwordHTML5, le nouveau buzzword
HTML5, le nouveau buzzword
 
Développement Web - HTML5, CSS3, APIs Web
Développement Web - HTML5, CSS3, APIs WebDéveloppement Web - HTML5, CSS3, APIs Web
Développement Web - HTML5, CSS3, APIs Web
 
6929تويتر
6929تويتر6929تويتر
6929تويتر
 
Alimentation et Reporting de Bases de données via le WEB
Alimentation et Reporting de Bases de données via le WEBAlimentation et Reporting de Bases de données via le WEB
Alimentation et Reporting de Bases de données via le WEB
 
最近のRailsフロントエンド開発の紹介
最近のRailsフロントエンド開発の紹介最近のRailsフロントエンド開発の紹介
最近のRailsフロントエンド開発の紹介
 
HTML5 - Sémantique, structure et nouveaux éléments
HTML5 - Sémantique, structure et nouveaux élémentsHTML5 - Sémantique, structure et nouveaux éléments
HTML5 - Sémantique, structure et nouveaux éléments
 
Cours css niveau debutant
Cours css niveau debutantCours css niveau debutant
Cours css niveau debutant
 
Html 5(1)
Html 5(1)Html 5(1)
Html 5(1)
 
Un site web responsive en une heure
Un site web responsive en une heureUn site web responsive en une heure
Un site web responsive en une heure
 
생활지도 및 상담 - 제3장 학업
생활지도 및 상담 - 제3장 학업생활지도 및 상담 - 제3장 학업
생활지도 및 상담 - 제3장 학업
 

Mais de Eb Styles

잘 알고 있습니까? html + css &lt;#1>
잘 알고 있습니까? html + css &lt;#1>잘 알고 있습니까? html + css &lt;#1>
잘 알고 있습니까? html + css &lt;#1>Eb Styles
 
보다 나은 웹 어플리케이션 설계
보다 나은 웹 어플리케이션 설계보다 나은 웹 어플리케이션 설계
보다 나은 웹 어플리케이션 설계Eb Styles
 
Web accessibility
Web accessibilityWeb accessibility
Web accessibilityEb Styles
 
Javascript Tip and Triks
Javascript Tip and TriksJavascript Tip and Triks
Javascript Tip and TriksEb Styles
 

Mais de Eb Styles (6)

잘 알고 있습니까? html + css &lt;#1>
잘 알고 있습니까? html + css &lt;#1>잘 알고 있습니까? html + css &lt;#1>
잘 알고 있습니까? html + css &lt;#1>
 
보다 나은 웹 어플리케이션 설계
보다 나은 웹 어플리케이션 설계보다 나은 웹 어플리케이션 설계
보다 나은 웹 어플리케이션 설계
 
Web accessibility
Web accessibilityWeb accessibility
Web accessibility
 
Css3
Css3Css3
Css3
 
Doctype
DoctypeDoctype
Doctype
 
Javascript Tip and Triks
Javascript Tip and TriksJavascript Tip and Triks
Javascript Tip and Triks
 

Web standard 1

Notas do Editor

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. \n
  25. \n
  26. \n
  27. \n
  28. \n
  29. \n
  30. \n
  31. \n
  32. \n