Initiation au HTML 
8 septembre 2014 
Pierre Rudloff
Initiation au HTML | 8 septembre 2014 
Qu’est-ce que le HTML ? 
HyperText Markup Language 
Langage créé en 1992 
Permet de...
Initiation au HTML | 8 septembre 2014 
Comment créer du HTML 
Éditeur de texte/code : 
●Notepad++ (Windows) 
●Brackets 
●S...
Initiation au HTML | 8 septembre 2014 
Exemple de page HTML 
http://s.strasweb.fr/6
Initiation au HTML | 8 septembre 2014 
Écrire du texte 
http://s.strasweb.fr/7 
<p> : paragraphe 
<div> : bloc 
<i> : ital...
Initiation au HTML | 8 septembre 2014 
Ajouter des images 
http://s.strasweb.fr/8 
<img> 
src : URL de l'image 
alt : text...
Initiation au HTML | 8 septembre 2014 
Vidéo et audio 
<video> et <audio> 
src : URL de l'image 
width : largeur en pixel ...
Initiation au HTML | 8 septembre 2014 
Créer des liens 
http://s.strasweb.fr/9 
<a> 
href : URL de la page 
target : _blan...
Initiation au HTML | 8 septembre 2014 
Tableaux 
http://s.strasweb.fr/a
Initiation au HTML | 8 septembre 2014 
Métadonnées et référencement 
http://s.strasweb.fr/b 
http://wiki.whatwg.org/wiki/M...
Initiation au HTML | 8 septembre 2014 
Outils 
Firebug 
Outils de développeur Chrome 
Lunettes à rayons X 
Thimble
Initiation au HTML | 8 septembre 2014 
Ressources pédagogiques 
OpenClassrooms 
Codecademy 
Mozilla Developer Network
Initiation au HTML | 8 septembre 2014 
À lire 
Weaving the Web, Tim Berners-Lee 
HTML & CSS, Jon Duckett 
HTML5 pour les w...
Initiation au HTML | 8 septembre 2014 
La suite 
JavaScript : 13 octobre 2014 
CSS : 19 novembre 2014 
HTML5 : 10 décembre...
Prochain SlideShare
Chargement dans…5
×

Initiation au HTML

838 vues

Publié le

Cette formation vise à donner aux participants les bases du langage HTML, qui est utilisé pour construire les pages web.
Les participants pourront apprendre à créer une page web basique avec du texte et des images.
Cette formation s’adresse aux débutants, aucune connaissance préalable n’est requise.

Publié dans : Logiciels
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
838
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2
Actions
Partages
0
Téléchargements
34
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Initiation au HTML

  1. 1. Initiation au HTML 8 septembre 2014 Pierre Rudloff
  2. 2. Initiation au HTML | 8 septembre 2014 Qu’est-ce que le HTML ? HyperText Markup Language Langage créé en 1992 Permet de décrire des documents Forme la base du Web Interprété par un navigateur (Firefox, Chrome, Internet Explorer, etc.) Version actuelle : HTML5 Souvent utilisé avec CSS et JavaScript
  3. 3. Initiation au HTML | 8 septembre 2014 Comment créer du HTML Éditeur de texte/code : ●Notepad++ (Windows) ●Brackets ●Smultron (Mac OS) Éditeur visuel : ●Dreamweaver ●BlueGriffon CMS (WordPress, SPIP, etc.)
  4. 4. Initiation au HTML | 8 septembre 2014 Exemple de page HTML http://s.strasweb.fr/6
  5. 5. Initiation au HTML | 8 septembre 2014 Écrire du texte http://s.strasweb.fr/7 <p> : paragraphe <div> : bloc <i> : italique <b> : gras <br/> : retour à la ligne <h1>...<h6> : titres
  6. 6. Initiation au HTML | 8 septembre 2014 Ajouter des images http://s.strasweb.fr/8 <img> src : URL de l'image alt : texte alternatif width : largeur en pixel height : hauteur en pixel
  7. 7. Initiation au HTML | 8 septembre 2014 Vidéo et audio <video> et <audio> src : URL de l'image width : largeur en pixel height : hauteur en pixel controls, autoplay, loop http://s.strasweb.fr/c http://s.strasweb.fr/d
  8. 8. Initiation au HTML | 8 septembre 2014 Créer des liens http://s.strasweb.fr/9 <a> href : URL de la page target : _blank pour ouvrir dans une nouvelle fenêtre title : infobulle au survol
  9. 9. Initiation au HTML | 8 septembre 2014 Tableaux http://s.strasweb.fr/a
  10. 10. Initiation au HTML | 8 septembre 2014 Métadonnées et référencement http://s.strasweb.fr/b http://wiki.whatwg.org/wiki/MetaExtensions <meta> description : décrit le contenu de la page author : auteur du document keywords : mots-clefs generator : Logiciel utilisé pour créer la page robots : Faut-il référencer cette page ?
  11. 11. Initiation au HTML | 8 septembre 2014 Outils Firebug Outils de développeur Chrome Lunettes à rayons X Thimble
  12. 12. Initiation au HTML | 8 septembre 2014 Ressources pédagogiques OpenClassrooms Codecademy Mozilla Developer Network
  13. 13. Initiation au HTML | 8 septembre 2014 À lire Weaving the Web, Tim Berners-Lee HTML & CSS, Jon Duckett HTML5 pour les web designers, Jeremy Keith HTML5: Up and Running, Mark Pilgrim HTML5 : une référence pour le développeur web, Rodolphe Rimelé
  14. 14. Initiation au HTML | 8 septembre 2014 La suite JavaScript : 13 octobre 2014 CSS : 19 novembre 2014 HTML5 : 10 décembre 2014

×