introduction html 5 : part i

8
INTRODUCTION HTML 5 jeudi 6 juin 13

Upload: macodelab

Post on 08-Jul-2015

213 views

Category:

Documents


0 download

DESCRIPTION

Introduction Html 5 : Part I By Macodelab www.macodelab.com

TRANSCRIPT

Page 1: Introduction Html 5 : Part I

INTRODUCTION HTML 5

jeudi 6 juin 13

Page 2: Introduction Html 5 : Part I

CHRONOLOGIE APPROXIMATIVE DE WEB TECHNOLOGIES1991 - 1998

jeudi 6 juin 13

Page 3: Introduction Html 5 : Part I

CHRONOLOGIE APPROXIMATIVE DE WEB TECHNOLOGIES2000 - 2009

jeudi 6 juin 13

Page 4: Introduction Html 5 : Part I

1- MEILLEUR STRUCTURE D’UNE PAGE WEB AVEC HTML 5 :

<body>  <header>    <hgroup>      <h1>Titre de la Page</h1>      <h2>Description de la Page</h2>    </hgroup>  </header>

  <nav>   <ul>     Navigation...   </ul>  </nav>  <section>   <article>     <header>       <h1>Titre</h1>     </header>     <section>       Contenu...     </section>   </article>   <article>     <header>

       <h1>Titre</h1>     </header>     <section>       Contenu...     </section>   </article>  </section>

  <aside>   Liens Utils...  </aside>

  <figure>    <img src="..."/>    <figcaption>Chart 1.1</figcaption>  </figure>

  <footer>   Copyright ©   <time datetime="2010-11-08">2010</time>.  </footer></body>

jeudi 6 juin 13

Page 5: Introduction Html 5 : Part I

II- LA BALISE : DATALIST .PAS PLUS L'UTILISATION DE PLUGINS JQUERY POUR LES ENTRÉES AUTOCOMPLETE COMBINÉS AVEC UN CODE CÔTÉ SERVEUR QUI VAS FRAPPÉ LA BASE DE DONNÉES SUR CHAQUE FRAPPE DE L'UTILISATEUR:

<input list="tutoriels"/><datalist id="tutoriels">  <option value="PHP"/>  <option value="HTML 5"/>  <option value="jQuery"/></datalist>

jeudi 6 juin 13

Page 6: Introduction Html 5 : Part I

II- LA BALISE : DETAILS .LA BALISE <DETAILS> PEUT ÊTRE UTILISÉ POUR CRÉER UN GADGET INTERACTIF QUE L'UTILISATEUR PEUT OUVRIR ET FERMER. TOUT TYPE DE CONTENU PEUT ÊTRE MIS À L'INTÉRIEUR DE LA BALISE <DETAILS>.

<details>  <summary>INTRODUCTION HTML 5</summary>  Cette série vous enseigne tout ce que vous devez savoir sur HTML 5.</details>

jeudi 6 juin 13

Page 7: Introduction Html 5 : Part I

III- PROGRESS BAT .

<meter min="0" max="100" low="40" high="90" optimum="100" value="91">A+</meter>

III-I LA BALISE : METER .

<progress>working...</progress>

III-II LA BALISE : PROGRESS .

<progress value="75" max="100">3/4 complete</progress>

jeudi 6 juin 13

Page 8: Introduction Html 5 : Part I

WWW.MACODELAB.COM

jeudi 6 juin 13